@charset "UTF-8";.v-icon {
  --v-icon-size-multiplier: 1;
  align-items: center;
  display: inline-flex;
  font-feature-settings: "liga";
  height: 1em;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  opacity: var(--v-icon-opacity, 1);
  text-indent: 0;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  width: 1em;
  min-width: 1em;
}
.v-icon--clickable {
  cursor: pointer;
}
.v-icon--disabled {
  pointer-events: none;
  opacity: 0.38;
}
.v-icon--size-x-small {
  font-size: calc(var(--v-icon-size-multiplier) * 1em);
}
.v-icon--size-small {
  font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
}
.v-icon--size-default {
  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}
.v-icon--size-large {
  font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
}
.v-icon--size-x-large {
  font-size: calc(var(--v-icon-size-multiplier) * 2em);
}

.v-icon__svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.v-icon--start {
  margin-inline-end: 8px;
}

.v-icon--end {
  margin-inline-start: 8px;
}.v-progress-circular {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.v-progress-circular > svg {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.v-progress-circular__content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.v-progress-circular__underlay {
  color: rgba(var(--v-border-color), var(--v-border-opacity));
  stroke: currentColor;
  z-index: 1;
}

.v-progress-circular__overlay {
  stroke: currentColor;
  transition: all 0.2s ease-in-out, stroke-width 0s;
  z-index: 2;
}

.v-progress-circular--revealing {
  --progress-reveal-duration: $progress-circular-reveal-duration;
}
.v-progress-circular--revealing .v-progress-circular__overlay {
  transition-duration: var(--progress-reveal-duration), 0s;
}

.v-progress-circular--size-x-small {
  height: 16px;
  width: 16px;
}
.v-progress-circular--size-small {
  height: 24px;
  width: 24px;
}
.v-progress-circular--size-default {
  height: 32px;
  width: 32px;
}
.v-progress-circular--size-large {
  height: 48px;
  width: 48px;
}
.v-progress-circular--size-x-large {
  height: 64px;
  width: 64px;
}

.v-progress-circular--indeterminate > svg {
  animation: progress-circular-rotate 1.4s linear infinite;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.v-progress-circular--indeterminate .v-progress-circular__overlay {
  animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
  stroke-dasharray: 25, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transform-origin: center center;
  transform: rotate(-90deg);
}

.v-progress-circular--disable-shrink > svg {
  animation-duration: 0.7s;
}
.v-progress-circular--disable-shrink .v-progress-circular__overlay {
  animation: none;
}

.v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
  animation-play-state: paused !important;
}

@keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes progress-circular-rotate {
  100% {
    transform: rotate(270deg);
  }
}
.handoff-routing-host[data-v-6eaadc89]{position:relative;z-index:880}.handoff-offer-card[data-v-6eaadc89],.handoff-waiting-pill[data-v-6eaadc89],.handoff-waiting-list[data-v-6eaadc89]{position:fixed;right:24px;z-index:880;color:var(--foxie-ink);font-family:inherit}.handoff-offer-card[data-v-6eaadc89]{width:min(410px,calc(100vw - 32px));bottom:24px;padding:17px;border:1px solid color-mix(in srgb,var(--foxie-green) 24%,var(--foxie-border));border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent);box-shadow:0 28px 76px rgba(5,38,27,.24);backdrop-filter:blur(22px)}.handoff-offer-card__halo[data-v-6eaadc89]{position:absolute;width:180px;height:180px;right:-70px;top:-95px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--foxie-green) 18%,transparent),transparent 70%);pointer-events:none}.handoff-offer-card>header[data-v-6eaadc89]{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.handoff-live-dot[data-v-6eaadc89]{width:10px;height:10px;border-radius:50%;background:#21c992;box-shadow:0 0 0 4px rgba(33,201,146,.09);animation:handoffPulse-6eaadc89 1.8s ease-in-out infinite}.handoff-offer-card header>div[data-v-6eaadc89]{display:grid}.handoff-offer-card header small[data-v-6eaadc89],.handoff-waiting-list header small[data-v-6eaadc89]{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.08em}.handoff-offer-card header strong[data-v-6eaadc89]{margin-top:2px;font-size:.78rem}.handoff-countdown[data-v-6eaadc89]{min-width:42px;padding:7px 9px;border-radius:11px;text-align:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft));font-size:12px;font-weight:950;font-variant-numeric:tabular-nums}.handoff-offer-person[data-v-6eaadc89]{margin-top:14px;padding:11px;border:1px solid var(--foxie-border);border-radius:16px;display:flex;gap:10px;align-items:center;background:color-mix(in srgb,var(--foxie-surface-soft) 70%,transparent)}.handoff-avatar[data-v-6eaadc89]{width:46px;height:46px;flex:0 0 46px;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:#087859;background:color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-surface-soft));font-size:12px;font-weight:950}.handoff-avatar.small[data-v-6eaadc89]{width:38px;height:38px;flex-basis:38px;border-radius:12px}.handoff-avatar img[data-v-6eaadc89]{width:100%;height:100%;object-fit:cover}.handoff-offer-person>div[data-v-6eaadc89]{min-width:0;display:grid}.handoff-offer-person strong[data-v-6eaadc89]{font-size:12px}.handoff-offer-person small[data-v-6eaadc89],.handoff-offer-person em[data-v-6eaadc89]{margin-top:2px;color:var(--foxie-muted);font-size:12px;font-style:normal}.handoff-offer-person em[data-v-6eaadc89]{color:var(--foxie-green);font-weight:800}.handoff-progress[data-v-6eaadc89]{height:4px;margin-top:13px;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-border))}.handoff-progress i[data-v-6eaadc89]{height:100%;display:block;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,#0d936a,#38d8a7);transition:transform .22s linear}.handoff-offer-card>p[data-v-6eaadc89]{margin:9px 2px 12px;color:var(--foxie-muted);font-size:12px;line-height:1.45}.handoff-offer-card>footer[data-v-6eaadc89]{display:grid;grid-template-columns:.82fr 1.18fr;gap:8px}.handoff-offer-card footer button[data-v-6eaadc89]{height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:900}.handoff-secondary[data-v-6eaadc89]{border:1px solid var(--foxie-border);color:var(--foxie-muted);background:var(--foxie-surface-soft)}.handoff-primary[data-v-6eaadc89]{border:0;color:#fff;background:linear-gradient(135deg,#087c5a,#0cb783);box-shadow:0 12px 26px rgba(8,149,106,.2)}.handoff-waiting-pill[data-v-6eaadc89]{bottom:24px;min-width:262px;padding:9px 12px 9px 9px;border:1px solid color-mix(in srgb,#d79a2b 22%,var(--foxie-border));border-radius:16px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent);box-shadow:0 18px 48px rgba(42,34,15,.14);backdrop-filter:blur(18px)}.handoff-waiting-icon[data-v-6eaadc89]{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:#b67a17;background:color-mix(in srgb,#e5aa38 12%,var(--foxie-surface-soft))}.handoff-waiting-pill>span[data-v-6eaadc89]:nth-child(2){display:grid}.handoff-waiting-pill strong[data-v-6eaadc89]{font-size:12px}.handoff-waiting-pill small[data-v-6eaadc89]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.handoff-waiting-list[data-v-6eaadc89]{width:min(390px,calc(100vw - 32px));max-height:390px;bottom:84px;border:1px solid var(--foxie-border);border-radius:19px;overflow:hidden;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 24px 66px rgba(5,31,23,.2);backdrop-filter:blur(20px)}.handoff-waiting-list>header[data-v-6eaadc89]{padding:13px 13px 10px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between}.handoff-waiting-list header>div[data-v-6eaadc89]{display:grid}.handoff-waiting-list header strong[data-v-6eaadc89]{margin-top:2px;font-size:12px}.handoff-waiting-list header button[data-v-6eaadc89]{width:30px;height:30px;border:0;border-radius:9px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.handoff-waiting-scroll[data-v-6eaadc89]{max-height:320px;overflow:auto;padding:6px}.handoff-waiting-scroll article[data-v-6eaadc89]{min-height:62px;padding:8px;border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center}.handoff-waiting-scroll article[data-v-6eaadc89]:hover{background:var(--foxie-surface-soft)}.handoff-waiting-scroll article>div[data-v-6eaadc89]{min-width:0;display:grid}.handoff-waiting-scroll article strong[data-v-6eaadc89]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handoff-waiting-scroll article small[data-v-6eaadc89],.handoff-waiting-scroll article em[data-v-6eaadc89]{margin-top:2px;color:var(--foxie-muted);font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handoff-waiting-scroll article em[data-v-6eaadc89]{color:#a36a15}.handoff-waiting-scroll article>button[data-v-6eaadc89]{height:31px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:9px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:850}.handoff-waiting-scroll article>button.take-small[data-v-6eaadc89]{color:#fff;border-color:transparent;background:var(--foxie-green)}.handoff-private[data-v-6eaadc89]{width:31px;height:31px;border:1px solid var(--foxie-border);border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.handoff-pop-enter-active[data-v-6eaadc89],.handoff-pop-leave-active[data-v-6eaadc89]{transition:.3s cubic-bezier(.2,.85,.2,1)}.handoff-pop-enter-from[data-v-6eaadc89],.handoff-pop-leave-to[data-v-6eaadc89]{opacity:0;transform:translateY(13px) scale(.97);filter:blur(7px)}.handoff-list-enter-active[data-v-6eaadc89],.handoff-list-leave-active[data-v-6eaadc89]{transition:.24s ease}.handoff-list-enter-from[data-v-6eaadc89],.handoff-list-leave-to[data-v-6eaadc89]{opacity:0;transform:translateY(8px);filter:blur(5px)}@keyframes handoffPulse-6eaadc89{0%,100%{box-shadow:0 0 0 4px rgba(33,201,146,.09)}50%{box-shadow:0 0 0 8px rgba(33,201,146,.03)}}@media(max-width:760px){.handoff-offer-card[data-v-6eaadc89],.handoff-waiting-pill[data-v-6eaadc89],.handoff-waiting-list[data-v-6eaadc89]{right:12px;bottom:12px}.handoff-waiting-list[data-v-6eaadc89]{bottom:70px}.handoff-offer-card>footer[data-v-6eaadc89]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.handoff-live-dot[data-v-6eaadc89]{animation:none}.handoff-pop-enter-active[data-v-6eaadc89],.handoff-pop-leave-active[data-v-6eaadc89],.handoff-list-enter-active[data-v-6eaadc89],.handoff-list-leave-active[data-v-6eaadc89]{transition:none}}
.v-dialog {
  align-items: center;
  justify-content: center;
  margin: auto;
}
.v-dialog > .v-overlay__content {
  max-height: calc(100% - 48px);
  width: calc(100% - 48px);
  max-width: calc(100% - 48px);
  margin: 24px;
}
.v-dialog > .v-overlay__content,
.v-dialog > .v-overlay__content > form {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.v-dialog > .v-overlay__content > .v-card,
.v-dialog > .v-overlay__content > .v-sheet,
.v-dialog > .v-overlay__content > form > .v-card,
.v-dialog > .v-overlay__content > form > .v-sheet {
  --v-scrollbar-offset: 0px;
  border-radius: 4px;
  overflow-y: auto;
  flex: 1 1 var(--v-card-height, 100%);
}
.v-dialog > .v-overlay__content > .v-card,
.v-dialog > .v-overlay__content > .v-sheet,
.v-dialog > .v-overlay__content > form > .v-card,
.v-dialog > .v-overlay__content > form > .v-sheet {
  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-dialog > .v-overlay__content > .v-card,
.v-dialog > .v-overlay__content > form > .v-card {
  display: flex;
  flex-direction: column;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-item,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
  padding: 16px 24px;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
  padding-top: 0;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-text,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
  font-size: inherit;
  letter-spacing: 0.03125em;
  line-height: inherit;
  padding: 16px 24px 24px;
}
.v-dialog > .v-overlay__content > .v-card > .v-card-actions,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
  justify-content: flex-end;
}

.v-dialog--fullscreen {
  --v-scrollbar-offset: 0px;
}
.v-dialog--fullscreen > .v-overlay__content {
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
}
.v-dialog--fullscreen > .v-overlay__content > .v-card,
.v-dialog--fullscreen > .v-overlay__content > .v-sheet,
.v-dialog--fullscreen > .v-overlay__content > form > .v-card,
.v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
  min-height: 100%;
  min-width: 100%;
  border-radius: 0;
}

.v-dialog--scrollable > .v-overlay__content > form,
.v-dialog--scrollable > .v-overlay__content > form > .v-card {
  max-height: 100%;
  max-width: 100%;
}
.v-dialog--scrollable > .v-overlay__content,
.v-dialog--scrollable > .v-overlay__content > .v-card,
.v-dialog--scrollable > .v-overlay__content > form,
.v-dialog--scrollable > .v-overlay__content > form > .v-card {
  display: flex;
  flex: 1 1 var(--v-card-height, 100%);
  flex-direction: column;
}
.v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
.v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
  backface-visibility: hidden;
  overflow-y: auto;
}.v-overlay-container {
  contain: layout;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  display: contents;
}

.v-overlay-scroll-blocked {
  padding-inline-end: var(--v-scrollbar-offset);
}
.v-overlay-scroll-blocked:not(html) {
  overflow-y: hidden !important;
}
html.v-overlay-scroll-blocked {
  position: fixed;
  top: var(--v-body-scroll-y);
  left: var(--v-body-scroll-x);
  width: 100%;
  height: 100%;
}

.v-overlay {
  --v-overlay-opacity: 0.32;
  border-radius: inherit;
  display: flex;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.v-overlay__content {
  outline: none;
  position: absolute;
  pointer-events: auto;
  contain: layout;
}

.v-overlay__scrim {
  pointer-events: auto;
  background: #000;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: var(--v-overlay-opacity);
  position: fixed;
  right: 0;
  top: 0;
}

.v-overlay--absolute {
  position: absolute;
}

.v-overlay--contained .v-overlay__scrim {
  position: absolute;
}

.v-overlay--scroll-blocked {
  padding-inline-end: var(--v-scrollbar-offset);
}
.connection-routing-manager[data-v-9d530f76]{display:contents}.connections-toolbar-v2.foxie-routing-ready{grid-template-columns:minmax(150px,1fr) minmax(220px,320px) auto auto}.routing-entry[data-v-9d530f76]{height:42px;padding:0 11px;border:1px solid color-mix(in srgb,var(--foxie-green) 24%,var(--foxie-border));border-radius:12px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-green) 5%,var(--foxie-surface-raised));box-shadow:0 7px 18px rgba(5,44,31,.06);cursor:pointer;transition:.18s;flex:0 0 auto}.routing-entry[data-v-9d530f76]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--foxie-green) 44%,var(--foxie-border));box-shadow:0 10px 25px rgba(5,44,31,.09)}.routing-entry__icon[data-v-9d530f76]{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-surface-soft))}.routing-entry__copy[data-v-9d530f76]{display:grid;white-space:nowrap}.routing-entry__copy small[data-v-9d530f76],.routing-head small[data-v-9d530f76],.routing-policy-card header small[data-v-9d530f76],.queue-list header small[data-v-9d530f76],.queue-editor__head small[data-v-9d530f76]{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.08em}.routing-entry__copy strong[data-v-9d530f76]{margin-top:1px;font-size:12px}.routing-entry__copy em[data-v-9d530f76]{display:none}.routing-dialog[data-v-9d530f76]{width:100%;max-height:90vh;overflow:hidden;border:1px solid var(--foxie-border);border-radius:25px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 34px 100px rgba(4,31,22,.28)}.routing-head[data-v-9d530f76]{min-height:92px;padding:18px 20px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}.routing-head__icon[data-v-9d530f76]{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#087c5a,#0db986);box-shadow:0 13px 28px rgba(8,149,106,.18)}.routing-head h2[data-v-9d530f76]{margin:2px 0 0;font-size:1.08rem}.routing-head p[data-v-9d530f76]{margin:3px 0 0;color:var(--foxie-muted);font-size:12px}.routing-head>button[data-v-9d530f76]{width:36px;height:36px;border:0;border-radius:11px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.connection-picker[data-v-9d530f76]{margin:14px 18px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--foxie-green) 14%,var(--foxie-border));border-radius:15px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(250px,.75fr);gap:10px;align-items:center;background:color-mix(in srgb,var(--foxie-green) 3%,var(--foxie-surface-soft))}.connection-picker>span[data-v-9d530f76]{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-raised))}.connection-picker>div[data-v-9d530f76]{display:grid}.connection-picker small[data-v-9d530f76]{color:var(--foxie-muted);font-size:12px}.connection-picker strong[data-v-9d530f76]{margin-top:2px;font-size:12px}.connection-picker select[data-v-9d530f76],.queue-form-grid input[data-v-9d530f76],.queue-form-grid select[data-v-9d530f76]{height:41px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:10px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px}.routing-loading[data-v-9d530f76]{height:450px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--foxie-muted);font-size:12px}.routing-policy-card[data-v-9d530f76]{margin:12px 18px 0;border:1px solid var(--foxie-border);border-radius:17px;overflow:hidden}.routing-policy-card>header[data-v-9d530f76]{min-height:51px;padding:9px 12px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;background:var(--foxie-surface-soft)}.routing-policy-card header>div[data-v-9d530f76]{display:grid}.routing-policy-card header strong[data-v-9d530f76]{margin-top:2px;font-size:12px}.routing-policy-card header>span[data-v-9d530f76]{padding:5px 8px;border-radius:999px;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,transparent);font-size:12px;font-weight:900}.policy-grid[data-v-9d530f76]{display:grid;grid-template-columns:1fr 1fr}.policy-toggle[data-v-9d530f76]{min-height:72px;padding:11px 13px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;cursor:pointer}.policy-toggle[data-v-9d530f76]:nth-child(odd){border-right:1px solid var(--foxie-border)}.policy-toggle[data-v-9d530f76]:nth-last-child(-n+2){border-bottom:0}.policy-toggle input[data-v-9d530f76]{position:absolute;opacity:0}.toggle-ui[data-v-9d530f76]{width:38px;height:22px;padding:3px;border-radius:99px;background:var(--foxie-border);transition:.2s}.toggle-ui i[data-v-9d530f76]{width:16px;height:16px;border-radius:50%;display:block;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.12);transition:.2s}.policy-toggle input:checked+.toggle-ui[data-v-9d530f76]{background:var(--foxie-green)}.policy-toggle input:checked+.toggle-ui i[data-v-9d530f76]{transform:translateX(16px)}.policy-toggle>div[data-v-9d530f76]{min-width:0;display:grid}.policy-toggle strong[data-v-9d530f76]{font-size:12px}.policy-toggle small[data-v-9d530f76]{margin-top:3px;color:var(--foxie-muted);font-size:12px;line-height:1.4}.routing-workspace[data-v-9d530f76]{height:min(515px,calc(90vh - 315px));min-height:390px;margin-top:12px;border-top:1px solid var(--foxie-border);display:grid;grid-template-columns:270px minmax(0,1fr)}.queue-list[data-v-9d530f76]{padding:11px;border-right:1px solid var(--foxie-border);overflow:auto}.queue-list>header[data-v-9d530f76]{min-height:44px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.queue-list header>div[data-v-9d530f76]{display:grid}.queue-list header strong[data-v-9d530f76]{margin-top:2px;font-size:12px}.queue-list header button[data-v-9d530f76]{height:31px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;gap:4px;color:var(--foxie-green);background:transparent;font-size:12px;font-weight:850}.queue-list>button[data-v-9d530f76]{width:100%;min-height:61px;margin-top:5px;padding:9px;border:1px solid transparent;border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}.queue-list>button.active[data-v-9d530f76]{border-color:color-mix(in srgb,var(--foxie-green) 20%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.queue-list>button>i[data-v-9d530f76]{width:7px;height:34px;border-radius:99px}.queue-list>button>span[data-v-9d530f76]{min-width:0;display:grid}.queue-list>button strong[data-v-9d530f76]{font-size:12px}.queue-list>button small[data-v-9d530f76]{margin-top:2px;color:var(--foxie-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-list>button em[data-v-9d530f76]{padding:4px 6px;border-radius:999px;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,transparent);font-size:12px;font-style:normal;font-weight:900}.queue-editor[data-v-9d530f76]{overflow:auto;padding:17px 20px}.queue-editor__head[data-v-9d530f76]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.queue-editor__head h3[data-v-9d530f76]{margin:2px 0 0;font-size:.95rem}.queue-editor__head p[data-v-9d530f76]{margin:3px 0 0;color:var(--foxie-muted);font-size:12px}.queue-editor__head button[data-v-9d530f76]{height:32px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;gap:5px;color:var(--foxie-green);background:transparent;font-size:12px;font-weight:850}.queue-form-grid[data-v-9d530f76]{margin-top:13px;display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.queue-form-grid label[data-v-9d530f76]{display:grid;gap:5px}.queue-form-grid label.wide[data-v-9d530f76]{grid-column:1/-1}.queue-form-grid label>span[data-v-9d530f76]{color:var(--foxie-muted);font-size:12px;font-weight:800}.queue-form-grid input[data-v-9d530f76]:focus,.queue-form-grid select[data-v-9d530f76]:focus{border-color:color-mix(in srgb,var(--foxie-green) 44%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-green) 7%,transparent)}.input-suffix[data-v-9d530f76]{position:relative}.input-suffix input[data-v-9d530f76]{width:100%}.input-suffix b[data-v-9d530f76]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--foxie-muted);font-size:12px}.strategy-note[data-v-9d530f76]{margin-top:11px;padding:10px;border:1px solid color-mix(in srgb,var(--foxie-green) 12%,var(--foxie-border));border-radius:13px;display:flex;gap:9px;background:color-mix(in srgb,var(--foxie-green) 3%,var(--foxie-surface-soft))}.strategy-note>span[data-v-9d530f76]{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-raised))}.strategy-note>div[data-v-9d530f76]{display:grid}.strategy-note strong[data-v-9d530f76]{font-size:12px}.strategy-note p[data-v-9d530f76]{margin:2px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.4}.member-section[data-v-9d530f76]{margin-top:12px;border:1px solid var(--foxie-border);border-radius:15px;overflow:hidden}.member-section>header[data-v-9d530f76]{min-height:52px;padding:8px 11px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between}.member-section header>div[data-v-9d530f76]{display:grid}.member-section header strong[data-v-9d530f76]{font-size:12px}.member-section header small[data-v-9d530f76]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.member-section header>b[data-v-9d530f76]{padding:4px 7px;border-radius:99px;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,transparent);font-size:12px}.member-list[data-v-9d530f76]{max-height:185px;overflow:auto;padding:5px}.member-list article[data-v-9d530f76]{min-height:52px;padding:6px;border-radius:11px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:7px;align-items:center}.member-list article[data-v-9d530f76]:hover{background:var(--foxie-surface-soft)}.member-list article.disabled[data-v-9d530f76]{opacity:.56}.member-check[data-v-9d530f76]{position:relative;width:19px;height:19px}.member-check input[data-v-9d530f76]{position:absolute;opacity:0}.member-check span[data-v-9d530f76]{width:18px;height:18px;border:1px solid var(--foxie-border);border-radius:6px;display:grid;place-items:center}.member-check input:checked+span[data-v-9d530f76]{border-color:var(--foxie-green);background:var(--foxie-green)}.member-check input:checked+span[data-v-9d530f76]:after{content:'✓';color:#fff;font-size:12px;font-weight:900}.member-avatar[data-v-9d530f76]{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.member-avatar img[data-v-9d530f76]{width:100%;height:100%;object-fit:cover}.member-copy[data-v-9d530f76]{min-width:0;display:grid}.member-copy strong[data-v-9d530f76]{font-size:12px}.member-copy small[data-v-9d530f76]{margin-top:2px;color:var(--foxie-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-order[data-v-9d530f76]{height:30px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center}.member-order button[data-v-9d530f76]{width:26px;height:28px;border:0;color:var(--foxie-muted);background:transparent}.member-order b[data-v-9d530f76]{min-width:27px;text-align:center;font-size:12px}.member-cap[data-v-9d530f76]{height:30px;display:flex;align-items:center;gap:3px}.member-cap span[data-v-9d530f76]{color:var(--foxie-muted);font-size:12px}.member-cap input[data-v-9d530f76]{width:43px;height:29px;padding:0 5px;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px}.routing-actions[data-v-9d530f76]{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.routing-actions>span[data-v-9d530f76]{display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px}.routing-actions>button[data-v-9d530f76]{height:39px;padding:0 14px;border:0;border-radius:11px;display:flex;align-items:center;gap:6px;color:#fff;background:linear-gradient(135deg,#087c5a,#0db986);font-size:12px;font-weight:900;box-shadow:0 11px 24px rgba(8,149,106,.18)}@media(max-width:900px){.routing-entry[data-v-9d530f76]{height:40px;padding:0 9px}.policy-grid[data-v-9d530f76]{grid-template-columns:1fr}.policy-toggle[data-v-9d530f76]{border-right:0!important;border-bottom:1px solid var(--foxie-border)!important}.policy-toggle[data-v-9d530f76]:last-child{border-bottom:0!important}.routing-workspace[data-v-9d530f76]{height:auto;grid-template-columns:1fr}.queue-list[data-v-9d530f76]{max-height:180px;border-right:0;border-bottom:1px solid var(--foxie-border)}.connection-picker[data-v-9d530f76]{grid-template-columns:auto 1fr}.connection-picker select[data-v-9d530f76]{grid-column:1/-1}.queue-form-grid[data-v-9d530f76]{grid-template-columns:1fr}.queue-form-grid label.wide[data-v-9d530f76]{grid-column:auto}.member-list article[data-v-9d530f76]{grid-template-columns:auto auto minmax(0,1fr)}.member-order[data-v-9d530f76],.member-cap[data-v-9d530f76]{grid-column:3}.routing-actions[data-v-9d530f76]{align-items:stretch;flex-direction:column}.routing-actions>button[data-v-9d530f76]{justify-content:center}}@media(max-width:640px){.routing-entry[data-v-9d530f76]{width:40px;height:40px;padding:5px;border-radius:11px}.routing-entry__icon[data-v-9d530f76]{width:28px;height:28px}.routing-entry__copy[data-v-9d530f76],.routing-entry>svg[data-v-9d530f76]{display:none}.routing-dialog[data-v-9d530f76]{border-radius:20px}.routing-head[data-v-9d530f76]{grid-template-columns:auto 1fr;padding:14px}.routing-head p[data-v-9d530f76]{display:none}}
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 0px;
}
.v-autocomplete .v-field .v-text-field__prefix,
.v-autocomplete .v-field .v-text-field__suffix,
.v-autocomplete .v-field .v-field__input,
.v-autocomplete .v-field .v-field__input > input, .v-autocomplete .v-field.v-field {
  cursor: text;
}
.v-autocomplete .v-field .v-field__input > input {
  flex: 1 1;
}
.v-autocomplete .v-field input {
  min-width: 64px;
}
.v-autocomplete .v-field:not(.v-field--focused) input {
  min-width: 0;
}
.v-autocomplete .v-field--dirty .v-autocomplete__selection {
  margin-inline-end: 2px;
}
.v-autocomplete .v-autocomplete__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-autocomplete__content {
  overflow: hidden;
}
.v-autocomplete__content {
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-menu > .v-overlay__content.v-autocomplete__content {
  border-radius: 4px;
}

.v-autocomplete__content > .v-sheet {
  display: flex;
  flex-direction: column;
}
.v-autocomplete__mask {
  background: rgb(var(--v-theme-surface-light));
}
.v-autocomplete__selection {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: calc(100% - 2px - 2px);
}
.v-autocomplete__selection:first-child {
  margin-inline-start: 0;
}
.v-autocomplete--selecting-index .v-autocomplete__selection {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-autocomplete--selecting-index .v-autocomplete__selection--selected {
  opacity: 1;
}
.v-autocomplete--selecting-index .v-field__input > input {
  caret-color: transparent;
}
.v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline: inherit;
}
.v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
  transition: none;
}
.v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
  opacity: 0;
}
.v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
  opacity: 0;
}
.v-autocomplete__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-autocomplete--active-menu .v-autocomplete__menu-icon {
  transform: rotate(180deg);
}.v-avatar {
  flex: none;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: width, height;
  vertical-align: middle;
}
.v-avatar.v-avatar--size-x-small {
  --v-avatar-height: 24px;
}
.v-avatar.v-avatar--size-small {
  --v-avatar-height: 32px;
}
.v-avatar.v-avatar--size-default {
  --v-avatar-height: 40px;
}
.v-avatar.v-avatar--size-large {
  --v-avatar-height: 48px;
}
.v-avatar.v-avatar--size-x-large {
  --v-avatar-height: 56px;
}
.v-avatar.v-avatar--density-default {
  height: calc(var(--v-avatar-height) + 0px);
  width: calc(var(--v-avatar-height) + 0px);
}
.v-avatar.v-avatar--density-comfortable {
  height: calc(var(--v-avatar-height) + -4px);
  width: calc(var(--v-avatar-height) + -4px);
}
.v-avatar.v-avatar--density-compact {
  height: calc(var(--v-avatar-height) + -8px);
  width: calc(var(--v-avatar-height) + -8px);
}
.v-avatar {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-avatar--border {
  border-width: thin;
  box-shadow: none;
}
.v-avatar {
  border-radius: 50%;
}
.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-avatar--variant-plain {
  opacity: 0.62;
}
.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
  opacity: 1;
}
.v-avatar--variant-plain .v-avatar__overlay {
  display: none;
}
.v-avatar--variant-elevated, .v-avatar--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-avatar--variant-elevated {
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-avatar--variant-flat {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-avatar--variant-outlined {
  border: thin solid currentColor;
}
.v-avatar--variant-text .v-avatar__overlay {
  background: currentColor;
}
.v-avatar--variant-tonal .v-avatar__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-avatar .v-avatar__underlay {
  position: absolute;
}
.v-avatar--rounded {
  border-radius: 4px;
}
.v-avatar--start {
  margin-inline-end: 8px;
}
.v-avatar--end {
  margin-inline-start: 8px;
}
.v-avatar .v-img {
  height: 100%;
  width: 100%;
}.v-img {
  --v-theme-overlay-multiplier: 3;
  z-index: 0;
}
.v-img.v-img--absolute {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.v-img.v-img--fit-content {
  max-width: fit-content;
}
.v-img.v-img--fit-content > .v-img__img {
  position: relative;
}
.v-img.v-img--fit-content > .v-responsive__sizer {
  display: none;
}
.v-img--booting .v-responsive__sizer {
  transition: none;
}
.v-img--rounded {
  border-radius: 4px;
}

.v-img__img,
.v-img__picture,
.v-img__gradient,
.v-img__placeholder,
.v-img__error {
  z-index: -1;
}
.v-img__img,
.v-img__picture,
.v-img__gradient,
.v-img__placeholder,
.v-img__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-img__img--preload {
  filter: blur(4px);
}
.v-img__img--contain {
  object-fit: contain;
}
.v-img__img--cover {
  object-fit: cover;
}

.v-img__gradient {
  background-repeat: no-repeat;
}.v-responsive {
  display: flex;
  flex: 1 0 auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.v-responsive--inline {
  display: inline-flex;
  flex: 0 0 auto;
}

.v-responsive__content {
  flex: 1 0 0px;
  max-width: 100%;
}

.v-responsive__sizer ~ .v-responsive__content {
  margin-inline-start: -100%;
}

.v-responsive__sizer {
  flex: 1 0 0px;
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}.v-selection-control {
  align-items: center;
  contain: layout;
  display: flex;
  flex: 1 0;
  grid-area: control;
  position: relative;
  user-select: none;
}
.v-selection-control .v-label {
  white-space: normal;
  word-break: break-word;
  height: 100%;
  opacity: 1;
}
.v-selection-control--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-label {
  color: rgb(var(--v-theme-error));
}
.v-selection-control--inline {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}
.v-selection-control--inline .v-label {
  width: auto;
}
.v-selection-control--density-default {
  --v-selection-control-size: 40px;
}

.v-selection-control--density-comfortable {
  --v-selection-control-size: 36px;
}

.v-selection-control--density-compact {
  --v-selection-control-size: 28px;
}

.v-selection-control__wrapper {
  width: var(--v-selection-control-size);
  height: var(--v-selection-control-size);
  display: inline-flex;
  align-items: center;
  position: relative;
  justify-content: center;
  flex: none;
}

.v-selection-control__input {
  width: var(--v-selection-control-size);
  height: var(--v-selection-control-size);
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  position: relative;
  border-radius: 50%;
}
.v-selection-control__input input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.v-selection-control__input::before {
  border-radius: 100%;
  background-color: currentColor;
  opacity: 0;
  pointer-events: none;
}
.v-selection-control__input::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-selection-control__input:hover::before {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-selection-control__input > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
  opacity: 1;
}
.v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
  color: rgb(var(--v-theme-error));
}
.v-selection-control--focus-visible .v-selection-control__input::before {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}.v-label {
  align-items: center;
  color: inherit;
  display: inline-flex;
  font-size: 1rem;
  letter-spacing: 0.009375em;
  min-width: 0;
  opacity: var(--v-medium-emphasis-opacity);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-label--clickable {
  cursor: pointer;
}.v-selection-control-group {
  grid-area: control;
  display: flex;
  flex-direction: column;
}
.v-selection-control-group--inline {
  flex-direction: row;
  flex-wrap: wrap;
}.v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.v-ripple__animation--enter {
  transition: none;
  opacity: 0;
}
.v-ripple__animation--in {
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
}
@media (prefers-reduced-motion: reduce) {
  .v-ripple__animation--in {
    transition-property: opacity;
    transition-duration: 0.1s;
  }
}
.v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
}.v-input {
  display: grid;
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.v-input--disabled {
  pointer-events: none;
}
.v-input--density-default {
  --v-input-control-height: 56px;
  --v-input-padding-top: 16px;
}

.v-input--density-comfortable {
  --v-input-control-height: 48px;
  --v-input-padding-top: 12px;
}

.v-input--density-compact {
  --v-input-control-height: 40px;
  --v-input-padding-top: 8px;
}

.v-input--vertical {
  grid-template-areas: "append" "control" "prepend";
  grid-template-rows: max-content auto max-content;
  grid-template-columns: min-content;
}
.v-input--vertical .v-input__prepend {
  margin-block-start: 16px;
}
.v-input--vertical .v-input__append {
  margin-block-end: 16px;
}

.v-input--horizontal {
  grid-template-areas: "prepend control append" "a messages b";
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  grid-template-rows: 1fr auto;
}
.v-input--horizontal .v-input__prepend {
  margin-inline-end: 16px;
}
.v-input--horizontal .v-input__append {
  margin-inline-start: 16px;
}

.v-input__details {
  align-items: flex-end;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  grid-area: messages;
  letter-spacing: 0.0333333333em;
  line-height: normal;
  min-height: 22px;
  padding-top: 6px;
  overflow: hidden;
  justify-content: space-between;
}

.v-input__details > .v-icon,
.v-input__prepend > .v-icon,
.v-input__append > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-input--disabled .v-input__details > .v-icon,
.v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
.v-input--error .v-input__details .v-messages,
.v-input--disabled .v-input__prepend > .v-icon,
.v-input--disabled .v-input__prepend .v-messages,
.v-input--error .v-input__prepend > .v-icon,
.v-input--error .v-input__prepend .v-messages,
.v-input--disabled .v-input__append > .v-icon,
.v-input--disabled .v-input__append .v-messages,
.v-input--error .v-input__append > .v-icon,
.v-input--error .v-input__append .v-messages {
  opacity: 1;
}
.v-input--glow.v-input--focused .v-input__details > .v-icon,
.v-input--glow.v-input--focused .v-input__prepend > .v-icon,
.v-input--glow.v-input--focused .v-input__append > .v-icon {
  opacity: 1;
}
.v-input--disabled .v-input__details,
.v-input--disabled .v-input__prepend,
.v-input--disabled .v-input__append {
  opacity: var(--v-disabled-opacity);
}
.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
  color: rgb(var(--v-theme-error));
}

.v-input__prepend,
.v-input__append {
  display: flex;
  align-items: flex-start;
  padding-top: var(--v-input-padding-top);
}
.v-input--center-affix .v-input__prepend,
.v-input--center-affix .v-input__append {
  align-items: center;
  padding-top: 0;
}

.v-input__prepend {
  grid-area: prepend;
}

.v-input__append {
  grid-area: append;
}

.v-input__control {
  display: flex;
  grid-area: control;
}

.v-input--hide-spin-buttons input::-webkit-outer-spin-button,
.v-input--hide-spin-buttons input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-input--hide-spin-buttons input[type=number] {
  -moz-appearance: textfield;
}
.v-input--plain-underlined .v-input__prepend,
.v-input--plain-underlined .v-input__append {
  align-items: flex-start;
}
.v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
  padding-top: calc(var(--v-input-padding-top) + 4px);
}

.v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
  padding-top: calc(var(--v-input-padding-top) + 2px);
}

.v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
  padding-top: calc(var(--v-input-padding-top) + 0px);
}.v-messages {
  flex: 1 1 auto;
  font-size: 12px;
  min-height: 14px;
  min-width: 1px;
  opacity: var(--v-medium-emphasis-opacity);
  position: relative;
}
.v-messages__message {
  line-height: 12px;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  transition-duration: 150ms;
}.v-chip {
  align-items: center;
  display: inline-flex;
  font-weight: 400;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
}
.v-chip .v-icon {
  --v-icon-size-multiplier: 0.8571428571;
}
.v-chip.v-chip--size-x-small {
  --v-chip-size: 0.625rem;
  --v-chip-height: 20px;
  font-size: 12px;
  padding: 0 8px;
}
.v-chip.v-chip--size-x-small .v-avatar {
  --v-avatar-height: 14px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
  --v-avatar-height: 20px;
}

.v-chip.v-chip--size-x-small .v-avatar--start {
  margin-inline-start: -5.6px;
  margin-inline-end: 4px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
  margin-inline-start: -8px;
}

.v-chip.v-chip--size-x-small .v-avatar--end {
  margin-inline-start: 4px;
  margin-inline-end: -5.6px;
}
.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
  margin-inline-end: -8px;
}

.v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
  margin-inline-start: 12px;
}

.v-chip.v-chip--size-x-small .v-icon--start,
.v-chip.v-chip--size-x-small .v-chip__filter {
  margin-inline-start: -4px;
  margin-inline-end: 4px;
}
.v-chip.v-chip--size-x-small .v-icon--end,
.v-chip.v-chip--size-x-small .v-chip__close {
  margin-inline-start: 4px;
  margin-inline-end: -4px;
}
.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
  margin-inline-start: 8px;
}

.v-chip.v-chip--size-small {
  --v-chip-size: 0.75rem;
  --v-chip-height: 26px;
  font-size: 0.75rem;
  padding: 0 10px;
}
.v-chip.v-chip--size-small .v-avatar {
  --v-avatar-height: 20px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar {
  --v-avatar-height: 26px;
}

.v-chip.v-chip--size-small .v-avatar--start {
  margin-inline-start: -7px;
  margin-inline-end: 5px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
  margin-inline-start: -10px;
}

.v-chip.v-chip--size-small .v-avatar--end {
  margin-inline-start: 5px;
  margin-inline-end: -7px;
}
.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
  margin-inline-end: -10px;
}

.v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
  margin-inline-start: 15px;
}

.v-chip.v-chip--size-small .v-icon--start,
.v-chip.v-chip--size-small .v-chip__filter {
  margin-inline-start: -5px;
  margin-inline-end: 5px;
}
.v-chip.v-chip--size-small .v-icon--end,
.v-chip.v-chip--size-small .v-chip__close {
  margin-inline-start: 5px;
  margin-inline-end: -5px;
}
.v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
  margin-inline-start: 10px;
}

.v-chip.v-chip--size-default {
  --v-chip-size: 0.875rem;
  --v-chip-height: 32px;
  font-size: 0.875rem;
  padding: 0 12px;
}
.v-chip.v-chip--size-default .v-avatar {
  --v-avatar-height: 26px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar {
  --v-avatar-height: 32px;
}

.v-chip.v-chip--size-default .v-avatar--start {
  margin-inline-start: -8.4px;
  margin-inline-end: 6px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
  margin-inline-start: -12px;
}

.v-chip.v-chip--size-default .v-avatar--end {
  margin-inline-start: 6px;
  margin-inline-end: -8.4px;
}
.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
  margin-inline-end: -12px;
}

.v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
  margin-inline-start: 18px;
}

.v-chip.v-chip--size-default .v-icon--start,
.v-chip.v-chip--size-default .v-chip__filter {
  margin-inline-start: -6px;
  margin-inline-end: 6px;
}
.v-chip.v-chip--size-default .v-icon--end,
.v-chip.v-chip--size-default .v-chip__close {
  margin-inline-start: 6px;
  margin-inline-end: -6px;
}
.v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
  margin-inline-start: 12px;
}

.v-chip.v-chip--size-large {
  --v-chip-size: 1rem;
  --v-chip-height: 38px;
  font-size: 1rem;
  padding: 0 14px;
}
.v-chip.v-chip--size-large .v-avatar {
  --v-avatar-height: 32px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar {
  --v-avatar-height: 38px;
}

.v-chip.v-chip--size-large .v-avatar--start {
  margin-inline-start: -9.8px;
  margin-inline-end: 7px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
  margin-inline-start: -14px;
}

.v-chip.v-chip--size-large .v-avatar--end {
  margin-inline-start: 7px;
  margin-inline-end: -9.8px;
}
.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
  margin-inline-end: -14px;
}

.v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
  margin-inline-start: 21px;
}

.v-chip.v-chip--size-large .v-icon--start,
.v-chip.v-chip--size-large .v-chip__filter {
  margin-inline-start: -7px;
  margin-inline-end: 7px;
}
.v-chip.v-chip--size-large .v-icon--end,
.v-chip.v-chip--size-large .v-chip__close {
  margin-inline-start: 7px;
  margin-inline-end: -7px;
}
.v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
  margin-inline-start: 14px;
}

.v-chip.v-chip--size-x-large {
  --v-chip-size: 1.125rem;
  --v-chip-height: 44px;
  font-size: 1.125rem;
  padding: 0 17px;
}
.v-chip.v-chip--size-x-large .v-avatar {
  --v-avatar-height: 38px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
  --v-avatar-height: 44px;
}

.v-chip.v-chip--size-x-large .v-avatar--start {
  margin-inline-start: -11.9px;
  margin-inline-end: 8.5px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
  margin-inline-start: -17px;
}

.v-chip.v-chip--size-x-large .v-avatar--end {
  margin-inline-start: 8.5px;
  margin-inline-end: -11.9px;
}
.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
  margin-inline-end: -17px;
}

.v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
  margin-inline-start: 25.5px;
}

.v-chip.v-chip--size-x-large .v-icon--start,
.v-chip.v-chip--size-x-large .v-chip__filter {
  margin-inline-start: -8.5px;
  margin-inline-end: 8.5px;
}
.v-chip.v-chip--size-x-large .v-icon--end,
.v-chip.v-chip--size-x-large .v-chip__close {
  margin-inline-start: 8.5px;
  margin-inline-end: -8.5px;
}
.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
.v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
  margin-inline-start: 17px;
}

.v-chip.v-chip--density-default {
  height: calc(var(--v-chip-height) + 0px);
}

.v-chip.v-chip--density-comfortable {
  height: calc(var(--v-chip-height) + -4px);
}

.v-chip.v-chip--density-compact {
  height: calc(var(--v-chip-height) + -8px);
}

.v-chip {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-chip:hover > .v-chip__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-chip:focus-visible > .v-chip__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-chip:focus > .v-chip__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-chip {
  border-radius: 9999px;
}
.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-chip--variant-plain {
  opacity: 0.62;
}
.v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
  opacity: 1;
}
.v-chip--variant-plain .v-chip__overlay {
  display: none;
}
.v-chip--variant-elevated, .v-chip--variant-flat {
  background: rgb(var(--v-theme-surface-variant));
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-chip--variant-elevated {
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-chip--variant-flat {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-chip--variant-outlined {
  border: thin solid currentColor;
}
.v-chip--variant-text .v-chip__overlay {
  background: currentColor;
}
.v-chip--variant-tonal .v-chip__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-chip .v-chip__underlay {
  position: absolute;
}
.v-chip--border {
  border-width: thin;
}
.v-chip--link {
  cursor: pointer;
}
.v-chip--link, .v-chip--filter {
  user-select: none;
}
.v-chip--label {
  border-radius: 4px;
}

.v-chip__content {
  align-items: center;
  display: inline-flex;
}
.v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
  overflow: hidden;
}

.v-chip__filter,
.v-chip__prepend,
.v-chip__append,
.v-chip__close {
  align-items: center;
  display: inline-flex;
}

.v-chip__close {
  cursor: pointer;
  flex: 0 1 auto;
  font-size: 18px;
  max-height: 18px;
  max-width: 18px;
  user-select: none;
}
.v-chip__close .v-icon {
  font-size: inherit;
}

.v-chip__filter {
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-chip__overlay {
  background-color: currentColor;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-chip__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-chip--disabled {
  opacity: 0.3;
  pointer-events: none;
  user-select: none;
}

.v-chip--label {
  border-radius: 4px;
}

@media (forced-colors: active) {
  .v-chip:not(.v-chip--variant-text, .v-chip--variant-plain) {
    border: thin solid;
  }
}.v-chip-group {
  display: flex;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding: 4px 0;
}
.v-chip-group .v-chip {
  margin: 4px 8px 4px 0;
}
@media (forced-colors: active) {
  .v-chip-group .v-chip {
    background-color: buttonface !important;
    color: buttontext !important;
  }
  .v-chip-group .v-chip:hover {
    color: highlight !important;
  }
}
.v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
  opacity: var(--v-activated-opacity);
}
@media (forced-colors: active) {
  .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) {
    color: highlight !important;
    forced-color-adjust: preserve-parent-color;
  }
  .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled):focus-visible {
    outline-offset: 2px;
  }
  .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-elevated, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-flat {
    background-color: highlight !important;
    color: highlighttext !important;
  }
  .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-outlined, .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled).v-chip--variant-tonal {
    border-width: medium;
  }
}

.v-chip-group--column .v-slide-group__content {
  white-space: normal;
  flex-wrap: wrap;
  max-width: 100%;
}.v-slide-group {
  display: flex;
  overflow: hidden;
}

.v-slide-group__next,
.v-slide-group__prev {
  align-items: center;
  display: flex;
  flex: 0 1 52px;
  justify-content: center;
  min-width: 52px;
  cursor: pointer;
}
.v-slide-group__next--disabled,
.v-slide-group__prev--disabled {
  pointer-events: none;
  opacity: var(--v-disabled-opacity);
}

.v-slide-group__content {
  display: flex;
  flex: 1 0 auto;
  position: relative;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.v-slide-group__content > * {
  white-space: initial;
}

.v-slide-group__container {
  contain: content;
  display: flex;
  flex: 1 1 auto;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scrollbar-color: rgba(0, 0, 0, 0);
}
.v-slide-group__container::-webkit-scrollbar {
  display: none;
}

.v-slide-group--vertical {
  max-height: inherit;
}
.v-slide-group--vertical,
.v-slide-group--vertical .v-slide-group__container,
.v-slide-group--vertical .v-slide-group__content {
  flex-direction: column;
}
.v-slide-group--vertical .v-slide-group__container {
  overflow-x: hidden;
  overflow-y: auto;
}.v-divider {
  color: inherit;
  display: block;
  flex: 1 1 100%;
  height: 0px;
  max-height: 0px;
  opacity: var(--v-border-opacity);
  transition: inherit;
}
.v-divider {
  border-style: solid;
  border-width: thin 0 0 0;
}
.v-divider--vertical {
  align-self: stretch;
  border-width: 0 thin 0 0;
  display: inline-flex;
  height: auto;
  margin-left: -1px;
  max-height: 100%;
  max-width: 0px;
  vertical-align: text-bottom;
  width: 0px;
}
.v-divider--inset:not(.v-divider--vertical) {
  max-width: calc(100% - 72px);
  margin-inline-start: 72px;
}
.v-divider--inset.v-divider--vertical {
  margin-bottom: 8px;
  margin-top: 8px;
  max-height: calc(100% - 16px);
}
.v-divider--gradient {
  mask-image: linear-gradient(90deg, transparent, #000, transparent);
}
.v-divider--gradient.v-divider--vertical {
  mask-image: linear-gradient(0deg, transparent, #000, transparent);
}

.v-divider__content {
  padding: 0 16px;
  text-wrap: nowrap;
}
.v-divider__wrapper--vertical .v-divider__content {
  padding: 4px 0;
}

.v-divider__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-divider__wrapper--vertical {
  flex-direction: column;
  height: 100%;
}
.v-divider__wrapper--vertical .v-divider {
  margin: 0 auto;
}
.v-divider__wrapper--gradient {
  mask-image: linear-gradient(90deg, transparent, #000, transparent);
}
.v-divider__wrapper--gradient.v-divider__wrapper--vertical {
  mask-image: linear-gradient(0deg, transparent, #000, transparent);
}.v-list {
  overflow: auto;
  padding: 8px 0;
  position: relative;
  outline: none;
}
.v-list {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-list--border {
  border-width: thin;
  box-shadow: none;
}
.v-list {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-list {
  border-radius: 0;
}
.v-list {
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-list--disabled {
  pointer-events: none;
  user-select: none;
}
.v-list--nav {
  padding-inline: 8px;
}
.v-list--nav .v-list-item:not(:first-child),
.v-list--nav .v-list-group:not(:first-child) > .v-list-item,
.v-list--nav .v-list-group__items > .v-list-item,
.v-list--nav .v-list-group__items > .v-list-group {
  margin-top: 4px;
}
.v-list--rounded {
  border-radius: 4px;
}
.v-list--subheader {
  padding-top: 0;
}

.v-list-img {
  border-radius: inherit;
  display: flex;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.v-list-subheader {
  align-items: center;
  background: inherit;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding-inline-end: 16px;
  min-height: 40px;
  transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
}
.v-list-subheader__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-list--density-default .v-list-subheader {
  min-height: 40px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--density-comfortable .v-list-subheader {
  min-height: 36px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--density-compact .v-list-subheader {
  min-height: 32px;
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-subheader--inset {
  --indent-padding: 56px;
}
.v-list--nav .v-list-subheader {
  font-size: 0.75rem;
}
.v-list-subheader--sticky {
  background: inherit;
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}

.v-list__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease-in-out;
}.v-list-item {
  align-items: center;
  display: grid;
  flex: none;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content 1fr auto;
  outline: none;
  max-width: 100%;
  padding: 4px 16px;
  position: relative;
  text-decoration: none;
}
.v-list-item {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-list-item--border {
  border-width: thin;
  box-shadow: none;
}
.v-list-item:hover > .v-list-item__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item:focus-visible > .v-list-item__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-list-item:focus > .v-list-item__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item {
  border-radius: 0;
}
.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-list-item--variant-plain {
  opacity: 0.62;
}
.v-list-item--variant-plain:focus, .v-list-item--variant-plain:hover {
  opacity: 1;
}
.v-list-item--variant-plain .v-list-item__overlay {
  display: none;
}
.v-list-item--variant-elevated, .v-list-item--variant-flat {
  background: rgba(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-list-item--variant-elevated {
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-list-item--variant-flat {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-list-item--variant-outlined {
  border: thin solid currentColor;
}
.v-list-item--variant-text .v-list-item__overlay {
  background: currentColor;
}
.v-list-item--variant-tonal .v-list-item__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-list-item .v-list-item__underlay {
  position: absolute;
}
.v-list-item--focus-visible .v-list-item__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports selector(:focus-visible) {
  .v-list-item::after {
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-list-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .v-list-item:focus-visible::after, .v-list-item--focus-visible::after {
    opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
  }
}
.v-list-item__prepend > .v-badge .v-icon,
.v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
.v-list-item__append > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
.v-list-item--active .v-list-item__prepend > .v-icon,
.v-list-item--active .v-list-item__append > .v-badge .v-icon,
.v-list-item--active .v-list-item__append > .v-icon {
  opacity: 1;
}
.v-list-item--active:not(.v-list-item--link) .v-list-item__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-list-item--rounded {
  border-radius: 4px;
}
.v-list-item--disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.6;
}
.v-list-item--link {
  cursor: pointer;
}
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
  --v-avatar-height: 24px;
}

.v-list-item__prepend {
  align-items: center;
  align-self: center;
  display: flex;
  grid-area: prepend;
}
.v-list-item__prepend * ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap);
}
.v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
.v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
.v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 32px);
}
.v-list-item__prepend > .v-avatar ~ .v-list-item__spacer,
.v-list-item__prepend > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 16px);
}
.v-list-item--slim .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 20px);
}
.v-list-item--slim .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__prepend > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 4px);
}
.v-list-item--slim .v-list-item__prepend > .v-list-item-action ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 4px);
}
.v-list-item--three-line .v-list-item__prepend {
  align-self: start;
}

.v-list-item__append {
  align-self: center;
  display: flex;
  align-items: center;
  grid-area: append;
}
.v-list-item__append .v-list-item__spacer {
  order: -1;
  transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
}
.v-list-item__append * ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap);
}
.v-list-item__append > .v-badge ~ .v-list-item__spacer,
.v-list-item__append > .v-icon ~ .v-list-item__spacer,
.v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 32px);
}
.v-list-item__append > .v-avatar ~ .v-list-item__spacer,
.v-list-item__append > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 16px);
}
.v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 16px);
}
.v-list-item--slim .v-list-item__append > .v-badge ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__append > .v-icon ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
  width: var(--v-list-slim-spacer-width, 20px);
}
.v-list-item--slim .v-list-item__append > .v-avatar ~ .v-list-item__spacer,
.v-list-item--slim .v-list-item__append > .v-badge:is(:has(.v-avatar)) ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 4px);
}
.v-list-item--slim .v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
  width: var(--v-list-prepend-gap, 4px);
}
.v-list-item--three-line .v-list-item__append {
  align-self: start;
}

.v-list-item__content {
  align-self: center;
  grid-area: content;
  overflow: hidden;
  min-width: 40px;
}
.v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item__content, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item__content {
  min-width: 0;
}

.v-list-item-action {
  align-self: center;
  display: flex;
  align-items: center;
  flex: none;
  transition-property: height, width;
  transition-duration: inherit;
  transition-timing-function: inherit;
  transition-delay: inherit;
}
.v-list-item-action--start {
  margin-inline-end: 8px;
  margin-inline-start: -8px;
}
.v-list-item-action--end {
  margin-inline-start: 8px;
  margin-inline-end: -8px;
}

.v-list-item-media {
  margin-top: 0;
  margin-bottom: 0;
}
.v-list-item-media--start {
  margin-inline-end: 16px;
}
.v-list-item-media--end {
  margin-inline-start: 16px;
}
.v-list-item--two-line .v-list-item-media {
  margin-top: -4px;
  margin-bottom: -4px;
}
.v-list-item--three-line .v-list-item-media {
  margin-top: 0;
  margin-bottom: 0;
}

.v-list-item-subtitle {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  opacity: var(--v-list-item-subtitle-opacity, var(--v-medium-emphasis-opacity));
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  word-break: initial;
}
.v-list-item--one-line .v-list-item-subtitle {
  -webkit-line-clamp: 1;
}
.v-list-item--two-line .v-list-item-subtitle {
  -webkit-line-clamp: 2;
}
.v-list-item--three-line .v-list-item-subtitle {
  -webkit-line-clamp: 3;
}
.v-list-item-subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
  text-transform: none;
}
.v-list-item--nav .v-list-item-subtitle {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1rem;
}

.v-list-item-title {
  hyphens: auto;
  overflow-wrap: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: break-word;
}
.v-list-item-title {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  line-height: 1.5;
  text-transform: none;
}
.v-list-item--nav .v-list-item-title {
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1rem;
}

.v-list-item--density-default {
  min-height: 40px;
}
.v-list-item--density-default.v-list-item--one-line {
  min-height: 48px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list-item--density-default.v-list-item--two-line {
  min-height: 64px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-list-item--density-default.v-list-item--three-line {
  min-height: 88px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-default.v-list-item--three-line .v-list-item__append {
  padding-top: 8px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline: 16px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline: 16px;
}
.v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline: 16px;
}

.v-list-item--density-comfortable {
  min-height: 36px;
}
.v-list-item--density-comfortable.v-list-item--one-line {
  min-height: 44px;
}
.v-list-item--density-comfortable.v-list-item--two-line {
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-list-item--density-comfortable.v-list-item--three-line {
  min-height: 84px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
  padding-top: 6px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline: 16px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline: 16px;
}
.v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline: 16px;
}

.v-list-item--density-compact {
  min-height: 32px;
}
.v-list-item--density-compact.v-list-item--one-line {
  min-height: 40px;
}
.v-list-item--density-compact.v-list-item--two-line {
  min-height: 56px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.v-list-item--density-compact.v-list-item--three-line {
  min-height: 80px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
.v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
  padding-top: 4px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
  padding-inline: 16px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
  padding-inline: 16px;
}
.v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
  padding-inline: 16px;
}

.v-list-item--nav {
  padding-inline: 8px;
}

.v-list-item__underlay {
  position: absolute;
}

.v-list-item__overlay {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.2s ease-in-out;
  transition-property: opacity, color;
}
.v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
  --v-theme-overlay-multiplier: 0;
}

.v-list {
  --indent-padding: 0px;
}
.v-list--nav {
  --indent-padding: -8px;
}

.v-list-group {
  --list-indent-size: 16px;
  --parent-padding: var(--indent-padding);
  --prepend-width: var(--v-list-group-prepend, 40px);
}
.v-list--slim .v-list-group {
  --prepend-width: var(--v-list-group-prepend, 28px);
}
.v-list-group--fluid {
  --list-indent-size: 0px;
}
.v-list-group--prepend {
  --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
}
.v-list-group--fluid.v-list-group--prepend {
  --parent-padding: var(--indent-padding);
}

.v-list-group__items {
  --indent-padding: calc(var(--parent-padding) + var(--v-list-indent, var(--list-indent-size)));
  min-width: min-content;
}
.v-navigation-drawer--rail .v-list-group__items {
  min-width: 0;
}

.v-list-group__items .v-list-item {
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
  opacity: 0;
}
.v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}

@media (forced-colors: active) {
  .v-list-item--link:not(.v-list-item--active) {
    color: buttontext;
  }
  .v-list-item--link[href]:not(.v-list-item--active) {
    color: unset;
  }
  .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-],
  .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-] > *,
  .v-list-item--active:not(.v-list-item--disabled) .v-icon {
    color: highlight !important;
  }
  .v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) {
    background: highlight !important;
  }
  .v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) [class*=v-list-item-],
  .v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) [class*=v-list-item-] > *,
  .v-list-item--active:not(.v-list-item--variant-text, .v-list-item--variant-plain):not(.v-list-item--disabled) .v-icon {
    opacity: 1;
    color: highlighttext !important;
    forced-color-adjust: preserve-parent-color;
  }
  .v-list-item--focus-visible::after {
    opacity: 1;
  }
  @supports selector(:focus-visible) {
    .v-list-item::after {
      color: buttontext;
    }
    .v-list-item:focus-visible::after {
      opacity: 1;
    }
  }
}.v-menu > .v-overlay__content {
  display: flex;
  flex-direction: column;
}
.v-menu > .v-overlay__content {
  border-radius: 4px;
}
.v-menu > .v-overlay__content > .v-card,
.v-menu > .v-overlay__content > .v-sheet,
.v-menu > .v-overlay__content > .v-list {
  background: rgb(var(--v-theme-surface));
  border-radius: inherit;
  overflow: auto;
  height: 100%;
}
.v-menu > .v-overlay__content > .v-card,
.v-menu > .v-overlay__content > .v-sheet,
.v-menu > .v-overlay__content > .v-list {
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}.v-select--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
.v-select--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
.v-select--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
.v-select--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 0px;
}
.v-select .v-field .v-text-field__prefix,
.v-select .v-field .v-text-field__suffix,
.v-select .v-field .v-field__input, .v-select .v-field.v-field {
  cursor: pointer;
}
.v-select .v-field .v-field__input > input {
  align-self: flex-start;
  opacity: 1;
  flex: 0 0;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: none;
  pointer-events: none;
  caret-color: transparent;
  padding-inline: inherit;
}
.v-select .v-field--dirty .v-select__selection {
  margin-inline-end: 2px;
}
.v-select .v-select__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v-select__content {
  overflow: hidden;
}
.v-select__content {
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-menu > .v-overlay__content.v-select__content {
  border-radius: 4px;
}

.v-select__content > .v-sheet {
  display: flex;
  flex-direction: column;
}
.v-select__mask {
  background: rgb(var(--v-theme-surface-light));
}
.v-select__selection {
  display: inline-flex;
  align-items: center;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 100%;
}
.v-select .v-select__selection:first-child {
  margin-inline-start: 0;
}
.v-select--selected .v-field .v-field__input > input {
  opacity: 0;
}
.v-select__menu-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-select--active-menu .v-select__menu-icon {
  transform: rotate(180deg);
}.v-sheet {
  display: block;
}
.v-sheet {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-sheet--border {
  border-width: thin;
  box-shadow: none;
}
.v-sheet {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-sheet--absolute {
  position: absolute;
}
.v-sheet--fixed {
  position: fixed;
}
.v-sheet--relative {
  position: relative;
}
.v-sheet--sticky {
  position: sticky;
}
.v-sheet {
  border-radius: 0;
}
.v-sheet {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-sheet--rounded {
  border-radius: 4px;
}/* region BLOCK */
.v-text-field input {
  color: inherit;
  flex: 1;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
}
.v-text-field input:focus, .v-text-field input:active {
  outline: none;
}
.v-text-field input:invalid {
  box-shadow: none;
}
.v-text-field .v-field {
  cursor: text;
}
.v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
  --v-field-padding-start: 6px;
}

.v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
  --v-field-padding-end: 0;
}

.v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
  --v-field-padding-end: 6px;
}

.v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
  --v-field-padding-start: 0;
}

.v-text-field .v-field:not(.v-field--no-label, .v-field--active) input::placeholder {
  opacity: 0;
}
.v-text-field .v-input__details {
  padding-inline: 16px;
}
.v-input--plain-underlined.v-text-field .v-input__details {
  padding-inline: 0;
}

.v-text-field .v-field--single-line input {
  transition: none;
}

/* endregion */
/* region ELEMENTS */
.v-text-field__prefix, .v-text-field__suffix {
  align-items: center;
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  cursor: default;
  display: flex;
  opacity: 0;
  transition: inherit;
  white-space: nowrap;
  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
  padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
  padding-bottom: var(--v-field-padding-bottom, 6px);
}
.v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
  opacity: 1;
}
.v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
}
.v-field:not(.v-field--reverse) .v-text-field__prefix {
  padding-inline-start: var(--v-field-padding-start);
}

.v-field.v-field--reverse .v-text-field__prefix {
  padding-inline-end: var(--v-field-padding-end);
}

.v-field:not(.v-field--reverse) .v-text-field__suffix {
  padding-inline-end: var(--v-field-padding-end);
}

.v-field.v-field--reverse .v-text-field__suffix {
  padding-inline-start: var(--v-field-padding-start);
}

/* endregion */.v-counter {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
  flex: 0 1 auto;
  font-size: 12px;
  transition-duration: 150ms;
  white-space: nowrap;
}/* region INPUT */
.v-field {
  display: grid;
  grid-template-areas: "prepend-inner field clear append-inner";
  grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
  font-size: 16px;
  letter-spacing: 0.009375em;
  max-width: 100%;
  border-radius: 4px;
  contain: layout;
  flex: 1 0;
  grid-area: control;
  position: relative;
  --v-theme-overlay-multiplier: 1;
  --v-field-padding-start: 16px;
  --v-field-padding-end: 16px;
  --v-field-padding-top: 8px;
  --v-field-padding-bottom: 4px;
  --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
  --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}
.v-field--disabled {
  opacity: var(--v-disabled-opacity);
  pointer-events: none;
}
.v-field .v-chip {
  --v-chip-height: 24px;
}

/* endregion */
/* region MODIFIERS */
.v-field--prepended {
  padding-inline-start: 12px;
}
.v-field--appended {
  padding-inline-end: 12px;
}
.v-field--variant-solo, .v-field--variant-solo-filled {
  background: rgb(var(--v-theme-surface));
  border-color: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-field--variant-solo, .v-field--variant-solo-filled {
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-field--variant-solo-inverted {
  background: rgb(var(--v-theme-surface));
  border-color: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-field--variant-solo-inverted {
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-field--variant-solo-inverted.v-field--focused {
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-field--variant-filled {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
  --v-input-control-height: 56px;
  --v-field-padding-bottom: 4px;
}

.v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
  --v-input-control-height: 48px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
  --v-input-control-height: 40px;
  --v-field-padding-bottom: 0px;
}

.v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
  --v-field-padding-top: 0px;
}
.v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
  --v-field-padding-bottom: 16px;
}

.v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
  --v-field-padding-bottom: 12px;
}

.v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
  --v-field-padding-bottom: 8px;
}

.v-field--variant-plain, .v-field--variant-underlined {
  border-radius: 0;
  padding: 0;
}
.v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
  --v-field-padding-start: 0px;
  --v-field-padding-end: 0px;
}
.v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
  --v-input-control-height: 48px;
  --v-field-padding-top: 4px;
  --v-field-padding-bottom: 4px;
}

.v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
  --v-input-control-height: 40px;
  --v-field-padding-top: 2px;
  --v-field-padding-bottom: 0px;
}

.v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
  --v-input-control-height: 32px;
  --v-field-padding-top: 0px;
  --v-field-padding-bottom: 0px;
}

.v-field--flat {
  box-shadow: none;
}
.v-field--rounded {
  border-radius: 24px;
}
.v-field.v-field--prepended {
  --v-field-padding-start: 6px;
}
.v-field.v-field--appended {
  --v-field-padding-end: 6px;
}

/* endregion */
/* region ELEMENTS */
.v-field__input {
  align-items: center;
  color: inherit;
  column-gap: 2px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.009375em;
  opacity: var(--v-high-emphasis-opacity);
  min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
  min-width: 0;
  padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
  padding-top: var(--v-field-input-padding-top);
  padding-bottom: var(--v-field-input-padding-bottom);
  position: relative;
  width: 100%;
}
.v-input--density-default .v-field__input {
  row-gap: 8px;
}

.v-input--density-comfortable .v-field__input {
  row-gap: 6px;
}

.v-input--density-compact .v-field__input {
  row-gap: 4px;
}

.v-field__input input {
  letter-spacing: inherit;
}
.v-field__input input::placeholder,
input.v-field__input::placeholder,
textarea.v-field__input::placeholder {
  color: currentColor;
  opacity: var(--v-disabled-opacity);
}

.v-field__input:focus, .v-field__input:active {
  outline: none;
}
.v-field__input:invalid {
  box-shadow: none;
}

.v-field__field {
  flex: 1 0;
  grid-area: field;
  position: relative;
  align-items: flex-start;
  display: flex;
}

/* endregion */
/* region AFFIXES */
.v-field__prepend-inner {
  grid-area: prepend-inner;
  padding-inline-end: var(--v-field-padding-after);
}

.v-field__clearable {
  grid-area: clear;
}

.v-field__append-inner {
  grid-area: append-inner;
  padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner,
.v-field__clearable,
.v-field__prepend-inner {
  display: flex;
  align-items: flex-start;
  padding-top: var(--v-input-padding-top, 8px);
}
.v-field--center-affix .v-field__append-inner,
.v-field--center-affix .v-field__clearable,
.v-field--center-affix .v-field__prepend-inner {
  align-items: center;
  padding-top: 0;
}

.v-field.v-field--variant-underlined .v-field__append-inner,
.v-field.v-field--variant-underlined .v-field__clearable,
.v-field.v-field--variant-underlined .v-field__prepend-inner,
.v-field.v-field--variant-plain .v-field__append-inner,
.v-field.v-field--variant-plain .v-field__clearable,
.v-field.v-field--variant-plain .v-field__prepend-inner {
  align-items: flex-start;
  padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
  padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--focused .v-field__prepend-inner,
.v-field--focused .v-field__append-inner {
  opacity: 1;
}

.v-field__prepend-inner > .v-icon,
.v-field__append-inner > .v-icon,
.v-field__clearable > .v-icon {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon, .v-field--glow.v-field--focused .v-field__prepend-inner > .v-icon,
.v-field--disabled .v-field__append-inner > .v-icon,
.v-field--error .v-field__append-inner > .v-icon,
.v-field--glow.v-field--focused .v-field__append-inner > .v-icon,
.v-field--disabled .v-field__clearable > .v-icon,
.v-field--error .v-field__clearable > .v-icon,
.v-field--glow.v-field--focused .v-field__clearable > .v-icon {
  opacity: 1;
}
.v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
.v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
.v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
  color: rgb(var(--v-theme-error));
}

.v-field__clearable {
  cursor: pointer;
  opacity: 0;
  overflow: hidden;
  margin-inline: 4px;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, transform, width;
}
@media (prefers-reduced-motion: reduce) {
  .v-field__clearable {
    transition-property: opacity;
  }
}
.v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
  opacity: 1;
}
@media (hover: hover) {
  .v-field:hover .v-field__clearable {
    opacity: 1;
  }
}
@media (hover: none) {
  .v-field__clearable {
    opacity: 1;
  }
}

/* endregion */
/* region LABEL */
.v-label.v-field-label {
  contain: layout paint;
  display: block;
  margin-inline-start: var(--v-field-padding-start);
  margin-inline-end: var(--v-field-padding-end);
  max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
  pointer-events: none;
  position: absolute;
  top: var(--v-input-padding-top);
  transform-origin: left center;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .v-label.v-field-label {
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
  }
}
.v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
  top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
}
.v-field--center-affix .v-label.v-field-label {
  top: 50%;
  transform: translateY(-50%);
}
.v-field--active .v-label.v-field-label {
  visibility: hidden;
}
.v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
  opacity: 1;
}
.v-field--error:not(.v-field--disabled) .v-label.v-field-label {
  color: rgb(var(--v-theme-error));
}
.v-label.v-field-label--floating {
  --v-field-label-scale: 0.75em;
  font-size: var(--v-field-label-scale);
  visibility: hidden;
}
.v-field--variant-outlined .v-label.v-field-label--floating {
  max-width: 100%;
}
.v-field--center-affix .v-label.v-field-label--floating {
  transform: none;
}
.v-field.v-field--active .v-label.v-field-label--floating {
  visibility: unset;
}
.v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 7px;
}

.v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 5px;
}

.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
  top: 3px;
}

.v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
  transform: translateY(-16px);
  margin: 0;
  top: var(--v-input-padding-top);
}
.v-field--variant-outlined .v-label.v-field-label--floating {
  transform: translateY(-50%);
  transform-origin: center;
  position: static;
  margin: 0 4px;
}

/* endregion */
/* region OUTLINE */
.v-field__outline {
  --v-field-border-width: 1px;
  --v-field-border-opacity: 0.38;
  align-items: stretch;
  contain: layout;
  display: flex;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%;
}
@media (hover: hover) {
  .v-field:hover .v-field__outline {
    --v-field-border-opacity: var(--v-high-emphasis-opacity);
  }
}
.v-field--error:not(.v-field--disabled) .v-field__outline {
  color: rgb(var(--v-theme-error));
}
.v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
  --v-field-border-opacity: 1;
}
.v-field--variant-outlined.v-field--focused .v-field__outline {
  --v-field-border-width: 2px;
}
.v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
  border-color: currentColor;
  border-style: solid;
  border-width: 0 0 var(--v-field-border-width);
  opacity: var(--v-field-border-opacity);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
  border-color: currentColor;
  border-style: solid;
  border-width: 0 0 2px;
  transform: scaleX(0);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
  transform: scaleX(1);
}

.v-field--variant-outlined .v-field__outline {
  border-radius: inherit;
}
.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
  border: 0 solid currentColor;
  opacity: var(--v-field-border-opacity);
}
@media (prefers-reduced-motion: no-preference) {
  .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.v-field--variant-outlined .v-field__outline__start {
  flex: 0 0 12px;
  border-top-width: var(--v-field-border-width);
  border-bottom-width: var(--v-field-border-width);
  border-inline-start-width: var(--v-field-border-width);
  border-start-start-radius: inherit;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: inherit;
}
.v-field--rounded.v-field--variant-outlined .v-field__outline__start,
[class^=rounded-].v-field--variant-outlined .v-field__outline__start,
[class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
  flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
}

.v-field--reverse.v-field--variant-outlined .v-field__outline__start {
  border-start-start-radius: 0;
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  border-end-start-radius: 0;
  border-inline-end-width: var(--v-field-border-width);
  border-inline-start-width: 0;
}

.v-field--variant-outlined .v-field__outline__notch {
  flex: none;
  position: relative;
  max-width: calc(100% - 24px);
}
.v-field--rounded.v-field--variant-outlined .v-field__outline__notch,
[class^=rounded-].v-field--variant-outlined .v-field__outline__notch,
[class*=" rounded-"].v-field--variant-outlined .v-field__outline__notch {
  max-width: calc(100% - var(--v-input-control-height));
}

.v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
  opacity: var(--v-field-border-opacity);
}
.v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.v-field--variant-outlined .v-field__outline__notch::before {
  border-width: var(--v-field-border-width) 0 0;
}
.v-field--variant-outlined .v-field__outline__notch::after {
  bottom: 0;
  border-width: 0 0 var(--v-field-border-width);
}
.v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
  opacity: 0;
}

.v-field--variant-outlined .v-field__outline__end {
  flex: 1;
  border-top-width: var(--v-field-border-width);
  border-bottom-width: var(--v-field-border-width);
  border-inline-end-width: var(--v-field-border-width);
  border-start-start-radius: 0;
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  border-end-start-radius: 0;
}
.v-field--reverse.v-field--variant-outlined .v-field__outline__end {
  border-start-start-radius: inherit;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: inherit;
  border-inline-end-width: 0;
  border-inline-start-width: var(--v-field-border-width);
}

/* endregion */
/* region LOADER */
.v-field__loader {
  top: calc(100% - 2px);
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden;
}
.v-field--variant-outlined .v-field__loader {
  top: calc(100% - 3px);
  width: calc(100% - 1px * 2);
  left: 1px;
}

/* endregion */
/* region OVERLAY */
.v-field__overlay {
  border-radius: inherit;
  pointer-events: none;
}
.v-field__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-field--variant-filled .v-field__overlay {
  background-color: currentColor;
  opacity: 0.04;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-filled.v-field--has-background .v-field__overlay {
  opacity: 0;
}
@media (hover: hover) {
  .v-field--variant-filled:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-filled.v-field--focused .v-field__overlay {
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-field--variant-solo-filled .v-field__overlay {
  background-color: currentColor;
  opacity: 0.04;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) {
  .v-field--variant-solo-filled:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-solo-filled.v-field--focused .v-field__overlay {
  opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}

.v-field--variant-solo-inverted .v-field__overlay {
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
  opacity: 0;
}
@media (hover: hover) {
  .v-field--variant-solo-inverted:hover .v-field__overlay {
    opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
  background-color: rgb(var(--v-theme-surface-variant));
  opacity: 1;
}

/* endregion */
/* region MODIFIERS */
.v-field--reverse .v-field__field,
.v-field--reverse .v-field__input,
.v-field--reverse .v-field__outline {
  flex-direction: row-reverse;
}
.v-field--reverse .v-field__input, .v-field--reverse input {
  text-align: end;
}

.v-input--disabled .v-field--variant-filled .v-field__outline::before,
.v-input--disabled .v-field--variant-underlined .v-field__outline::before {
  border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
}

.v-field--loading .v-field__outline::after,
.v-field--loading .v-field__outline::before {
  opacity: 0;
}

/* endregion */
@media (forced-colors: active) {
  .v-field .v-progress-linear {
    border: none;
  }
}.v-progress-linear {
  background: transparent;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1), mask-size 0s;
  width: 100%;
}
.v-progress-linear--rounded {
  border-radius: 9999px;
}
@media (forced-colors: active) {
  .v-progress-linear {
    border: thin solid buttontext;
  }
}

.v-progress-linear__background,
.v-progress-linear__buffer {
  background: currentColor;
  bottom: 0;
  left: 0;
  opacity: var(--v-border-opacity);
  position: absolute;
  top: 0;
  width: 100%;
  transition-property: width, left, right;
  transition-duration: inherit;
  transition-timing-function: inherit;
  transition-delay: inherit;
}

@media (forced-colors: active) {
  .v-progress-linear__buffer {
    background-color: highlight !important;
    opacity: 0.5 !important;
  }
}
.v-progress-linear__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-progress-linear--clickable .v-progress-linear__content {
  pointer-events: none;
}

.v-progress-linear__determinate,
.v-progress-linear__indeterminate {
  background: currentColor;
}
@media (forced-colors: active) {
  .v-progress-linear__determinate,
  .v-progress-linear__indeterminate {
    background-color: highlight !important;
  }
}

.v-progress-linear__determinate {
  height: inherit;
  left: 0;
  position: absolute;
  transition-property: width, left, right;
  transition-duration: inherit;
  transition-timing-function: inherit;
  transition-delay: inherit;
}

.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
  animation-play-state: paused;
  animation-duration: 2.2s;
  animation-iteration-count: infinite;
  bottom: 0;
  height: inherit;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: auto;
}
.v-progress-linear__indeterminate .long {
  animation-name: indeterminate-ltr;
}
.v-progress-linear__indeterminate .short {
  animation-name: indeterminate-short-ltr;
}

.v-progress-linear__stream {
  animation: stream 0.25s infinite linear;
  animation-play-state: paused;
  bottom: 0;
  left: auto;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  transition-property: width, left, right;
  transition-duration: inherit;
  transition-timing-function: inherit;
  transition-delay: inherit;
}

.v-progress-linear--reverse .v-progress-linear__background,
.v-progress-linear--reverse .v-progress-linear__determinate,
.v-progress-linear--reverse .v-progress-linear__content {
  left: auto;
  right: 0;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  left: auto;
  right: 0;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
  animation-name: indeterminate-rtl;
}
.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  animation-name: indeterminate-short-rtl;
}
.v-progress-linear--reverse .v-progress-linear__stream {
  right: auto;
}

.v-progress-linear--absolute,
.v-progress-linear--fixed {
  left: 0;
  z-index: 1;
}

.v-progress-linear--absolute {
  position: absolute;
}

.v-progress-linear--fixed {
  position: fixed;
}

.v-progress-linear--rounded {
  border-radius: 9999px;
}
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
  border-radius: inherit;
}

.v-progress-linear--striped .v-progress-linear__determinate {
  animation: progress-linear-stripes 1s infinite linear;
  background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
  background-repeat: repeat;
  background-size: var(--v-progress-linear-height);
}

.v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
  animation-play-state: running;
}
.v-progress-linear--active .v-progress-linear__stream {
  animation-play-state: running;
}

.v-progress-linear--rounded-bar .v-progress-linear__determinate,
.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
.v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
  border-radius: 9999px;
}
.v-progress-linear--rounded-bar .v-progress-linear__determinate {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

@keyframes indeterminate-ltr {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@keyframes indeterminate-rtl {
  0% {
    left: 100%;
    right: -90%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: -35%;
    right: 100%;
  }
}
@keyframes indeterminate-short-ltr {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short-rtl {
  0% {
    left: 100%;
    right: -200%;
  }
  60% {
    left: -8%;
    right: 107%;
  }
  100% {
    left: -8%;
    right: 107%;
  }
}
@keyframes stream {
  to {
    transform: translateX(var(--v-progress-linear-stream-to));
  }
}
@keyframes progress-linear-stripes {
  0% {
    background-position-x: var(--v-progress-linear-height);
  }
}.v-virtual-scroll {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: auto;
  position: relative;
}
.v-virtual-scroll__container {
  display: block;
}
.person-picker[data-v-d12dbe80]{min-width:0;display:grid;gap:6px}.person-picker__label[data-v-d12dbe80]{color:var(--foxie-muted);font-size:12px;font-weight:800}.person-avatar[data-v-d12dbe80]{width:36px;height:36px;flex:0 0 36px;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.person-avatar img[data-v-d12dbe80]{width:100%;height:100%;object-fit:cover}.person-avatar--selection[data-v-d12dbe80]{width:28px;height:28px;flex-basis:28px;border-radius:6px;font-size:12px}.person-avatar__empty[data-v-d12dbe80]{color:var(--foxie-muted)}.ownership-person-selection[data-v-d12dbe80]{min-width:0;display:flex;align-items:center;gap:8px}.ownership-person-selection>span[data-v-d12dbe80]:last-child{min-width:0;display:grid}.ownership-person-selection strong[data-v-d12dbe80]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ownership-person-selection small[data-v-d12dbe80]{color:var(--foxie-muted);font-size:12px}.ownership-person-option__copy[data-v-d12dbe80]{min-width:0;display:grid}.ownership-person-option__copy strong[data-v-d12dbe80]{font-size:12px}.ownership-person-option__copy small[data-v-d12dbe80]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.ownership-person-empty[data-v-d12dbe80]{padding:18px;color:var(--foxie-muted);font-size:12px;text-align:center}
[data-v-d12dbe80] .person-picker__control .v-field{min-height:48px;border-radius:12px!important;background:var(--foxie-surface-raised)!important;box-shadow:none!important}[data-v-d12dbe80] .person-picker__control .v-field__outline__start{border-radius:12px 0 0 12px!important}[data-v-d12dbe80] .person-picker__control .v-field__outline__end{border-radius:0 12px 12px 0!important}[data-v-d12dbe80] .person-picker__control .v-field__input{min-height:46px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:12px!important}[data-v-d12dbe80] .person-picker__control .v-autocomplete__selection{max-width:100%}
.ownership-person-menu{border:1px solid var(--foxie-border)!important;border-radius:14px!important;background:var(--foxie-surface-raised)!important;box-shadow:0 18px 46px rgba(4,31,22,.16)!important;overflow:hidden!important}.ownership-person-menu .v-list{padding:5px!important;background:var(--foxie-surface-raised)!important}.ownership-person-menu .v-list-item{min-height:54px!important;margin:2px 0!important;border-radius:10px!important}.ownership-person-menu .v-list-item:hover{background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))!important}

.ownership-host[data-v-1c6d6fec]{display:contents}.foxie-ownership-pane[data-v-1c6d6fec]{order:3;height:0;min-height:0;flex:1 1 0;display:flex;flex-direction:column}.ownership-toolbar[data-v-1c6d6fec]{padding:0 12px 8px;display:flex;align-items:center;gap:6px}.ownership-search[data-v-1c6d6fec]{height:39px;min-width:86px;flex:1 1 auto;padding:0 9px;border:1px solid var(--foxie-border);border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);background:var(--foxie-surface-raised)}.ownership-search input[data-v-1c6d6fec]{min-width:0;flex:1;border:0;outline:0;color:var(--foxie-ink);background:transparent;font-size:12px}.ownership-search button[data-v-1c6d6fec],.ownership-toolbar>button[data-v-1c6d6fec]{border:0;color:var(--foxie-muted);background:transparent}.ownership-toolbar>button[data-v-1c6d6fec]{width:39px;height:39px;flex:0 0 39px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-raised)}.ownership-toolbar>button.active[data-v-1c6d6fec]{color:var(--foxie-green);border-color:color-mix(in srgb,var(--foxie-green) 32%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-surface-raised))}.ownership-filters[data-v-1c6d6fec]{padding:0 12px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.ownership-filters button[data-v-1c6d6fec]{height:28px;padding:0 5px;border:0;border-radius:6px;color:var(--foxie-muted);background:transparent;font-size:12px;font-weight:800}.ownership-filters button.active[data-v-1c6d6fec]{color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-soft))}.ownership-bulkbar[data-v-1c6d6fec]{margin:0 12px 8px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--foxie-green) 15%,var(--foxie-border));border-radius:8px;display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.ownership-bulkbar>div[data-v-1c6d6fec]{min-width:0;flex:1;display:grid}.ownership-bulkbar strong[data-v-1c6d6fec]{font-size:12px}.ownership-bulkbar small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px}.ownership-bulkbar button[data-v-1c6d6fec]{height:29px;padding:0 8px;border:0;border-radius:6px;color:var(--foxie-green);background:var(--foxie-surface-raised);font-size:12px;font-weight:850}.ownership-bulkbar button.assign[data-v-1c6d6fec]{display:flex;align-items:center;gap:4px;color:#fff;background:var(--foxie-green)}.ownership-list[data-v-1c6d6fec]{height:0;min-height:0;flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:0 8px 14px;scrollbar-gutter:stable}.ownership-row[data-v-1c6d6fec]{width:100%;min-height:82px;margin:4px 0;padding:10px 11px;position:relative;border:1px solid transparent;border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent;cursor:pointer;transition:.16s}.ownership-row[data-v-1c6d6fec]:hover,.ownership-row.active[data-v-1c6d6fec]{background:color-mix(in srgb,var(--foxie-green) 5%,var(--foxie-surface-raised))}.ownership-row.active[data-v-1c6d6fec]{border-color:color-mix(in srgb,var(--foxie-green) 18%,var(--foxie-border))}.ownership-row.selected[data-v-1c6d6fec]{border-color:color-mix(in srgb,var(--foxie-green) 30%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-raised))}.ownership-check[data-v-1c6d6fec]{align-self:center;color:var(--foxie-green)}.contact-avatar[data-v-1c6d6fec]{width:46px;height:46px;position:relative;flex:0 0 46px;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#13a879,#337aa4);font-size:12px;font-weight:900}.contact-avatar img[data-v-1c6d6fec]{width:100%;height:100%;object-fit:cover}.contact-avatar>i[data-v-1c6d6fec]{width:10px;height:10px;position:absolute;right:2px;bottom:2px;border:2px solid var(--foxie-surface-raised);border-radius:50%;background:#2ac98d}.ownership-copy[data-v-1c6d6fec]{min-width:0;display:grid;gap:4px}.ownership-copy__top[data-v-1c6d6fec]{display:flex;align-items:center;gap:6px;min-width:0}.ownership-copy strong[data-v-1c6d6fec]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.2;font-weight:800}.ownership-copy__preview[data-v-1c6d6fec]{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--foxie-muted);font-size:12px;line-height:1.35}.ownership-copy__tags[data-v-1c6d6fec]{display:flex;flex-wrap:wrap;gap:4px;overflow:hidden}.ownership-copy em[data-v-1c6d6fec]{padding:2px 6px;border-radius:999px;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}.ownership-copy em.handoff[data-v-1c6d6fec]{color:#a66813;background:color-mix(in srgb,#e4a63a 12%,var(--foxie-surface-soft))}.ownership-copy em.mine[data-v-1c6d6fec]{color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-soft))}.ownership-meta[data-v-1c6d6fec]{min-width:58px;align-self:start;display:grid;justify-items:end;gap:8px}.ownership-meta time[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-weight:700;line-height:1}.ownership-meta__badges[data-v-1c6d6fec]{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:24px}.assignee-avatar[data-v-1c6d6fec],.assignee-empty[data-v-1c6d6fec]{width:24px;height:24px;flex:0 0 24px;border-radius:50%;overflow:hidden;display:grid;place-items:center}.assignee-avatar[data-v-1c6d6fec]{border:1px solid color-mix(in srgb,var(--foxie-green) 22%,var(--foxie-border));color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.assignee-avatar img[data-v-1c6d6fec]{width:100%;height:100%;border-radius:50%;object-fit:cover}.assignee-empty[data-v-1c6d6fec]{border:1px dashed var(--foxie-border);color:var(--foxie-muted);background:var(--foxie-surface-soft)}.ownership-unread[data-v-1c6d6fec]{min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--foxie-green);font-size:12px;font-weight:900;line-height:1}.ownership-empty[data-v-1c6d6fec]{min-height:180px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;color:var(--foxie-muted)}.ownership-empty strong[data-v-1c6d6fec]{font-size:12px}.ownership-empty span[data-v-1c6d6fec]{font-size:12px}.conversation-owner-button[data-v-1c6d6fec]{position:relative;height:40px;max-width:220px;padding:4px 10px 4px 5px;border:1px solid color-mix(in srgb,var(--foxie-green) 16%,var(--foxie-border));border-radius:9px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-raised))}.conversation-owner-avatar[data-v-1c6d6fec]{width:26px;height:26px;position:relative;flex:0 0 26px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.conversation-owner-avatar img[data-v-1c6d6fec]{width:100%;height:100%;border-radius:50%;object-fit:cover}.conversation-owner-avatar i[data-v-1c6d6fec]{display:none}.conversation-owner-avatar.empty[data-v-1c6d6fec]{color:var(--foxie-muted)}.conversation-owner-copy[data-v-1c6d6fec]{min-width:0;display:grid;gap:1px;flex:1}.conversation-owner-copy small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em}.conversation-owner-copy strong[data-v-1c6d6fec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2}.conversation-collab-count[data-v-1c6d6fec]{height:18px;min-width:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,transparent);font-size:12px;font-weight:900;line-height:1}.conversation-owner-button>.v-icon[data-v-1c6d6fec]:last-child{color:var(--foxie-muted)}
.ownership-dialog[data-v-1c6d6fec]{height:min(680px,calc(100vh - 32px));overflow:hidden;border:1px solid var(--foxie-border);border-radius:10px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 24px 70px rgba(4,31,22,.28)}.ownership-dialog--bulk[data-v-1c6d6fec]{height:min(590px,calc(100vh - 32px))}.ownership-dialog__header[data-v-1c6d6fec]{min-height:92px;padding:18px 20px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:var(--foxie-surface-raised);position:relative}.ownership-dialog__header[data-v-1c6d6fec]:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--foxie-green)}.dialog-heading[data-v-1c6d6fec]{min-width:0;display:grid;gap:3px}.dialog-module[data-v-1c6d6fec]{display:flex;align-items:center;gap:6px;color:var(--foxie-green);font-size:12px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.dialog-heading h3[data-v-1c6d6fec]{margin:2px 0 0;font-size:21px;line-height:1.18;font-weight:800;letter-spacing:-.025em}.dialog-heading p[data-v-1c6d6fec]{max-width:610px;margin:2px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.45}.dialog-close[data-v-1c6d6fec]{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--foxie-border);border-radius:7px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.dialog-close[data-v-1c6d6fec]:hover{color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-green) 5%,var(--foxie-surface-soft))}.ownership-dialog__body[data-v-1c6d6fec]{min-height:0;padding:18px 20px;overflow:auto;display:grid;align-content:start;gap:14px}.ownership-dialog__body--bulk[data-v-1c6d6fec]{grid-template-columns:1fr;gap:14px}.dialog-section[data-v-1c6d6fec]{border:1px solid var(--foxie-border);border-radius:7px;background:var(--foxie-surface-raised);overflow:visible}.section-title-row[data-v-1c6d6fec]{min-height:74px;padding:13px 15px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--foxie-surface-soft) 55%,transparent)}.section-title-row>div[data-v-1c6d6fec]{min-width:0;display:grid;gap:2px}.section-title-row small[data-v-1c6d6fec]{color:var(--foxie-green);font-size:12px;font-weight:900;letter-spacing:.07em}.section-title-row strong[data-v-1c6d6fec]{font-size:14px;line-height:1.25}.section-title-row p[data-v-1c6d6fec]{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.4}.section-counter[data-v-1c6d6fec]{padding:5px 7px;border:1px solid var(--foxie-border);border-radius:5px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:800;white-space:nowrap}.dialog-section>.person-picker[data-v-1c6d6fec],.dialog-section>.field-label[data-v-1c6d6fec]{margin:14px}.field-label[data-v-1c6d6fec]{display:grid;gap:6px}.field-label>span[data-v-1c6d6fec],.person-picker__label[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-weight:800}.field-label select[data-v-1c6d6fec]{width:100%;height:48px;padding:0 12px;border:1px solid var(--foxie-border);border-radius:6px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px}.field-label select[data-v-1c6d6fec]:focus{border-color:color-mix(in srgb,var(--foxie-green) 55%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-green) 8%,transparent)}.person-avatar--small[data-v-1c6d6fec]{width:34px;height:34px;flex:0 0 34px;border-radius:7px;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.person-avatar--small img[data-v-1c6d6fec]{width:100%;height:100%;object-fit:cover}
.assignment-note[data-v-1c6d6fec]{padding:12px 13px;border:1px solid color-mix(in srgb,var(--foxie-green) 17%,var(--foxie-border));border-radius:7px;display:flex;gap:9px;align-items:flex-start;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-soft))}.assignment-note>span[data-v-1c6d6fec]{display:grid;gap:2px}.assignment-note strong[data-v-1c6d6fec]{font-size:12px}.assignment-note small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;line-height:1.45}.assignment-note.locked[data-v-1c6d6fec]{color:#a16e19;border-color:color-mix(in srgb,#d69a31 18%,var(--foxie-border));background:color-mix(in srgb,#d69a31 5%,var(--foxie-surface-soft))}.ownership-dialog__footer[data-v-1c6d6fec]{min-height:70px;padding:11px 20px;border-top:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--foxie-surface-raised)}.footer-status[data-v-1c6d6fec]{min-width:0;display:flex;align-items:center;gap:9px;color:var(--foxie-green)}.footer-status>span[data-v-1c6d6fec]{display:grid}.footer-status strong[data-v-1c6d6fec]{color:var(--foxie-ink);font-size:12px}.footer-status small[data-v-1c6d6fec]{margin-top:1px;color:var(--foxie-muted);font-size:12px}.footer-actions[data-v-1c6d6fec]{display:flex;align-items:center;gap:8px}.footer-actions button[data-v-1c6d6fec]{height:40px;padding:0 15px;border:1px solid var(--foxie-border);border-radius:6px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:800}.footer-actions button.primary[data-v-1c6d6fec]{border-color:var(--foxie-green);display:flex;align-items:center;gap:6px;color:#fff;background:var(--foxie-green)}.footer-actions button.primary.subtle[data-v-1c6d6fec]{min-width:112px}.footer-actions button[data-v-1c6d6fec]:disabled,.inline-primary[data-v-1c6d6fec]:disabled{opacity:.55;cursor:not-allowed}
.owner-summary[data-v-1c6d6fec]{min-height:78px;padding:12px 14px;border:1px solid var(--foxie-border);border-radius:7px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;background:var(--foxie-surface-raised)}.owner-summary__identity[data-v-1c6d6fec]{min-width:0;display:flex;align-items:center;gap:11px}.access-owner-avatar[data-v-1c6d6fec]{width:44px;height:44px;flex:0 0 44px;border-radius:7px;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.access-owner-avatar img[data-v-1c6d6fec]{width:100%;height:100%;object-fit:cover}.owner-summary__identity>div[data-v-1c6d6fec]{min-width:0;display:grid}.owner-summary__identity small[data-v-1c6d6fec]{color:var(--foxie-green);font-size:12px;font-weight:900}.owner-summary__identity strong[data-v-1c6d6fec]{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.owner-summary__identity em[data-v-1c6d6fec]{margin-top:2px;color:var(--foxie-muted);font-size:12px;font-style:normal}.owner-summary__meta[data-v-1c6d6fec]{min-width:90px;padding-left:13px;border-left:1px solid var(--foxie-border);display:grid}.owner-summary__meta span[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px}.owner-summary__meta strong[data-v-1c6d6fec]{margin-top:2px;font-size:17px}.assignment-section[data-v-1c6d6fec]{overflow:visible}.assignment-grid[data-v-1c6d6fec]{padding:14px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) auto;gap:10px;align-items:end}.inline-primary[data-v-1c6d6fec]{height:48px;padding:0 15px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:var(--foxie-green);font-size:12px;font-weight:850;white-space:nowrap}.collaborator-section[data-v-1c6d6fec]{min-height:0}.collaborator-list[data-v-1c6d6fec]{max-height:162px;overflow:auto;padding:6px 8px}.collaborator-list article[data-v-1c6d6fec]{min-height:54px;padding:7px 6px;border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.collaborator-list article[data-v-1c6d6fec]:last-child{border-bottom:0}.collaborator-list article>div[data-v-1c6d6fec]{min-width:0;display:grid}.collaborator-list article strong[data-v-1c6d6fec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.collaborator-list article small[data-v-1c6d6fec]{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.collaborator-list article>button[data-v-1c6d6fec]{width:31px;height:31px;border:1px solid var(--foxie-border);border-radius:6px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.collaborator-empty[data-v-1c6d6fec]{min-height:112px;padding:20px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--foxie-muted)}.collaborator-empty strong[data-v-1c6d6fec]{color:var(--foxie-ink);font-size:12px}.collaborator-empty span[data-v-1c6d6fec]{max-width:390px;font-size:12px;line-height:1.45}.invite-row[data-v-1c6d6fec]{padding:13px 14px;border-top:1px solid var(--foxie-border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;background:color-mix(in srgb,var(--foxie-surface-soft) 45%,transparent)}
.bulk-slide-enter-active[data-v-1c6d6fec],.bulk-slide-leave-active[data-v-1c6d6fec]{transition:.2s}.bulk-slide-enter-from[data-v-1c6d6fec],.bulk-slide-leave-to[data-v-1c6d6fec]{opacity:0;transform:translateY(-5px)}.inbox-v3 .chat-list-pane.foxie-ownership-active>.list-head{order:1}.inbox-v3 .chat-list-pane.foxie-ownership-active>.list-head .head-actions{display:none!important}.inbox-v3 .chat-list-pane.foxie-ownership-active>.connection-switcher,.inbox-v3 .chat-list-pane.foxie-ownership-active>.connection-empty-access{order:2}.inbox-v3 .chat-list-pane.foxie-ownership-active>.bulk-bar,.inbox-v3 .chat-list-pane.foxie-ownership-active>.search-box,.inbox-v3 .chat-list-pane.foxie-ownership-active>.filters,.inbox-v3 .chat-list-pane.foxie-ownership-active>.chat-list-scroll{display:none!important}
@media(max-width:760px){.ownership-dialog[data-v-1c6d6fec]{height:calc(100vh - 18px);border-radius:8px}.ownership-dialog__header[data-v-1c6d6fec]{min-height:84px;padding:14px}.ownership-dialog__body[data-v-1c6d6fec]{padding:12px}.ownership-dialog__footer[data-v-1c6d6fec]{padding:9px 12px}.footer-status[data-v-1c6d6fec]{display:none}.assignment-grid[data-v-1c6d6fec]{grid-template-columns:1fr}.owner-summary[data-v-1c6d6fec]{grid-template-columns:1fr}.owner-summary__meta[data-v-1c6d6fec]{display:none}.ownership-filters[data-v-1c6d6fec]{grid-template-columns:1fr 1fr}.ownership-row[data-v-1c6d6fec]{min-height:78px;padding:9px 10px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.contact-avatar[data-v-1c6d6fec]{width:42px;height:42px;border-radius:12px}.ownership-copy strong[data-v-1c6d6fec]{font-size:12px}.ownership-copy__preview[data-v-1c6d6fec]{font-size:12px}.ownership-copy__tags[data-v-1c6d6fec]{gap:3px}.ownership-copy em[data-v-1c6d6fec]{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ownership-meta[data-v-1c6d6fec]{min-width:52px;gap:6px}.ownership-meta time[data-v-1c6d6fec]{font-size:12px}.ownership-meta__badges[data-v-1c6d6fec]{gap:5px}.assignee-avatar[data-v-1c6d6fec],.assignee-empty[data-v-1c6d6fec]{width:22px;height:22px;flex-basis:22px}.ownership-unread[data-v-1c6d6fec]{min-width:20px;height:18px;padding:0 5px}.conversation-owner-copy[data-v-1c6d6fec]{display:none}.conversation-owner-button[data-v-1c6d6fec]{width:40px;min-width:40px;max-width:40px;padding:0;border-radius:50%;justify-content:center}.conversation-collab-count[data-v-1c6d6fec]{position:absolute;right:-3px;top:-3px}.conversation-owner-button>.v-icon[data-v-1c6d6fec]:last-child{display:none}.invite-row[data-v-1c6d6fec]{grid-template-columns:1fr}.invite-row .inline-primary[data-v-1c6d6fec]{width:100%}.footer-actions[data-v-1c6d6fec]{width:100%}.footer-actions button[data-v-1c6d6fec]{flex:1}}

/* UX consolidada: dropdown compacto de número, etapa real do CRM e cabeçalho limpo. */
.compact-connection[data-v-1c6d6fec]{width:calc(100% - 24px);height:50px;margin:0 12px 8px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--foxie-green) 17%,var(--foxie-border));border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;text-align:left;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-green) 3%,var(--foxie-surface-raised));box-shadow:0 7px 18px rgba(5,45,32,.055);transition:.18s}.compact-connection[data-v-1c6d6fec]:hover,.compact-connection.open[data-v-1c6d6fec]{border-color:color-mix(in srgb,var(--foxie-green) 34%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-green) 5%,var(--foxie-surface-raised))}.compact-connection__icon[data-v-1c6d6fec]{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft))}.compact-connection__copy[data-v-1c6d6fec]{min-width:0;display:grid}.compact-connection__copy small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-weight:750}.compact-connection__copy strong[data-v-1c6d6fec]{margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.compact-connection__meta[data-v-1c6d6fec]{display:grid;text-align:right}.compact-connection__meta b[data-v-1c6d6fec]{font-size:12px}.compact-connection__meta em[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-style:normal}.compact-connection__chevron[data-v-1c6d6fec]{color:var(--foxie-muted);transition:.18s}.compact-connection.open .compact-connection__chevron[data-v-1c6d6fec]{transform:rotate(180deg)}
.connection-menu-card[data-v-1c6d6fec]{width:min(330px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--foxie-border);border-radius:14px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 22px 60px rgba(3,34,24,.2)}.connection-menu-card>header[data-v-1c6d6fec]{padding:11px 12px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between}.connection-menu-card header>div[data-v-1c6d6fec]{display:grid}.connection-menu-card header small[data-v-1c6d6fec]{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.09em}.connection-menu-card header strong[data-v-1c6d6fec]{font-size:12px}.connection-menu-card header>span[data-v-1c6d6fec]{min-width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.connection-menu-list[data-v-1c6d6fec]{max-height:310px;overflow:auto;padding:6px}.connection-menu-list>button[data-v-1c6d6fec]{width:100%;min-height:52px;padding:6px 7px;border:0;border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}.connection-menu-list>button[data-v-1c6d6fec]:hover,.connection-menu-list>button.active[data-v-1c6d6fec]{background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.connection-menu-icon[data-v-1c6d6fec]{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-soft))}.connection-menu-list button>span[data-v-1c6d6fec]:nth-child(2){min-width:0;display:grid}.connection-menu-list button>span:nth-child(2) strong[data-v-1c6d6fec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.connection-menu-list button>span:nth-child(2) small[data-v-1c6d6fec]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.connection-menu-stats[data-v-1c6d6fec]{display:grid;text-align:right}.connection-menu-stats b[data-v-1c6d6fec]{font-size:12px}.connection-menu-stats small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px}
.ownership-toolbar[data-v-1c6d6fec]{padding:0 12px 7px;display:flex;grid-template-columns:none;gap:6px}.ownership-search[data-v-1c6d6fec]{min-width:0;flex:1}.ownership-toolbar>button[data-v-1c6d6fec]{position:relative;flex:0 0 39px}.filter-dot[data-v-1c6d6fec]{width:6px;height:6px;position:absolute;right:7px;top:7px;border:1px solid var(--foxie-surface-raised);border-radius:50%;background:var(--foxie-green)}.active-stage-filter[data-v-1c6d6fec]{height:28px;margin:0 12px 6px;padding:0 7px;border:1px solid color-mix(in srgb,var(--foxie-green) 12%,var(--foxie-border));border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-soft));font-size:12px}.active-stage-filter span[data-v-1c6d6fec]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-stage-filter strong[data-v-1c6d6fec]{color:var(--foxie-ink)}.active-stage-filter button[data-v-1c6d6fec]{width:21px;height:21px;border:0;border-radius:6px;color:var(--foxie-muted);background:transparent}
.stage-dot[data-v-1c6d6fec]{width:8px;height:8px;flex:0 0 8px;border-radius:50%;display:block;background:#607d8b}.stage-dot.empty[data-v-1c6d6fec]{border:1px dashed var(--foxie-muted);background:transparent}.stage-menu-panel[data-v-1c6d6fec]{width:min(320px,calc(100vw - 24px));max-height:420px;overflow:auto;padding:6px;border:1px solid var(--foxie-border);border-radius:14px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 22px 60px rgba(3,34,24,.2)}.stage-menu-panel>header[data-v-1c6d6fec]{min-height:46px;padding:6px 7px 9px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:9px}.stage-menu-panel header>span[data-v-1c6d6fec]{display:grid}.stage-menu-panel header small[data-v-1c6d6fec]{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.08em}.stage-menu-panel header strong[data-v-1c6d6fec]{font-size:12px}.stage-menu-panel header>button[data-v-1c6d6fec]{border:0;color:var(--foxie-green);background:transparent;font-size:12px;font-weight:850}.stage-menu-panel>button[data-v-1c6d6fec]{width:100%;min-height:39px;margin-top:3px;padding:0 8px;border:0;border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent;font-size:12px}.stage-menu-panel>button[data-v-1c6d6fec]:hover,.stage-menu-panel>button.active[data-v-1c6d6fec]{background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.stage-menu-panel>button>span[data-v-1c6d6fec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-menu-empty[data-v-1c6d6fec]{padding:18px 10px;text-align:center;color:var(--foxie-muted);font-size:12px}
.ownership-copy em.crm-stage-chip[data-v-1c6d6fec]{display:inline-flex;align-items:center;gap:4px;color:var(--foxie-ink);border:1px solid var(--foxie-border)}.crm-stage-chip>i[data-v-1c6d6fec]{width:6px;height:6px;flex:0 0 6px;border-radius:50%}.ownership-copy__preview[data-v-1c6d6fec]{max-width:100%;word-break:break-word}.ownership-meta[data-v-1c6d6fec]{position:relative;z-index:1}.assignee-avatar[data-v-1c6d6fec]{position:relative!important;inset:auto!important;transform:none!important}.assignee-avatar img[data-v-1c6d6fec]{display:block}.ownership-row[data-v-1c6d6fec]{overflow:hidden}.ownership-row.bulk[data-v-1c6d6fec]{grid-template-columns:auto auto minmax(0,1fr) auto}
.conversation-stage-button[data-v-1c6d6fec],.conversation-owner-button[data-v-1c6d6fec],.conversation-more-button[data-v-1c6d6fec]{order:30;height:38px;border:1px solid color-mix(in srgb,var(--foxie-green) 14%,var(--foxie-border));border-radius:10px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-green) 3%,var(--foxie-surface-raised));box-shadow:none}.conversation-stage-button[data-v-1c6d6fec]{max-width:160px;padding:3px 8px;display:flex;align-items:center;gap:7px;text-align:left}.conversation-stage-icon[data-v-1c6d6fec]{width:25px;height:25px;flex:0 0 25px;border-radius:8px;display:grid;place-items:center;background:var(--foxie-surface-soft)}.conversation-stage-copy[data-v-1c6d6fec]{min-width:0;display:grid}.conversation-stage-copy small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px}.conversation-stage-copy strong[data-v-1c6d6fec]{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-owner-button[data-v-1c6d6fec]{order:40;height:38px;max-width:174px;border-radius:10px}.conversation-more-button[data-v-1c6d6fec]{order:50;width:38px;min-width:38px;display:grid;place-items:center;color:var(--foxie-muted)}.conversation-more-button[data-v-1c6d6fec]:hover{color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-raised))}.conversation-more-menu[data-v-1c6d6fec]{width:min(315px,calc(100vw - 24px));padding:7px;border:1px solid var(--foxie-border);border-radius:14px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 24px 70px rgba(3,34,24,.22)}.conversation-more-menu>header[data-v-1c6d6fec]{padding:6px 7px 9px;border-bottom:1px solid var(--foxie-border);display:grid}.conversation-more-menu header small[data-v-1c6d6fec]{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.08em}.conversation-more-menu header strong[data-v-1c6d6fec]{font-size:12px}.conversation-more-menu>button[data-v-1c6d6fec]{width:100%;min-height:47px;padding:6px 8px;border:0;border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}.conversation-more-menu>button[data-v-1c6d6fec]:hover{background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.conversation-more-menu>button>.v-icon[data-v-1c6d6fec]{color:var(--foxie-muted)}.conversation-more-menu>button>span[data-v-1c6d6fec]{min-width:0;display:grid}.conversation-more-menu>button strong[data-v-1c6d6fec]{font-size:12px}.conversation-more-menu>button small[data-v-1c6d6fec]{margin-top:1px;color:var(--foxie-muted);font-size:12px}.conversation-more-menu>button.danger[data-v-1c6d6fec]:hover{background:color-mix(in srgb,#d45656 7%,var(--foxie-surface-soft))}.conversation-more-menu>button.danger>.v-icon[data-v-1c6d6fec],.conversation-more-menu>button.danger strong[data-v-1c6d6fec]{color:#bd4848}.conversation-more-separator[data-v-1c6d6fec]{height:1px;margin:4px 7px;background:var(--foxie-border)}
.team-scope-intro[data-v-1c6d6fec]{margin:14px 16px 8px;padding:11px;border:1px solid color-mix(in srgb,var(--foxie-green) 13%,var(--foxie-border));border-radius:8px;display:flex;gap:10px;align-items:center;background:color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-soft))}.team-scope-intro>span[data-v-1c6d6fec]{width:36px;height:36px;flex:0 0 36px;border-radius:8px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-raised))}.team-scope-intro>div[data-v-1c6d6fec]{display:grid}.team-scope-intro strong[data-v-1c6d6fec]{font-size:12px}.team-scope-intro small[data-v-1c6d6fec]{margin-top:2px;color:var(--foxie-muted);font-size:12px;line-height:1.45}.team-scope-list[data-v-1c6d6fec]{max-height:430px;overflow:auto;padding:4px 16px 14px}.team-scope-list article[data-v-1c6d6fec]{min-height:62px;padding:8px 5px;border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent);display:grid;grid-template-columns:auto minmax(0,1fr) minmax(190px,260px) auto;gap:9px;align-items:center}.team-avatar[data-v-1c6d6fec]{width:38px;height:38px;border-radius:9px;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.team-avatar img[data-v-1c6d6fec]{width:100%;height:100%;object-fit:cover}.team-copy[data-v-1c6d6fec]{min-width:0;display:grid}.team-copy strong[data-v-1c6d6fec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.team-copy small[data-v-1c6d6fec]{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.team-scope-list select[data-v-1c6d6fec]{height:37px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:7px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px}.scope-locked[data-v-1c6d6fec]{height:33px;padding:0 9px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft));font-size:12px;font-weight:800}.team-scope-empty[data-v-1c6d6fec]{min-height:90px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--foxie-muted);font-size:12px}
.inbox-v3 .chat-list-pane.foxie-ownership-active>.connection-switcher,.inbox-v3 .chat-list-pane.foxie-ownership-active>.connection-empty-access{display:none!important}
.inbox-v3 .conversation-head .conversation-actions>.message-search:not(.open){display:none!important}.inbox-v3 .conversation-head .conversation-actions>button[title="Mídia, links e documentos"],.inbox-v3 .conversation-head .conversation-actions>button[title="Baixar mídias desta conversa"],.inbox-v3 .conversation-head .conversation-actions>.assume-btn{display:none!important}.inbox-v3 .conversation-head .conversation-actions>button[aria-haspopup="menu"]:not(.conversation-stage-button):not(.conversation-more-button){display:none!important}.inbox-v3 .conversation-head .conversation-actions>.ai-context-trigger{order:10}.inbox-v3 .conversation-head .conversation-actions>button[title="Sussurro interno"]{order:20}
.foxie-group-sender{min-height:21px;margin:-1px 0 5px;display:flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--foxie-green) 88%,var(--foxie-ink));font-size:12px;font-weight:850;line-height:1.2}.foxie-group-sender__avatar{width:18px;height:18px;flex:0 0 18px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-surface-soft));font-size:12px;font-weight:950}.foxie-group-sender__avatar img{width:100%;height:100%;object-fit:cover}.message.out .foxie-group-sender{display:none!important}
@media(max-width:760px){.compact-connection__meta[data-v-1c6d6fec]{display:none}.ownership-toolbar>button[data-v-1c6d6fec]:last-child{display:none}.conversation-stage-copy[data-v-1c6d6fec],.conversation-owner-copy[data-v-1c6d6fec]{display:none}.conversation-stage-button[data-v-1c6d6fec],.conversation-owner-button[data-v-1c6d6fec]{width:38px;min-width:38px;max-width:38px;padding:3px;justify-content:center}.conversation-stage-button>.v-icon[data-v-1c6d6fec]:last-child,.conversation-owner-button>.v-icon[data-v-1c6d6fec]:last-child{display:none}.team-scope-list article[data-v-1c6d6fec]{grid-template-columns:auto minmax(0,1fr)}.team-scope-list select[data-v-1c6d6fec],.scope-locked[data-v-1c6d6fec]{grid-column:1/-1}}
.ownership-dialog--minimal[data-v-1c6d6fec]{border-radius:24px!important;overflow:hidden!important}
.ownership-minimal-head[data-v-1c6d6fec]{padding:20px 20px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;border-bottom:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
.ownership-minimal-head__avatar[data-v-1c6d6fec]{width:46px;height:46px;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-surface-soft));font-size:12px;font-weight:900}.ownership-minimal-head__avatar img[data-v-1c6d6fec]{width:100%;height:100%;object-fit:cover}.ownership-minimal-head>div[data-v-1c6d6fec]{min-width:0}.ownership-minimal-head small[data-v-1c6d6fec]{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.09em}.ownership-minimal-head h3[data-v-1c6d6fec]{margin:3px 0 2px;font-size:17px;letter-spacing:-.03em}.ownership-minimal-head p[data-v-1c6d6fec]{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.45}.ownership-minimal-body[data-v-1c6d6fec]{padding:16px 20px 18px;display:grid;gap:14px;background:var(--foxie-surface-raised)}
.ownership-primary-choice[data-v-1c6d6fec]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:10px;align-items:end}.ownership-save-primary[data-v-1c6d6fec]{height:40px;grid-column:1/-1;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:var(--foxie-green);font-size:12px;font-weight:900;box-shadow:0 10px 24px color-mix(in srgb,var(--foxie-green) 18%,transparent)}.ownership-queue-compact[data-v-1c6d6fec]{display:grid;gap:6px}.ownership-queue-compact>span[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-weight:800}.ownership-queue-compact em[data-v-1c6d6fec]{font-size:12px;font-style:normal;font-weight:600;opacity:.72}.ownership-queue-compact select[data-v-1c6d6fec]{height:48px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:12px;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px;outline:none}.ownership-current-readonly[data-v-1c6d6fec]{padding:12px;border:1px solid var(--foxie-border);border-radius:14px;display:grid;grid-template-columns:auto 1fr;gap:9px;background:var(--foxie-surface-soft)}.ownership-current-readonly>span[data-v-1c6d6fec]{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-raised)}.ownership-current-readonly>div[data-v-1c6d6fec]{display:grid}.ownership-current-readonly small[data-v-1c6d6fec]{color:var(--foxie-muted);font-size:12px;font-weight:900;letter-spacing:.06em}.ownership-current-readonly strong[data-v-1c6d6fec]{margin-top:2px;font-size:12px}.ownership-current-readonly p[data-v-1c6d6fec]{margin:2px 0 0;color:var(--foxie-muted);font-size:12px}
.ownership-collaboration-details[data-v-1c6d6fec]{border-top:1px solid var(--foxie-border);padding-top:11px}.ownership-collaboration-details>summary[data-v-1c6d6fec]{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.ownership-collaboration-details>summary[data-v-1c6d6fec]::-webkit-details-marker{display:none}.ownership-collaboration-details>summary>span[data-v-1c6d6fec]{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.ownership-collaboration-details summary>div[data-v-1c6d6fec]{display:grid}.ownership-collaboration-details summary strong[data-v-1c6d6fec]{font-size:12px}.ownership-collaboration-details summary small[data-v-1c6d6fec]{margin-top:1px;color:var(--foxie-muted);font-size:12px}.details-chevron[data-v-1c6d6fec]{transition:transform .18s ease}.ownership-collaboration-details[open] .details-chevron[data-v-1c6d6fec]{transform:rotate(180deg)}.ownership-collaboration-content[data-v-1c6d6fec]{padding-top:11px;display:grid;gap:10px}.collaborator-list.compact[data-v-1c6d6fec]{max-height:170px}.collaborator-empty.minimal[data-v-1c6d6fec]{padding:11px!important;display:flex!important;gap:8px!important;align-items:center!important;text-align:left!important}.collaborator-empty.minimal>span[data-v-1c6d6fec]{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--foxie-surface-soft)}.collaborator-empty.minimal>div[data-v-1c6d6fec]{display:grid}.invite-row.compact[data-v-1c6d6fec]{align-items:end}
.ownership-minimal-footer[data-v-1c6d6fec]{padding:11px 20px;border-top:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--foxie-surface-soft)}.ownership-minimal-footer>span[data-v-1c6d6fec]{display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px}.ownership-minimal-footer>button[data-v-1c6d6fec]{height:34px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px;font-weight:850}
@media(max-width:680px){.ownership-primary-choice[data-v-1c6d6fec]{grid-template-columns:1fr}.ownership-save-primary[data-v-1c6d6fec]{grid-column:auto}.ownership-minimal-footer[data-v-1c6d6fec]{align-items:flex-end;flex-direction:column}.ownership-minimal-footer>button[data-v-1c6d6fec]{width:100%}}
.ownership-toolbar__crm[data-v-1c6d6fec]{width:54px!important;flex-basis:54px!important;padding:0 8px!important;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--foxie-accent)!important;border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised))!important;font-size:12px;font-weight:950;letter-spacing:.02em}.ownership-toolbar__crm[data-v-1c6d6fec]:hover{border-color:color-mix(in srgb,var(--foxie-accent) 48%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised))!important}
.ownership-state-icon[data-v-1c6d6fec]{flex:none;color:var(--foxie-muted)}
.ownership-row__menu[data-v-1c6d6fec]{width:28px;height:28px;position:absolute;right:6px;top:50%;z-index:6;border:1px solid var(--foxie-border);border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 5px 15px rgba(3,29,21,.08);opacity:0;pointer-events:none;transform:translate(4px,-50%);transition:opacity .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}.ownership-row:hover .ownership-row__menu[data-v-1c6d6fec],.ownership-row:focus-within .ownership-row__menu[data-v-1c6d6fec]{opacity:1;pointer-events:auto;transform:translate(0,-50%)}.ownership-row__menu[data-v-1c6d6fec]:hover{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 35%,var(--foxie-border))}.ownership-row:hover .ownership-meta[data-v-1c6d6fec],.ownership-row:focus-within .ownership-meta[data-v-1c6d6fec]{padding-right:26px}
.ownership-row-context[data-v-1c6d6fec]{width:282px;padding:7px;position:fixed;z-index:10050;border:1px solid var(--foxie-border);border-radius:15px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);box-shadow:0 22px 65px rgba(3,25,18,.28);backdrop-filter:blur(18px)}.ownership-row-context>header[data-v-1c6d6fec]{min-height:46px;padding:7px 8px 9px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:8px}.ownership-row-context>header>span[data-v-1c6d6fec]{min-width:0;display:grid}.ownership-row-context>header strong[data-v-1c6d6fec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ownership-row-context>header small[data-v-1c6d6fec]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.ownership-row-context>header>button[data-v-1c6d6fec]{width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}.ownership-row-context>button[data-v-1c6d6fec]{width:100%;min-height:46px;padding:7px 9px;border:0;border-radius:10px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}.ownership-row-context>button[data-v-1c6d6fec]:hover{background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))}.ownership-row-context>button>.v-icon[data-v-1c6d6fec]{color:var(--foxie-accent)}.ownership-row-context>button>span[data-v-1c6d6fec]{min-width:0;display:grid}.ownership-row-context>button strong[data-v-1c6d6fec]{font-size:12px}.ownership-row-context>button small[data-v-1c6d6fec]{margin-top:2px;color:var(--foxie-muted);font-size:12px;line-height:1.25}
.ownership-context-pop-enter-active[data-v-1c6d6fec],.ownership-context-pop-leave-active[data-v-1c6d6fec]{transition:opacity .14s ease,transform .16s cubic-bezier(.22,1,.36,1),filter .16s ease}.ownership-context-pop-enter-from[data-v-1c6d6fec],.ownership-context-pop-leave-to[data-v-1c6d6fec]{opacity:0;transform:translateY(-4px) scale(.98);filter:blur(3px)}
.inbox-v3 .chat-list-pane.foxie-ownership-active>.conversation-list-toolbar{display:none!important}
@media(hover:none),(pointer:coarse){.ownership-row__menu[data-v-1c6d6fec]{opacity:1;pointer-events:auto;transform:translate(0,-50%)}.ownership-meta[data-v-1c6d6fec]{padding-right:26px}}
@media(max-width:420px){.ownership-toolbar[data-v-1c6d6fec]{padding-inline:9px;gap:5px}.ownership-toolbar>button[data-v-1c6d6fec]{width:36px;height:39px;flex-basis:36px}.ownership-toolbar__crm[data-v-1c6d6fec]{width:50px!important;flex-basis:50px!important;padding:0 6px!important}.ownership-row-context[data-v-1c6d6fec]{width:min(282px,calc(100vw - 16px))}}

.foxie-message-notification[data-v-23b9b75f]{width:min(470px,calc(100vw - 30px));min-height:78px;position:fixed;z-index:2147483000;left:50%;top:22px;transform:translateX(-50%);padding:12px 14px;border:1px solid color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border));border-radius:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 22px 60px rgba(4,31,22,.24),0 0 0 1px color-mix(in srgb,var(--foxie-accent) 5%,transparent);backdrop-filter:blur(18px);cursor:pointer}.foxie-message-notification__avatar[data-v-23b9b75f]{width:46px;height:46px;position:relative;border:2px solid color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));border-radius:15px;display:grid;place-items:center;overflow:visible;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 9px 22px color-mix(in srgb,var(--foxie-accent) 18%,transparent)}.foxie-message-notification__avatar>img[data-v-23b9b75f]{width:100%;height:100%;border-radius:12px;display:block;object-fit:cover}.foxie-message-notification__avatar>b[data-v-23b9b75f]{font-size:12px;font-weight:950}.foxie-message-notification__sender-avatar[data-v-23b9b75f],.foxie-message-notification__group-badge[data-v-23b9b75f]{width:19px;height:19px;position:absolute;right:-5px;bottom:-5px;border:2px solid var(--foxie-surface-raised);border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;background:var(--foxie-accent-strong);box-shadow:0 3px 9px rgba(0,0,0,.16)}.foxie-message-notification__sender-avatar img[data-v-23b9b75f]{width:100%;height:100%;object-fit:cover}.foxie-message-notification__copy[data-v-23b9b75f]{min-width:0;display:grid;gap:2px}.foxie-message-notification__copy>small[data-v-23b9b75f]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}.foxie-message-notification__copy>strong[data-v-23b9b75f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.foxie-message-notification__preview[data-v-23b9b75f]{min-width:0;display:flex!important;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.foxie-message-notification__preview>b[data-v-23b9b75f]{flex:none;color:var(--foxie-ink);font-size:12px;font-weight:820}.foxie-message-notification__preview>em[data-v-23b9b75f]{flex:none;color:color-mix(in srgb,var(--foxie-muted) 68%,transparent);font-style:normal}.foxie-message-notification__preview>span[data-v-23b9b75f]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxie-message-notification-enter-active[data-v-23b9b75f],.foxie-message-notification-leave-active[data-v-23b9b75f]{transition:opacity .28s ease,transform .34s cubic-bezier(.2,.86,.25,1)}.foxie-message-notification-enter-from[data-v-23b9b75f],.foxie-message-notification-leave-to[data-v-23b9b75f]{opacity:0;transform:translate(-50%,-18px) scale(.96)}@media(max-width:640px){.foxie-message-notification[data-v-23b9b75f]{top:max(12px,env(safe-area-inset-top));min-height:72px}}

.whisper-notice[data-v-d0acf938]{width:min(440px,calc(100vw - 28px));min-height:78px;padding:12px 13px;position:fixed;z-index:2147483000;left:50%;top:18px;transform:translateX(-50%);border:1px solid color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border));border-radius:17px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 24px 68px rgba(5,29,21,.22);backdrop-filter:blur(18px);cursor:pointer}.whisper-notice[data-v-d0acf938]:hover{border-color:color-mix(in srgb,var(--foxie-accent) 48%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface-raised))}.whisper-notice__icon[data-v-d0acf938]{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-surface-soft))}.whisper-notice__copy[data-v-d0acf938]{min-width:0;display:grid}.whisper-notice__copy small[data-v-d0acf938]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}.whisper-notice__copy strong[data-v-d0acf938]{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.whisper-notice__copy>span[data-v-d0acf938]{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.whisper-notice__arrow[data-v-d0acf938]{color:var(--foxie-muted)}.whisper-notice-pop-enter-active[data-v-d0acf938],.whisper-notice-pop-leave-active[data-v-d0acf938]{transition:.22s cubic-bezier(.2,.8,.2,1)}.whisper-notice-pop-enter-from[data-v-d0acf938],.whisper-notice-pop-leave-to[data-v-d0acf938]{opacity:0;transform:translate(-50%,-12px) scale(.97)}@media(max-width:600px){.whisper-notice[data-v-d0acf938]{top:10px;width:calc(100vw - 18px)}}@media(prefers-reduced-motion:reduce){.whisper-notice-pop-enter-active[data-v-d0acf938],.whisper-notice-pop-leave-active[data-v-d0acf938]{transition:none}}
/* A single compact stream; direction is independent from the member's role styling. */
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) {
  grid-template-columns:minmax(0,1fr) 36px!important;padding-left:52px!important;
}
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) > .message-shell {grid-column:1;grid-row:1;justify-self:end;width:max-content!important;max-width:100%!important;min-width:0!important}
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) > .fc-message-avatar,
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) > .message-avatar {grid-column:2;grid-row:1}
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) .message-bubble:not(.fc-sticker .message-bubble) {background:color-mix(in srgb,var(--foxie-accent) 7%,transparent)!important;border-radius:10px 2px 10px 10px!important;padding:4px 8px!important}
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) .fc-message-identity {justify-content:flex-end}
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row) .fc-reader-avatars {justify-content:flex-end}
.fc-reader-avatars:empty {display:none!important}
html body #app .internal-surface .fc-reader-avatars {display:flex;align-items:center;gap:0;margin-top:5px;min-height:20px}
html body #app .internal-surface .fc-reader-avatars button {display:grid;place-items:center;width:21px;height:21px;min-width:21px;padding:0;border:2px solid var(--foxie-surface);border-radius:50%;margin-left:-4px;overflow:hidden;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px;cursor:pointer}
.fc-reader-avatars button:first-child{margin-left:0!important}.fc-reader-avatars img{width:100%;height:100%;object-fit:cover}.fc-reader-avatars small{margin-left:4px;color:var(--foxie-muted);font-size:12px}
html body #app .internal-surface .chat-inline-editor {width:min(520px,100%);min-width:min(240px,100%);display:grid;gap:8px;padding:4px 0}
.chat-inline-editor textarea{display:block;box-sizing:border-box;width:100%;min-height:84px;padding:10px;border:1px solid var(--foxie-accent);border-radius:8px;resize:vertical;background:var(--foxie-surface);color:var(--foxie-ink);font:inherit;line-height:1.5}
.chat-inline-editor>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-inline-editor small{flex:1;font-size:12px;color:var(--foxie-muted)}.chat-inline-editor button{padding:6px 10px!important;border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px}.chat-inline-editor button[type=submit]{background:var(--foxie-accent);color:white}
@media(max-width:600px){html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row.fc-own-message:not(.foxie-call-summary-row){padding-left:30px!important;grid-template-columns:minmax(0,1fr) 28px!important}}
/* The rail's width is controlled by its accessible separator, not by CSS breakpoint patches. */
html body #app .internal-surface.is-page[data-chat-layout][data-people-resize] {grid-template-columns:var(--people-nav-width,280px) minmax(0,1fr) var(--people-width,320px)!important}
html body #app .internal-surface.is-page[data-chat-layout][data-people-resize].sidebar-collapsed {grid-template-columns:minmax(0,1fr) var(--people-width,320px)!important}
html body #app .internal-surface.is-page[data-chat-layout][data-people-resize] > .team-member-rail {position:relative!important;width:var(--people-width,320px)!important;min-width:var(--people-width,320px)!important;max-width:var(--people-width,320px)!important;flex:0 0 var(--people-width,320px)!important;overflow:visible!important}
html body #app .internal-surface.is-page[data-chat-layout][data-people-resize] .team-member-rail__body {min-width:0;overflow-x:hidden}
.people-rail-resize {position:absolute;z-index:5;inset:0 auto 0 -5px;width:10px;cursor:col-resize;touch-action:none;outline:none}
.people-rail-resize:after{content:'';position:absolute;inset:12px 4px;background:transparent;border-radius:3px;transition:background .16s}.people-rail-resize:hover:after,.people-rail-resize:focus-visible:after,.people-rail-resize.is-dragging:after{background:var(--foxie-accent)}
html body #app .team-member-rail__group>header {border:0!important;box-shadow:none!important}
html body #app .people-ai-section{display:block!important;padding:14px 8px!important;border:0!important}
.people-ai-section>header{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--foxie-accent)}
.people-ai-section>header i{animation:people-ai-glow 2.4s ease-in-out infinite}.people-ai-row{display:flex;width:100%;align-items:center;gap:10px;padding:9px;border-radius:10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 20%,transparent);background:linear-gradient(115deg,color-mix(in srgb,var(--foxie-accent) 10%,transparent),transparent);text-align:left;color:var(--foxie-ink)}
.people-ai-row img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--foxie-surface-soft)}.people-ai-row>span{display:grid;flex:1;min-width:0}.people-ai-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-ai-row small{font-size:12px;color:var(--foxie-muted)}
.people-channel-art{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:0}.people-channel-art img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(3px);transform:scale(1.08)}
html body #app .foxie-channel-row[data-people-art]{position:relative;isolation:isolate;overflow:hidden;border-radius:8px}.foxie-channel-row[data-people-art]>:not(.people-channel-art){position:relative;z-index:1}.people-channel-emoji{font-style:normal!important;font-family:inherit!important}.people-channel-emoji:before{display:none!important}
@keyframes people-ai-glow{50%{filter:drop-shadow(0 0 5px var(--foxie-accent));transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.people-ai-section>header i{animation:none}.people-rail-resize:after{transition:none}}

html body #app .project-immersive .foxie-team-page,
html body #app .project-immersive .canvas-project-page,
html body #app .project-immersive .foxie-ai-page{height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;border-radius:0!important}
.immersive-edge-controls{position:fixed;inset:0;z-index:75;pointer-events:none}
.immersive-edge-controls button{position:absolute;width:27px;height:27px;border:1px solid var(--foxie-border);border-radius:7px;background:var(--foxie-surface-raised);color:var(--foxie-muted);pointer-events:auto;opacity:.18;cursor:pointer;transition:opacity .15s}
.immersive-edge-controls button:hover,.immersive-edge-controls button:focus-visible{opacity:1;outline:2px solid var(--foxie-accent)}
.immersive-side-toggle{left:1px;top:50%}.immersive-top-toggle{left:50%;top:1px}
html body #app .fc-ai-identity>.foxie-message-light{display:none!important}
html body #app .fc-ai-identity>[data-fc-owned=ai-profile]{grid-column:1;grid-row:1}
@media(prefers-reduced-motion:reduce){.immersive-edge-controls button{transition:none}}

html body #app .internal-surface .team-member-rail.fc-custom-members .team-member-rail__body>.people-ai-section{display:block!important}

/* The legacy rail fixes every direct child at 260px; the resize hit area must never cover profiles. */
html body #app .internal-surface.is-page[data-chat-layout][data-people-resize]>.team-member-rail>:not(.people-rail-resize){width:100%!important;min-width:0!important;max-width:100%!important}
html body #app .internal-surface.is-page[data-chat-layout][data-people-resize]>.team-member-rail>.people-rail-resize{width:10px!important;min-width:10px!important;max-width:10px!important;inset:0 auto 0 -5px!important}

/* Native message receipts own read-state rendering; legacy cloned readers stay suppressed. */
html body #app .internal-surface .fc-reader-avatars{display:none!important}
/* Isolated target-person palette: deliberately does not use the viewer's Foxie colors. */
.people-profile-tray[popover]{position:fixed;inset:auto;margin:0;padding:0;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--person-border);border-radius:16px;background:var(--person-bg);color:var(--person-ink);box-shadow:0 18px 70px #0005;font-family:inherit;z-index:10000;animation:people-tray-in .22s cubic-bezier(.2,.8,.2,1);outline:none}
.people-profile-banner{height:105px;position:relative;background:linear-gradient(130deg,var(--person-accent),color-mix(in srgb,var(--person-accent) 20%,var(--person-bg)));overflow:hidden}.people-profile-banner>img{width:100%;height:100%;object-fit:cover}.people-profile-close{position:absolute;right:10px;top:10px;width:29px;height:29px;border:0;border-radius:50%;display:grid;place-items:center;background:#0007;color:#fff;cursor:pointer}
.people-profile-content{padding:0 19px 19px;position:relative}.people-profile-avatar{width:78px;height:78px;border:5px solid var(--person-bg);border-radius:50%;margin-top:-42px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--person-surface);color:var(--person-accent);font-size:24px;font-weight:800}.people-profile-avatar img{width:100%;height:100%;object-fit:cover}
.people-profile-tray h2{margin:10px 0 1px;font-size:20px;line-height:1.25;overflow-wrap:anywhere;color:var(--person-ink)}.people-profile-handle{font-size:12px;color:var(--person-muted)}.people-profile-role{display:table;margin:12px 0 9px;padding:4px 9px;border-radius:7px;background:color-mix(in srgb,var(--person-role,var(--person-accent)) 13%,var(--person-surface));color:var(--person-ink);font-size:12px;font-weight:600}
.people-profile-bio,.people-profile-status{margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;color:var(--person-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.people-profile-status{color:var(--person-ink)}.people-profile-shared{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--person-muted);margin:13px 0}.people-profile-buttons{display:flex;gap:8px;margin-top:17px}.people-profile-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;min-height:38px;border:1px solid var(--person-border);border-radius:8px;background:var(--person-surface);color:var(--person-ink);cursor:pointer}.people-profile-buttons button.primary{background:var(--person-accent);color:var(--person-bg);border-color:transparent}.people-profile-buttons button:focus-visible,.people-profile-close:focus-visible{outline:2px solid var(--person-accent);outline-offset:3px}.people-profile-skeleton{min-height:140px;display:grid;place-items:center;color:var(--person-muted);font-size:13px}
.people-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--foxie-border);border-radius:16px;background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 30px 100px #0005;font:inherit;overflow:auto}.people-dialog[open]{animation:people-tray-in .2s ease}.people-dialog::backdrop{background:#0d122260;backdrop-filter:blur(5px)}.people-dialog>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 22px 12px}.people-dialog>header small{font-size:12px;letter-spacing:.1em;color:var(--foxie-muted)}.people-dialog h2{font-size:19px;margin:3px 0 0;line-height:1.3}.people-dialog>header button{border:0;background:var(--foxie-surface-soft);width:30px;height:30px;border-radius:9px;color:var(--foxie-muted)}.people-dialog form{display:grid;gap:14px;padding:0 22px 20px}.people-dialog button{cursor:pointer}.people-dialog button:disabled{opacity:.5;cursor:default}.people-dialog input,.people-dialog textarea,.people-dialog select{font:inherit}.people-field{display:grid;gap:6px;font-size:12px;color:var(--foxie-muted)}.people-field>input,.people-field>select{box-sizing:border-box;width:100%;min-width:0;padding:9px 11px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface);color:var(--foxie-ink);font-size:13px}.people-field>input:focus,.people-field>select:focus{outline:2px solid color-mix(in srgb,var(--foxie-accent) 45%,transparent);outline-offset:1px}.people-field>input[type=file]{font-size:12px}.people-hint{color:var(--foxie-muted);font-size:12px;line-height:1.5;margin:0}.people-picker{max-height:250px;overflow:auto;display:grid;gap:4px}.people-choice{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border-radius:9px;background:var(--foxie-surface-soft);font-size:13px}.people-choice>span:not(.people-mini-avatar){flex:1;min-width:0;display:grid;gap:2px}.people-choice strong{font-size:13px;overflow-wrap:anywhere}.people-choice small{font-size:12px;color:var(--foxie-muted)}.people-choice input{accent-color:var(--foxie-accent)}.people-choice>button{border:0;background:transparent;color:var(--foxie-muted);font-size:12px}.people-current-members{display:grid;gap:4px;max-height:250px;overflow:auto}.people-mini-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;overflow:hidden;background:var(--foxie-surface);display:grid;place-items:center;font-size:12px}.people-mini-avatar img{width:100%;height:100%;object-fit:cover}.people-dialog form>footer{display:flex;gap:8px;justify-content:flex-end;padding-top:5px}.people-dialog form>footer button,.people-remove-confirm button{padding:8px 13px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px}.people-dialog form>footer .primary{background:var(--foxie-accent);color:white;border-color:transparent}.people-error{font-size:12px;color:#d14359;line-height:1.5;padding:10px 19px;overflow-wrap:anywhere}.people-remove-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;background:var(--foxie-surface-soft);font-size:12px;border-radius:9px}.people-remove-confirm>span{flex:1 0 100%}.people-ai-preview{display:flex;gap:14px;align-items:center;padding:16px;border-radius:12px;background:linear-gradient(125deg,color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-surface)),var(--foxie-surface-soft))}.people-ai-preview img{width:64px;height:64px;border-radius:50%;object-fit:cover}.people-ai-preview>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.people-ai-preview strong{font-size:18px}.people-ai-preview small{font-size:13px;color:var(--foxie-muted)}.people-ai-preview em{font-size:12px;font-style:normal;color:var(--foxie-accent)}.people-check{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--foxie-muted)}.people-check input{accent-color:var(--foxie-accent)}.people-emoji-palette{display:flex;flex-wrap:wrap;gap:5px}.people-emoji-palette button{width:32px;height:32px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-soft);font-size:17px;color:var(--foxie-ink)}.people-channel-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;padding:18px;background:var(--foxie-surface-soft)}.people-channel-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px);opacity:.35;z-index:-1}.people-channel-preview strong{font-size:14px;color:var(--foxie-ink)}
html body #app .internal-surface .people-action-button{border:0;border-radius:8px;background:transparent;color:var(--foxie-muted);width:32px;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;flex-shrink:0}.people-action-button:hover{background:var(--foxie-surface-soft)!important;color:var(--foxie-accent)!important}.conversation-runtime-actions>.people-action-button{width:100%!important;justify-content:flex-start!important;gap:9px!important}.conversation-runtime-actions>.people-action-button span{font-size:12px}
@keyframes people-tray-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.people-profile-tray[popover],.people-dialog[open]{animation:none}}

html body .people-profile-tray[popover] .people-profile-buttons button.primary{background:var(--person-accent)!important;background-image:none!important;border-color:transparent!important;color:var(--person-bg)!important;box-shadow:none!important}
html body .people-profile-tray[popover] .people-profile-buttons button:not(.primary){background:var(--person-surface)!important;color:var(--person-ink)!important;border-color:var(--person-border)!important;box-shadow:none!important}
.details[data-v-580db4fe]{width:300px;min-width:300px;height:100%;border-left:1px solid var(--foxie-border);display:flex;flex-direction:column;color:var(--foxie-ink);background:var(--foxie-surface-raised)}header[data-v-580db4fe]{min-height:66px;padding:10px 12px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between}header div[data-v-580db4fe]{min-width:0;display:grid}header small[data-v-580db4fe]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}header strong[data-v-580db4fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}header button[data-v-580db4fe]{width:31px;height:31px;border:1px solid var(--foxie-border);border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}nav[data-v-580db4fe]{padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border-bottom:1px solid var(--foxie-border)}nav button[data-v-580db4fe]{height:43px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;font-size:12px}nav button.active[data-v-580db4fe]{color:var(--foxie-accent);background:var(--foxie-surface-soft)}section[data-v-580db4fe]{min-height:0;padding:8px;overflow:auto}.people article[data-v-580db4fe]{padding:6px 3px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}.workspace-ai-member[data-v-580db4fe]{margin-bottom:4px;padding:7px!important;border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border));border-radius:10px;background:color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface-soft))}.workspace-ai-avatar[data-v-580db4fe]{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))}.avatar[data-v-580db4fe]{width:34px;height:34px;position:relative;border-radius:50%;display:grid;place-items:center;overflow:visible;color:#fff;background:var(--foxie-accent);font-size:12px}.avatar img[data-v-580db4fe]{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar i[data-v-580db4fe]{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid var(--foxie-surface-raised);border-radius:50%;background:#27b979}.people article>div[data-v-580db4fe]:not(.member-tools){min-width:0;display:grid;gap:2px}.people strong[data-v-580db4fe]{font-size:12px}.people small[data-v-580db4fe]{color:var(--foxie-muted);font-size:12px}.people small em[data-v-580db4fe]{color:#7756e8;font-style:normal}.member-tools[data-v-580db4fe]{display:flex;align-items:center;gap:2px}.member-tools select[data-v-580db4fe]{width:80px;height:25px;border:1px solid var(--foxie-border);border-radius:7px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px}.member-tools button[data-v-580db4fe]{width:25px;height:25px;border:1px solid var(--foxie-border);border-radius:7px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.member-tools button.enabled[data-v-580db4fe]{color:#7756e8}.manage[data-v-580db4fe]{width:100%;height:34px;margin-top:6px;border:1px solid var(--foxie-border);border-radius:9px;color:var(--foxie-accent);background:var(--foxie-surface-soft);font-size:12px;font-weight:800}.media[data-v-580db4fe]{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:4px}.media button[data-v-580db4fe]{aspect-ratio:1;border:0;border-radius:7px;overflow:hidden;background:var(--foxie-surface-soft)}.media img[data-v-580db4fe],.media video[data-v-580db4fe]{width:100%;height:100%;object-fit:cover}.files button[data-v-580db4fe],.links a[data-v-580db4fe]{width:100%;padding:7px 3px;border:0;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;text-align:left;text-decoration:none;color:var(--foxie-ink);background:transparent}.files span[data-v-580db4fe],.links span[data-v-580db4fe]{min-width:0;display:grid}.files strong[data-v-580db4fe],.links strong[data-v-580db4fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.files small[data-v-580db4fe],.links small[data-v-580db4fe]{color:var(--foxie-muted);font-size:12px}.empty[data-v-580db4fe]{grid-column:1/-1;color:var(--foxie-muted);font-size:12px;text-align:center}@media(max-width:760px){.details[data-v-580db4fe]{width:100%;min-width:0;position:absolute;z-index:45;inset:0}}
.foxie-light-orb[data-v-45e33b70]{
  --orb-size:34px;
  --orb-blur:8px;
  --orb-glow:18px;
  width:var(--orb-size);height:var(--orb-size);display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:0 0 var(--orb-size);border-radius:50%;overflow:visible;transform:translateZ(0);pointer-events:none;
  filter:saturate(1.08) drop-shadow(0 0 9px rgba(var(--foxie-accent-rgb,245,130,32),.92)) drop-shadow(0 0 24px rgba(var(--foxie-accent-rgb,245,130,32),.62)) drop-shadow(0 0 54px rgba(var(--foxie-accent-rgb,245,130,32),.34))
}
.size-hero[data-v-45e33b70]{--orb-size:min(270px,48vw);--orb-blur:35px;--orb-glow:72px}
.size-onboarding[data-v-45e33b70]{--orb-size:128px;--orb-blur:25px;--orb-glow:58px}
.size-message[data-v-45e33b70]{--orb-size:31px;--orb-blur:7px;--orb-glow:16px}
.size-thinking[data-v-45e33b70]{--orb-size:36px;--orb-blur:8px;--orb-glow:22px}
.size-internal[data-v-45e33b70]{--orb-size:29px;--orb-blur:6px;--orb-glow:15px}
.size-onboarding[data-v-45e33b70],.size-message[data-v-45e33b70],.size-thinking[data-v-45e33b70],.size-internal[data-v-45e33b70]{
  box-shadow:0 0 0 1px rgba(var(--foxie-accent-rgb,245,130,32),.22),0 0 20px rgba(var(--foxie-accent-rgb,245,130,32),.45),0 0 44px rgba(var(--foxie-accent-rgb,245,130,32),.22)
}
.foxie-light-orb>i[data-v-45e33b70]{position:absolute;display:block;pointer-events:none;will-change:transform,border-radius,opacity}
.aura[data-v-45e33b70]{inset:12%;border-radius:48% 52% 58% 42% / 52% 45% 55% 48%;filter:blur(var(--orb-blur));opacity:.76;mix-blend-mode:normal}
.aura-a[data-v-45e33b70]{background:radial-gradient(circle at 43% 42%,rgba(255,153,62,.98),rgba(255,111,46,.48) 44%,transparent 72%);animation:foxie-a-45e33b70 7.8s ease-in-out infinite alternate}
.aura-b[data-v-45e33b70]{background:radial-gradient(circle at 56% 42%,rgba(68,136,255,.96),rgba(76,104,255,.42) 46%,transparent 72%);animation:foxie-b-45e33b70 9.2s ease-in-out infinite alternate}
.aura-c[data-v-45e33b70]{background:radial-gradient(circle at 48% 58%,rgba(141,82,255,.9),rgba(124,76,255,.36) 44%,transparent 72%);animation:foxie-c-45e33b70 10.7s ease-in-out infinite alternate}
.aura-d[data-v-45e33b70]{background:radial-gradient(circle at 42% 52%,rgba(44,222,157,.9),rgba(31,181,137,.34) 46%,transparent 73%);animation:foxie-d-45e33b70 8.8s ease-in-out infinite alternate}
.mist[data-v-45e33b70]{inset:7%;border-radius:50%;filter:blur(calc(var(--orb-blur) * .62));opacity:.43;mix-blend-mode:normal}
.mist-a[data-v-45e33b70]{background:radial-gradient(circle at 30% 34%,rgba(255,204,126,.66) 0 18%,transparent 48%),radial-gradient(circle at 72% 48%,rgba(94,150,255,.58) 0 20%,transparent 52%),radial-gradient(circle at 48% 76%,rgba(70,231,174,.56) 0 18%,transparent 50%);animation:foxie-mist-a-45e33b70 9.6s ease-in-out infinite alternate}
.mist-b[data-v-45e33b70]{inset:21%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.58) 0 16%,transparent 46%),radial-gradient(circle at 66% 46%,rgba(153,113,255,.52) 0 18%,transparent 50%),radial-gradient(circle at 44% 72%,rgba(255,145,70,.56) 0 17%,transparent 48%);animation:foxie-mist-b-45e33b70 8.2s ease-in-out infinite alternate}
.core[data-v-45e33b70]{inset:31%;border-radius:50%;background:radial-gradient(circle at 43% 38%,rgba(255,255,255,.94) 0 8%,rgba(255,243,225,.78) 18%,rgba(122,205,255,.28) 44%,rgba(98,236,190,.14) 58%,transparent 76%);filter:blur(calc(var(--orb-blur) * .18));box-shadow:0 0 var(--orb-glow) rgba(95,155,255,.20),0 0 calc(var(--orb-glow) * .76) rgba(42,222,160,.16);animation:foxie-core-45e33b70 4.8s ease-in-out infinite}
.spark[data-v-45e33b70]{width:11%;height:11%;left:34%;top:31%;border-radius:50%;background:rgba(255,255,255,.92);filter:blur(calc(var(--orb-blur) * .11));opacity:.72;animation:foxie-spark-45e33b70 3.5s ease-in-out infinite}
.active .aura-a[data-v-45e33b70]{animation-duration:3.8s}.active .aura-b[data-v-45e33b70]{animation-duration:4.4s}.active .aura-c[data-v-45e33b70]{animation-duration:5.1s}.active .aura-d[data-v-45e33b70]{animation-duration:4.1s}.active .mist-a[data-v-45e33b70]{animation-duration:8s}.active .mist-b[data-v-45e33b70]{animation-duration:6.5s}.active .core[data-v-45e33b70]{animation-duration:2.8s}.quiet[data-v-45e33b70]{filter:saturate(.88);opacity:.88}
.rainbow[data-v-45e33b70]{animation:foxie-rainbow-light-45e33b70 11s linear infinite}
.rainbow.active[data-v-45e33b70]{animation-duration:7.5s}
.rainbow .core[data-v-45e33b70]{animation-name:foxie-core-45e33b70,foxie-rainbow-core-45e33b70;animation-duration:4.8s,8s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite}
.rainbow.active .core[data-v-45e33b70]{animation-duration:2.8s,6.5s}
.size-message .aura[data-v-45e33b70],.size-thinking .aura[data-v-45e33b70],.size-internal .aura[data-v-45e33b70]{filter:blur(var(--orb-blur));inset:5%}.size-message .mist[data-v-45e33b70],.size-thinking .mist[data-v-45e33b70],.size-internal .mist[data-v-45e33b70]{inset:1%}.size-message .core[data-v-45e33b70],.size-thinking .core[data-v-45e33b70],.size-internal .core[data-v-45e33b70]{inset:24%}.size-message .spark[data-v-45e33b70],.size-thinking .spark[data-v-45e33b70],.size-internal .spark[data-v-45e33b70]{width:14%;height:14%;left:31%;top:28%}
@keyframes foxie-a-45e33b70{0%{transform:translate(-9%,-7%) scale(.82) rotate(-8deg);border-radius:44% 56% 61% 39% / 55% 41% 59% 45%}55%{transform:translate(17%,10%) scale(1.16) rotate(8deg);border-radius:61% 39% 45% 55% / 42% 62% 38% 58%}100%{transform:translate(-2%,19%) scale(.98) rotate(14deg);border-radius:39% 61% 53% 47% / 63% 43% 57% 37%}}
@keyframes foxie-b-45e33b70{0%{transform:translate(15%,-13%) scale(1.12) rotate(7deg);border-radius:57% 43% 39% 61% / 43% 57% 43% 57%}52%{transform:translate(-17%,13%) scale(.84) rotate(-11deg);border-radius:42% 58% 62% 38% / 59% 39% 61% 41%}100%{transform:translate(8%,18%) scale(1.05) rotate(4deg)}}
@keyframes foxie-c-45e33b70{0%{transform:translate(12%,16%) scale(.88) rotate(-10deg)}48%{transform:translate(-13%,-11%) scale(1.14) rotate(10deg);border-radius:61% 39% 55% 45% / 45% 61% 39% 55%}100%{transform:translate(19%,-1%) scale(.96) rotate(18deg)}}
@keyframes foxie-d-45e33b70{0%{transform:translate(-16%,9%) scale(1.06) rotate(4deg)}45%{transform:translate(12%,-15%) scale(.9) rotate(-13deg);border-radius:37% 63% 43% 57% / 60% 44% 56% 40%}100%{transform:translate(7%,17%) scale(1.12) rotate(9deg)}}
@keyframes foxie-mist-a-45e33b70{0%{transform:translate(-5%,-3%) scale(.92) rotate(-3deg)}50%{transform:translate(6%,4%) scale(1.08) rotate(4deg)}100%{transform:translate(-1%,7%) scale(.98) rotate(1deg)}}@keyframes foxie-mist-b-45e33b70{0%{transform:translate(5%,-5%) scale(1.06)}55%{transform:translate(-7%,6%) scale(.9)}100%{transform:translate(4%,3%) scale(1.02)}}
@keyframes foxie-core-45e33b70{0%,100%{transform:scale(.82);opacity:.58}46%{transform:scale(1.14);opacity:.96}70%{transform:scale(.94);opacity:.76}}
@keyframes foxie-spark-45e33b70{0%,100%{transform:translate(-18%,-14%) scale(.72);opacity:.38}50%{transform:translate(36%,22%) scale(1.2);opacity:.9}}
@keyframes foxie-rainbow-light-45e33b70{
0%,100%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(234,88,12,.98)) drop-shadow(0 0 28px rgba(249,115,22,.68)) drop-shadow(0 0 62px rgba(234,88,12,.36))}
14%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(225,29,72,.98)) drop-shadow(0 0 28px rgba(244,63,94,.68)) drop-shadow(0 0 62px rgba(225,29,72,.36))}
28%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(192,38,211,.98)) drop-shadow(0 0 28px rgba(217,70,239,.68)) drop-shadow(0 0 62px rgba(192,38,211,.36))}
42%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(124,58,237,.98)) drop-shadow(0 0 28px rgba(139,92,246,.68)) drop-shadow(0 0 62px rgba(124,58,237,.36))}
56%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(37,99,235,.98)) drop-shadow(0 0 28px rgba(59,130,246,.68)) drop-shadow(0 0 62px rgba(37,99,235,.36))}
70%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(7,135,166,.98)) drop-shadow(0 0 28px rgba(34,171,201,.68)) drop-shadow(0 0 62px rgba(7,135,166,.36))}
84%{filter:saturate(1.18) drop-shadow(0 0 10px rgba(13,143,99,.98)) drop-shadow(0 0 28px rgba(39,187,139,.68)) drop-shadow(0 0 62px rgba(13,143,99,.36))}
}
@keyframes foxie-rainbow-core-45e33b70{
0%,100%{box-shadow:0 0 var(--orb-glow) rgba(249,115,22,.28),0 0 calc(var(--orb-glow)*.8) rgba(244,63,94,.18)}
25%{box-shadow:0 0 var(--orb-glow) rgba(217,70,239,.30),0 0 calc(var(--orb-glow)*.8) rgba(139,92,246,.20)}
50%{box-shadow:0 0 var(--orb-glow) rgba(59,130,246,.30),0 0 calc(var(--orb-glow)*.8) rgba(34,171,201,.20)}
75%{box-shadow:0 0 var(--orb-glow) rgba(39,187,139,.30),0 0 calc(var(--orb-glow)*.8) rgba(245,158,11,.18)}
}
.v-theme--light{filter:saturate(1.08) drop-shadow(0 0 9px rgba(var(--foxie-accent-rgb,245,130,32),.92)) drop-shadow(0 0 24px rgba(var(--foxie-accent-rgb,245,130,32),.62)) drop-shadow(0 0 54px rgba(var(--foxie-accent-rgb,245,130,32),.34))}
.v-theme--light{opacity:.76;mix-blend-mode:normal}
.v-theme--light{opacity:.43;mix-blend-mode:normal}
.v-theme--light{opacity:.82;box-shadow:0 0 var(--orb-glow) rgba(95,155,255,.20),0 0 calc(var(--orb-glow) * .76) rgba(42,222,160,.16)}
.v-theme--dark{opacity:.78;mix-blend-mode:normal}
.v-theme--dark{opacity:.46;mix-blend-mode:normal}
@media(max-width:600px){.size-hero[data-v-45e33b70]{--orb-size:min(218px,62vw);--orb-blur:29px;--orb-glow:56px}.size-onboarding[data-v-45e33b70]{--orb-size:104px;--orb-blur:20px;--orb-glow:46px}}
@media(prefers-reduced-motion:reduce){.foxie-light-orb[data-v-45e33b70],.foxie-light-orb>i[data-v-45e33b70]{animation:none!important}}

.composer[data-v-69ab4c4c]{position:relative;padding:8px 10px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}.box[data-v-69ab4c4c]{min-height:42px;padding:3px 5px;border:1px solid var(--foxie-border);border-radius:13px;display:flex;align-items:flex-end;gap:2px;background:var(--foxie-surface-soft);transition:.2s ease}.box.is-foxie[data-v-69ab4c4c]{border-color:#f58220;box-shadow:0 0 0 3px rgba(245,130,32,.11)}.box>button[data-v-69ab4c4c]{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}.box>button[data-v-69ab4c4c]:hover,.box>button.active[data-v-69ab4c4c]{color:var(--foxie-accent);background:var(--foxie-surface-raised)}.box>button.ai[data-v-69ab4c4c]{color:#f58220}.box>button[data-v-69ab4c4c]:disabled{opacity:.35}.box>button.send[data-v-69ab4c4c]{color:#fff;background:var(--foxie-accent)}.box>button.danger[data-v-69ab4c4c]{color:#d34c5c}.box textarea[data-v-69ab4c4c]{min-height:34px;max-height:120px;flex:1;padding:8px 5px;border:0;outline:0;resize:none;color:var(--foxie-ink);background:transparent;font-size:12px}.slash-button[data-v-69ab4c4c]{font-size:1rem}
.foxie-invocation[data-v-69ab4c4c]{margin:-2px 0 8px;padding:10px 11px;border:1px solid color-mix(in srgb,#f58220 32%,var(--foxie-border));border-radius:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(110deg,color-mix(in srgb,#fff 96%,#f58220),color-mix(in srgb,#f58220 8%,var(--foxie-surface-raised)));box-shadow:0 12px 30px rgba(245,130,32,.12);overflow:visible}.foxie-invocation>div[data-v-69ab4c4c]{min-width:0;display:grid}.foxie-invocation small[data-v-69ab4c4c]{color:#d96708;font-size:12px;font-weight:950;letter-spacing:.13em}.foxie-invocation strong[data-v-69ab4c4c]{font-size:12px}.foxie-invocation>div>span[data-v-69ab4c4c]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.foxie-invocation nav[data-v-69ab4c4c]{display:flex;gap:4px}.foxie-invocation nav button[data-v-69ab4c4c]{height:29px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;gap:4px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:800}.foxie-invocation nav button.active[data-v-69ab4c4c]{border-color:#f58220;color:#c75400;background:#fff7f0}.foxie-invocation nav button[data-v-69ab4c4c]:disabled{opacity:.35}
.foxie-orb[data-v-69ab4c4c]{align-self:center}.foxie-orb.compact[data-v-69ab4c4c]{align-self:center}.composer-ai-avatar[data-v-69ab4c4c]{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:var(--foxie-surface-soft);box-shadow:0 8px 22px color-mix(in srgb,var(--foxie-accent) 10%,transparent)}.composer-ai-avatar.compact[data-v-69ab4c4c]{width:29px;height:29px;border-radius:50%;flex:0 0 29px}.composer-ai-avatar>img[data-v-69ab4c4c]{width:100%;height:100%;object-fit:cover}.composer-ai-avatar[data-v-69ab4c4c] .foxie-light-orb{transform:scale(.78)}
.reply[data-v-69ab4c4c]{margin-bottom:6px;padding:6px 8px;border-left:3px solid var(--foxie-accent);border-radius:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;background:var(--foxie-surface-soft)}.reply>span[data-v-69ab4c4c]{min-width:0;display:grid}.reply small[data-v-69ab4c4c]{color:var(--foxie-accent);font-size:12px}.reply strong[data-v-69ab4c4c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.reply button[data-v-69ab4c4c],.pending button[data-v-69ab4c4c]{border:0;color:var(--foxie-muted);background:transparent}.pending[data-v-69ab4c4c]{margin-bottom:6px;display:flex;gap:5px;overflow:auto}.pending article[data-v-69ab4c4c]{min-width:160px;padding:5px 7px;border:1px solid var(--foxie-border);border-radius:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center;background:var(--foxie-surface-soft)}.pending span[data-v-69ab4c4c]{min-width:0;display:grid}.pending strong[data-v-69ab4c4c]{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pending small[data-v-69ab4c4c]{color:var(--foxie-muted);font-size:12px}
.suggest[data-v-69ab4c4c],.gifs[data-v-69ab4c4c]{position:absolute;z-index:31;left:10px;right:10px;bottom:58px;max-height:310px;padding:7px;border:1px solid var(--foxie-border);border-radius:13px;overflow:auto;background:var(--foxie-surface-raised);box-shadow:0 18px 50px rgba(4,22,16,.2)}.suggest header[data-v-69ab4c4c],.gifs header[data-v-69ab4c4c]{padding:2px 4px 7px;display:flex;justify-content:space-between}.suggest header strong[data-v-69ab4c4c],.gifs header strong[data-v-69ab4c4c]{font-size:12px}.suggest header button[data-v-69ab4c4c],.gifs header button[data-v-69ab4c4c]{border:0;color:var(--foxie-accent);background:transparent;font-size:12px}.suggest>button[data-v-69ab4c4c]{width:100%;padding:6px;border:0;border-radius:8px;display:flex;align-items:center;gap:7px;text-align:left;color:var(--foxie-ink);background:transparent}.suggest>button[data-v-69ab4c4c]:hover,.suggest>button.active[data-v-69ab4c4c]{background:var(--foxie-surface-soft)}.suggest>button>span[data-v-69ab4c4c]{min-width:0;display:grid}.suggest>button strong[data-v-69ab4c4c]{font-size:12px}.suggest>button small[data-v-69ab4c4c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.slash[data-v-69ab4c4c]{width:85px;color:var(--foxie-accent);font-size:12px}.avatar[data-v-69ab4c4c]{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);font-size:12px}.avatar img[data-v-69ab4c4c]{width:100%;height:100%;border-radius:inherit;object-fit:cover}.gifs>div[data-v-69ab4c4c]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.gifs>div button[data-v-69ab4c4c]{padding:0;border:0;border-radius:8px;overflow:hidden;position:relative;background:var(--foxie-surface-soft)}.gifs img[data-v-69ab4c4c]{width:100%;height:82px;display:block;object-fit:cover}.gifs small[data-v-69ab4c4c]{position:absolute;left:3px;bottom:3px;padding:2px 4px;border-radius:4px;color:#fff;background:rgba(0,0,0,.58);font-size:12px}.emoji[data-v-69ab4c4c]{position:absolute;z-index:32;left:80px;bottom:58px;width:245px;padding:7px;border:1px solid var(--foxie-border);border-radius:13px;display:grid;grid-template-columns:repeat(6,1fr);background:var(--foxie-surface-raised);box-shadow:var(--foxie-shadow)}.emoji button[data-v-69ab4c4c]{aspect-ratio:1;border:0;border-radius:7px;background:transparent;font-size:1rem}.emoji button[data-v-69ab4c4c]:hover{background:var(--foxie-surface-soft)}.record[data-v-69ab4c4c]{flex:1;height:34px;display:flex;align-items:center;gap:7px;color:#d34c5c}.record i[data-v-69ab4c4c]{width:7px;height:7px;border-radius:50%;background:#d34c5c;animation:blink-69ab4c4c 1s infinite}.record span[data-v-69ab4c4c]{color:var(--foxie-muted);font-size:12px}.pop-enter-active[data-v-69ab4c4c],.pop-leave-active[data-v-69ab4c4c],.foxie-rise-enter-active[data-v-69ab4c4c],.foxie-rise-leave-active[data-v-69ab4c4c]{transition:.2s ease}.pop-enter-from[data-v-69ab4c4c],.pop-leave-to[data-v-69ab4c4c]{opacity:0;transform:translateY(5px)}.foxie-rise-enter-from[data-v-69ab4c4c],.foxie-rise-leave-to[data-v-69ab4c4c]{opacity:0;transform:translateY(12px) scale(.97)}
@keyframes blink-69ab4c4c{50%{opacity:.3}}@media(max-width:760px){.foxie-invocation[data-v-69ab4c4c]{grid-template-columns:auto minmax(0,1fr)}.foxie-invocation nav[data-v-69ab4c4c]{grid-column:1/-1}.foxie-invocation nav button[data-v-69ab4c4c]{flex:1;justify-content:center}.gifs>div[data-v-69ab4c4c]{grid-template-columns:repeat(2,1fr)}.box>button[data-v-69ab4c4c]{width:31px;flex-basis:31px}}

.commands-dialog[data-v-2c5fbc45]{max-height:min(86dvh,820px);overflow:hidden;border:1px solid var(--foxie-border);border-radius:24px;display:flex;flex-direction:column;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 32px 90px color-mix(in srgb,var(--foxie-accent) 12%,rgba(0,0,0,.25))}.commands-head[data-v-2c5fbc45]{min-height:88px;padding:17px 19px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:linear-gradient(120deg,color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}.commands-head__mark[data-v-2c5fbc45]{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 10px 24px color-mix(in srgb,var(--foxie-accent) 22%,transparent)}.commands-head__mark span[data-v-2c5fbc45]{font-size:24px;font-weight:900;line-height:1}.commands-head__copy[data-v-2c5fbc45]{min-width:0}.commands-head__copy small[data-v-2c5fbc45]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}.commands-head__copy h2[data-v-2c5fbc45]{margin:2px 0 2px;font-size:1.25rem;letter-spacing:-.035em}.commands-head__copy p[data-v-2c5fbc45]{margin:0;color:var(--foxie-muted);font-size:12px}.commands-head__actions[data-v-2c5fbc45]{display:flex;align-items:center;gap:7px}.new-command[data-v-2c5fbc45],.save-button[data-v-2c5fbc45]{height:38px;padding:0 13px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 8px 20px color-mix(in srgb,var(--foxie-accent) 16%,transparent);font-size:12px;font-weight:850;cursor:pointer}.icon-button[data-v-2c5fbc45]{width:38px;height:38px;border:1px solid var(--foxie-border);border-radius:11px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft);cursor:pointer}.commands-body[data-v-2c5fbc45]{min-height:0;padding:14px 16px 18px;overflow:auto}.commands-toolbar[data-v-2c5fbc45]{margin-bottom:12px;display:flex;align-items:center;gap:10px}.commands-search[data-v-2c5fbc45]{height:40px;min-width:0;flex:1;padding:0 11px;border:1px solid var(--foxie-border);border-radius:12px;display:flex;align-items:center;gap:7px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.commands-search[data-v-2c5fbc45]:focus-within{border-color:color-mix(in srgb,var(--foxie-accent) 42%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 7%,transparent)}.commands-search input[data-v-2c5fbc45]{min-width:0;flex:1;border:0;outline:0;color:var(--foxie-ink);background:transparent;font-size:12px}.commands-count[data-v-2c5fbc45]{color:var(--foxie-muted);font-size:12px;font-weight:750}.commands-list[data-v-2c5fbc45]{display:grid;gap:7px}.command-row[data-v-2c5fbc45]{min-height:72px;padding:9px 10px;border:1px solid var(--foxie-border);border-radius:14px;display:grid;grid-template-columns:minmax(105px,auto) minmax(0,1fr) auto;gap:11px;align-items:center;background:var(--foxie-surface-raised);transition:.16s ease}.command-row[data-v-2c5fbc45]:hover{border-color:color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised))}.command-row.inactive[data-v-2c5fbc45]{opacity:.58}.command-slash[data-v-2c5fbc45]{min-height:34px;padding:0 9px;border-radius:9px;display:flex;align-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));font:850 10.5px/1 'SFMono-Regular',Consolas,monospace}.command-copy[data-v-2c5fbc45]{min-width:0}.command-copy>div[data-v-2c5fbc45]{display:flex;align-items:center;gap:6px}.command-copy strong[data-v-2c5fbc45]{font-size:12px}.command-copy>div span[data-v-2c5fbc45]{padding:2px 5px;border-radius:999px;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px;font-weight:850}.command-copy p[data-v-2c5fbc45]{margin:2px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.command-copy small[data-v-2c5fbc45]{color:var(--foxie-muted);font-size:12px}.command-copy em[data-v-2c5fbc45]{font-style:normal}.command-actions[data-v-2c5fbc45]{display:flex;align-items:center;gap:4px}.command-actions>button[data-v-2c5fbc45]:not(.execute){width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft);cursor:pointer}.command-actions>button[data-v-2c5fbc45]:hover:not(.execute){color:var(--foxie-accent)}.command-actions>button.danger[data-v-2c5fbc45]:hover{color:#d65050}.command-actions .execute[data-v-2c5fbc45]{height:34px;margin-left:3px;padding:0 10px;border:0;border-radius:9px;display:flex;align-items:center;gap:5px;color:#fff;background:var(--foxie-accent);font-size:12px;font-weight:850;cursor:pointer}.command-actions .execute[data-v-2c5fbc45]:disabled{opacity:.42;cursor:not-allowed}.commands-state[data-v-2c5fbc45],.commands-empty[data-v-2c5fbc45]{min-height:280px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:var(--foxie-muted)}.commands-state strong[data-v-2c5fbc45],.commands-empty strong[data-v-2c5fbc45]{color:var(--foxie-ink);font-size:12px}.commands-empty>span[data-v-2c5fbc45]{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))}.commands-empty p[data-v-2c5fbc45]{max-width:420px;margin:0 0 5px;font-size:12px;line-height:1.5}
.command-editor[data-v-2c5fbc45]{min-height:0;display:flex;flex-direction:column}.editor-scroll[data-v-2c5fbc45]{min-height:0;padding:16px 18px;overflow:auto}.editor-fields[data-v-2c5fbc45]{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px}.field-label[data-v-2c5fbc45]{min-width:0;display:grid;gap:5px}.field-label.full[data-v-2c5fbc45]{grid-column:1/-1}.field-label>span[data-v-2c5fbc45]{color:var(--foxie-muted);font-size:12px;font-weight:850}.field-label>span em[data-v-2c5fbc45]{font-size:12px;font-style:normal;font-weight:600}.field-label>input[data-v-2c5fbc45],.shortcut-field>div[data-v-2c5fbc45]{height:42px;border:1px solid var(--foxie-border);border-radius:11px;color:var(--foxie-ink);background:var(--foxie-surface-soft)}.field-label>input[data-v-2c5fbc45]{padding:0 11px;outline:0;font-size:12px}.field-label>input[data-v-2c5fbc45]:focus,.shortcut-field>div[data-v-2c5fbc45]:focus-within{border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 7%,transparent)}.shortcut-field>div[data-v-2c5fbc45]{padding:0 9px;display:flex;align-items:center}.shortcut-field>div b[data-v-2c5fbc45]{color:var(--foxie-accent);font-size:14px}.shortcut-field>div input[data-v-2c5fbc45]{min-width:0;flex:1;border:0;outline:0;color:var(--foxie-ink);background:transparent;font:800 11px/1 'SFMono-Regular',Consolas,monospace}.shortcut-field>small[data-v-2c5fbc45]{color:var(--foxie-muted);font-size:12px}.sequence-section[data-v-2c5fbc45]{margin-top:17px;padding-top:15px;border-top:1px solid var(--foxie-border)}.sequence-section>header[data-v-2c5fbc45]{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sequence-section>header>div[data-v-2c5fbc45]:first-child{display:grid}.sequence-section>header small[data-v-2c5fbc45]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.09em}.sequence-section>header strong[data-v-2c5fbc45]{margin-top:2px;font-size:13px}.sequence-section>header p[data-v-2c5fbc45]{margin:2px 0 0;color:var(--foxie-muted);font-size:12px}.sequence-section>header>div[data-v-2c5fbc45]:last-child{display:flex;gap:5px}.secondary-action[data-v-2c5fbc45]{height:34px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;gap:5px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:800;cursor:pointer}.secondary-action[data-v-2c5fbc45]:hover{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border))}.sequence-empty[data-v-2c5fbc45]{min-height:100px;margin-top:10px;border:1px dashed var(--foxie-border);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.sequence-empty>span[data-v-2c5fbc45]{display:grid}.sequence-empty strong[data-v-2c5fbc45]{color:var(--foxie-ink);font-size:12px}.sequence-empty small[data-v-2c5fbc45]{margin-top:2px;font-size:12px}.sequence-list[data-v-2c5fbc45]{margin-top:10px;display:grid;gap:6px}.sequence-item[data-v-2c5fbc45]{min-height:66px;padding:8px;border:1px solid var(--foxie-border);border-radius:12px;display:grid;grid-template-columns:28px 34px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--foxie-surface-soft)}.sequence-index[data-v-2c5fbc45]{color:var(--foxie-muted);font-size:12px;font-weight:900}.sequence-type[data-v-2c5fbc45]{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))}.sequence-content[data-v-2c5fbc45]{min-width:0}.sequence-content label[data-v-2c5fbc45]{display:block;margin-bottom:4px;color:var(--foxie-muted);font-size:12px;font-weight:800}.text-content textarea[data-v-2c5fbc45]{width:100%;min-height:44px;max-height:100px;padding:7px 8px;border:1px solid var(--foxie-border);border-radius:9px;resize:vertical;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised);font:inherit;font-size:12px}.media-content[data-v-2c5fbc45]{display:grid}.media-content strong[data-v-2c5fbc45],.media-content small[data-v-2c5fbc45]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-content strong[data-v-2c5fbc45]{font-size:12px}.media-content small[data-v-2c5fbc45]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.media-content input[data-v-2c5fbc45]{height:31px;margin-top:5px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:8px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px}.sequence-actions[data-v-2c5fbc45]{display:flex;gap:3px}.sequence-actions button[data-v-2c5fbc45]{width:29px;height:29px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-raised);cursor:pointer}.sequence-actions button[data-v-2c5fbc45]:hover:not(:disabled){color:var(--foxie-accent)}.sequence-actions button.danger[data-v-2c5fbc45]:hover{color:#d65050}.sequence-actions button[data-v-2c5fbc45]:disabled{opacity:.28;cursor:default}.command-active[data-v-2c5fbc45]{margin-top:13px;padding:9px 10px;border:1px solid var(--foxie-border);border-radius:11px;display:flex;align-items:center;gap:8px;background:var(--foxie-surface-soft);cursor:pointer}.command-active input[data-v-2c5fbc45]{accent-color:var(--foxie-accent)}.command-active span[data-v-2c5fbc45]{display:grid}.command-active strong[data-v-2c5fbc45]{font-size:12px}.command-active small[data-v-2c5fbc45]{margin-top:1px;color:var(--foxie-muted);font-size:12px}.editor-actions[data-v-2c5fbc45]{min-height:62px;padding:11px 18px;border-top:1px solid var(--foxie-border);display:flex;justify-content:flex-end;gap:7px;background:var(--foxie-surface-raised)}.cancel-button[data-v-2c5fbc45]{height:38px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px;font-weight:800;cursor:pointer}.save-button[data-v-2c5fbc45]:disabled,.cancel-button[data-v-2c5fbc45]:disabled{opacity:.45;cursor:not-allowed}.delete-confirm[data-v-2c5fbc45]{padding:20px;border:1px solid var(--foxie-border);border-radius:20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 25px 70px rgba(0,0,0,.2)}.delete-confirm__icon[data-v-2c5fbc45]{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#d65050;background:color-mix(in srgb,#d65050 9%,var(--foxie-surface-soft))}.delete-confirm__copy[data-v-2c5fbc45]{display:grid;align-content:center}.delete-confirm__copy small[data-v-2c5fbc45]{color:#d65050;font-size:12px;font-weight:950;letter-spacing:.09em}.delete-confirm__copy strong[data-v-2c5fbc45]{margin-top:2px;font-size:13px}.delete-confirm__copy p[data-v-2c5fbc45]{margin:3px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.45}.delete-confirm footer[data-v-2c5fbc45]{grid-column:1/-1;padding-top:5px;display:flex;justify-content:flex-end;gap:7px}.delete-button[data-v-2c5fbc45]{height:38px;padding:0 13px;border:0;border-radius:10px;display:flex;align-items:center;gap:5px;color:#fff;background:#c94444;font-size:12px;font-weight:850;cursor:pointer}.delete-button[data-v-2c5fbc45]:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.commands-dialog[data-v-2c5fbc45]{height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));max-height:none;border-radius:20px}.commands-head[data-v-2c5fbc45]{min-height:74px;padding:12px;grid-template-columns:40px minmax(0,1fr) auto}.commands-head__mark[data-v-2c5fbc45]{width:40px;height:40px;border-radius:12px}.commands-head__copy h2[data-v-2c5fbc45]{font-size:1.05rem}.commands-head__copy p[data-v-2c5fbc45]{display:none}.commands-head__actions .new-command[data-v-2c5fbc45]{width:38px;padding:0;font-size:0}.commands-head__actions .new-command .v-icon[data-v-2c5fbc45]{font-size:17px!important}.command-row[data-v-2c5fbc45]{grid-template-columns:1fr;gap:7px}.command-slash[data-v-2c5fbc45]{width:max-content}.command-actions[data-v-2c5fbc45]{justify-content:flex-end}.commands-count[data-v-2c5fbc45]{display:none}.editor-scroll[data-v-2c5fbc45]{padding:12px}.editor-fields[data-v-2c5fbc45]{grid-template-columns:1fr}.field-label.full[data-v-2c5fbc45]{grid-column:auto}.sequence-section>header[data-v-2c5fbc45]{align-items:flex-start;flex-direction:column}.sequence-item[data-v-2c5fbc45]{grid-template-columns:25px 32px minmax(0,1fr)}.sequence-actions[data-v-2c5fbc45]{grid-column:2/-1;justify-content:flex-end}.codes-grid[data-v-2c5fbc45]{grid-template-columns:1fr}.editor-actions[data-v-2c5fbc45]{padding:10px 12px}.save-button[data-v-2c5fbc45]{flex:1}}
@media(prefers-reduced-motion:reduce){.command-row[data-v-2c5fbc45],.new-command[data-v-2c5fbc45],.save-button[data-v-2c5fbc45]{transition:none}}

.internal-surface[data-v-8591de04]{height:100%;min-height:0;position:relative;display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden;color:var(--foxie-ink);background:var(--foxie-surface);font-family:Inter,system-ui,sans-serif}.internal-surface.is-floating[data-v-8591de04]{width:min(760px,calc(100vw - 24px));height:min(690px,calc(100vh - 94px));grid-template-columns:300px minmax(0,1fr);border:1px solid var(--foxie-border);border-radius:20px;background:var(--foxie-surface-raised);box-shadow:0 30px 90px rgba(8,27,22,.26)}.thread-pane[data-v-8591de04],.conversation-pane[data-v-8591de04]{min-width:0;min-height:0}.thread-pane[data-v-8591de04]{position:relative;display:flex;flex-direction:column;border-right:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}.conversation-pane[data-v-8591de04]{position:relative;display:flex;flex-direction:column;background:var(--foxie-surface-soft)}.hidden[data-v-8591de04]{display:none!important}.pane-head[data-v-8591de04],.conversation-head[data-v-8591de04]{min-height:70px;padding:10px 12px;display:grid;align-items:center;gap:9px;border-bottom:1px solid var(--foxie-border);background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)}.pane-head[data-v-8591de04]{grid-template-columns:auto minmax(0,1fr) auto}.conversation-head[data-v-8591de04]{grid-template-columns:auto auto minmax(0,1fr) auto}.brand-mark[data-v-8591de04],.avatar[data-v-8591de04]{display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-weight:900}.brand-mark[data-v-8591de04]{width:38px;height:38px;border-radius:12px}.avatar[data-v-8591de04]{width:38px;height:38px;flex:0 0 38px;border-radius:12px}.avatar.large[data-v-8591de04]{width:40px;height:40px}.avatar img[data-v-8591de04]{width:100%;height:100%;object-fit:cover}.avatar.group[data-v-8591de04]{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));border:1px solid color-mix(in srgb,var(--foxie-accent) 20%,var(--foxie-border))}.pane-head>div[data-v-8591de04]:nth-child(2),.conversation-title[data-v-8591de04]{min-width:0;display:grid}.pane-head small[data-v-8591de04],.conversation-title small[data-v-8591de04],.group-manager small[data-v-8591de04],.group-create-modal header small[data-v-8591de04]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.09em}.pane-head strong[data-v-8591de04],.conversation-title strong[data-v-8591de04]{font-size:.82rem}.pane-head span[data-v-8591de04],.conversation-title span[data-v-8591de04]{margin-top:1px;color:var(--foxie-muted);font-size:12px}.pane-head>button[data-v-8591de04],.conversation-actions button[data-v-8591de04],.back-button[data-v-8591de04]{width:34px;height:34px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.conversation-actions[data-v-8591de04]{display:flex;gap:5px}.thread-actions[data-v-8591de04]{padding:10px 10px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.thread-actions button[data-v-8591de04]{height:34px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:800}.thread-actions .primary-action[data-v-8591de04]{color:#fff;border-color:var(--foxie-accent);background:var(--foxie-accent)}.thread-search[data-v-8591de04]{height:36px;margin:8px 10px;flex:0 0 auto;padding:0 9px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.thread-search input[data-v-8591de04],.new-conversation-box input[data-v-8591de04],.group-name input[data-v-8591de04],.group-manager-name input[data-v-8591de04]{min-width:0;width:100%;border:0;outline:0;color:var(--foxie-ink);background:transparent;font-size:12px}.thread-list[data-v-8591de04]{min-height:0;overflow:auto;padding:0 6px 8px}.thread-row[data-v-8591de04]{width:100%;min-height:62px;padding:7px 6px;border:0;border-radius:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:var(--foxie-ink);background:transparent}.thread-row[data-v-8591de04]:hover,.thread-row.active[data-v-8591de04]{background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))}.thread-copy[data-v-8591de04]{min-width:0;display:grid}.thread-copy strong[data-v-8591de04]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.thread-copy small[data-v-8591de04]{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.thread-meta[data-v-8591de04]{display:grid;justify-items:end;gap:5px}.thread-meta time[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.thread-meta b[data-v-8591de04]{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);font-size:12px}.thread-empty[data-v-8591de04],.conversation-empty[data-v-8591de04]{margin:auto;padding:28px;display:grid;justify-items:center;text-align:center;color:var(--foxie-muted)}.thread-empty strong[data-v-8591de04],.conversation-empty strong[data-v-8591de04]{margin-top:8px;color:var(--foxie-ink);font-size:12px}.thread-empty small[data-v-8591de04],.conversation-empty p[data-v-8591de04]{margin:5px 0 0;font-size:12px;line-height:1.5}.conversation-empty>span[data-v-8591de04]{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))}.new-conversation-box[data-v-8591de04]{position:absolute;z-index:12;left:10px;right:10px;top:194px;padding:8px;border:1px solid var(--foxie-border);border-radius:13px;background:var(--foxie-surface-raised);box-shadow:0 18px 45px rgba(8,27,22,.18)}.new-conversation-box header[data-v-8591de04]{display:flex;align-items:center;justify-content:space-between}.new-conversation-box header strong[data-v-8591de04]{font-size:12px}.new-conversation-box header button[data-v-8591de04]{width:27px;height:27px;border:0;border-radius:7px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}.new-conversation-box>label[data-v-8591de04]{height:32px;margin:5px 0;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--foxie-border);border-radius:8px}.new-conversation-box>div[data-v-8591de04]{max-height:250px;overflow:auto}.new-conversation-box>div>button[data-v-8591de04],.add-member-list>button[data-v-8591de04]{width:100%;padding:6px;border:0;border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}.new-conversation-box>div>button[data-v-8591de04]:hover,.add-member-list>button[data-v-8591de04]:hover{background:var(--foxie-surface-soft)}.new-conversation-box button>span[data-v-8591de04]:nth-child(2),.add-member-list button>span[data-v-8591de04]:nth-child(2){min-width:0;display:grid}.new-conversation-box button strong[data-v-8591de04],.add-member-list button strong[data-v-8591de04]{font-size:12px}.new-conversation-box button small[data-v-8591de04],.add-member-list button small[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.new-conversation-box p[data-v-8591de04]{margin:12px;text-align:center;color:var(--foxie-muted);font-size:12px}.message-area[data-v-8591de04]{min-height:0;flex:1;padding:16px 18px 18px;overflow:auto;scroll-behavior:smooth}.messages-loading[data-v-8591de04]{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:var(--foxie-muted);font-size:12px}.date-separator[data-v-8591de04]{margin:8px 0 14px;display:flex;justify-content:center}.date-separator span[data-v-8591de04]{padding:4px 8px;border:1px solid var(--foxie-border);border-radius:999px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px}.message-row[data-v-8591de04]{max-width:78%;margin:5px 0;display:flex;gap:6px;align-items:flex-end}.message-row.mine[data-v-8591de04]{margin-left:auto;justify-content:flex-end}.message-row.focused .message-bubble[data-v-8591de04]{animation:messageFocus-8591de04 1.4s ease}.message-avatar[data-v-8591de04]{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:12px}.message-shell[data-v-8591de04]{min-width:0;display:grid}.message-author[data-v-8591de04]{margin:0 0 2px 5px;font-size:12px;font-weight:900}.message-bubble[data-v-8591de04]{min-width:110px;padding:7px 8px 5px;border:1px solid var(--foxie-border);border-radius:12px 12px 12px 3px;background:var(--foxie-surface-raised);box-shadow:0 4px 14px rgba(8,27,22,.04)}.message-row.mine .message-bubble[data-v-8591de04]{border-color:color-mix(in srgb,var(--foxie-accent) 19%,var(--foxie-border));border-radius:12px 12px 3px 12px;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))}.message-bubble>p[data-v-8591de04]{margin:4px 2px 2px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.48}.message-bubble footer[data-v-8591de04]{margin-top:4px;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--foxie-muted);font-size:12px}.message-actions[data-v-8591de04]{display:flex;gap:1px}.message-actions>button[data-v-8591de04],.message-actions[data-v-8591de04] .v-btn{width:21px;height:19px;border:0;border-radius:6px;display:grid;place-items:center;opacity:.2;color:var(--foxie-muted);background:transparent}.message-row:hover .message-actions>button[data-v-8591de04],.message-row:hover .message-actions[data-v-8591de04] .v-btn{opacity:1}.reply-quote[data-v-8591de04]{width:100%;padding:5px 6px;border:0;border-left:3px solid var(--foxie-accent);border-radius:7px;text-align:left;color:var(--foxie-ink);background:var(--foxie-surface-soft)}.reply-quote small[data-v-8591de04]{display:block;color:var(--foxie-accent);font-size:12px;font-weight:850}.reply-quote span[data-v-8591de04]{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-image[data-v-8591de04]{max-width:360px;padding:0;border:0;border-radius:9px;overflow:hidden;background:transparent}.media-image img[data-v-8591de04]{display:block;width:100%;max-height:320px;object-fit:contain;background:var(--foxie-surface-soft)}.media-video[data-v-8591de04]{position:relative;max-width:380px}.media-video video[data-v-8591de04]{display:block;width:100%;max-height:300px;border-radius:9px;background:#000}.media-video button[data-v-8591de04]{position:absolute;right:6px;top:6px;height:27px;padding:0 7px;border:0;border-radius:8px;display:flex;align-items:center;gap:4px;color:#fff;background:rgba(0,0,0,.55);font-size:12px}.media-audio[data-v-8591de04]{min-width:250px;display:grid;gap:5px}.media-audio>div[data-v-8591de04]{display:flex;align-items:center;gap:5px;color:var(--foxie-accent);font-size:12px}.media-audio audio[data-v-8591de04]{width:100%;height:34px}.media-file[data-v-8591de04]{width:min(360px,100%);padding:7px;border:1px solid var(--foxie-border);border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;text-align:left;color:var(--foxie-ink);background:var(--foxie-surface-soft)}.media-file>span[data-v-8591de04]{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-raised)}.media-file>div[data-v-8591de04]{min-width:0;display:grid}.media-file strong[data-v-8591de04]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-file small[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.composer-area[data-v-8591de04]{padding:8px 12px 10px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}.composer-area>small[data-v-8591de04]{display:block;margin:5px 4px 0;color:var(--foxie-muted);font-size:12px}.composer-box[data-v-8591de04]{min-height:44px;padding:4px 5px;border:1px solid var(--foxie-border);border-radius:13px;display:flex;align-items:flex-end;gap:2px;background:var(--foxie-surface-soft)}.composer-box textarea[data-v-8591de04]{min-height:34px;max-height:120px;flex:1;padding:8px 5px;border:0;outline:0;resize:none;color:var(--foxie-ink);background:transparent;font:inherit;font-size:12px;line-height:1.4}.composer-icon[data-v-8591de04],.composer-send[data-v-8591de04]{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}.composer-icon[data-v-8591de04]:hover,.composer-icon.active[data-v-8591de04]{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))}.composer-send[data-v-8591de04]{color:#fff;background:var(--foxie-accent)}.composer-icon.mic[data-v-8591de04]{color:var(--foxie-accent)}.composer-icon.danger[data-v-8591de04]{color:#d34e4e}.emoji-anchor[data-v-8591de04]{position:relative}.emoji-picker[data-v-8591de04]{width:260px;position:absolute;z-index:30;left:-38px;bottom:42px;padding:7px;border:1px solid var(--foxie-border);border-radius:13px;background:var(--foxie-surface-raised);box-shadow:0 18px 48px rgba(8,27,22,.2)}.emoji-picker header[data-v-8591de04]{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 6px}.emoji-picker header strong[data-v-8591de04]{font-size:12px}.emoji-picker header button[data-v-8591de04]{width:24px;height:24px;border:0;border-radius:7px;color:var(--foxie-muted);background:transparent}.emoji-picker>div[data-v-8591de04]{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.emoji-picker>div button[data-v-8591de04]{aspect-ratio:1;border:0;border-radius:8px;background:transparent;font-size:1.05rem}.emoji-picker>div button[data-v-8591de04]:hover{background:var(--foxie-surface-soft)}.pending-files[data-v-8591de04]{max-height:104px;margin-bottom:6px;display:flex;gap:6px;overflow:auto}.pending-files article[data-v-8591de04]{min-width:180px;max-width:250px;padding:6px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;background:var(--foxie-surface-soft)}.pending-files article>span[data-v-8591de04]{color:var(--foxie-accent)}.pending-files article>div[data-v-8591de04]{min-width:0;display:grid}.pending-files strong[data-v-8591de04]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pending-files small[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.pending-files button[data-v-8591de04],.replying-bar>button[data-v-8591de04]{width:24px;height:24px;border:0;border-radius:7px;color:var(--foxie-muted);background:transparent}.replying-bar[data-v-8591de04]{margin-bottom:6px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border));border-left:3px solid var(--foxie-accent);border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}.replying-bar>span[data-v-8591de04]{color:var(--foxie-accent)}.replying-bar>div[data-v-8591de04]{min-width:0;display:grid}.replying-bar small[data-v-8591de04]{color:var(--foxie-accent);font-size:12px;font-weight:850}.replying-bar strong[data-v-8591de04]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.recording-state[data-v-8591de04]{min-height:34px;flex:1;display:flex;align-items:center;gap:7px;padding:0 6px;color:#d34e4e}.recording-state i[data-v-8591de04]{width:7px;height:7px;border-radius:50%;background:#d34e4e;animation:recPulse-8591de04 1s ease-in-out infinite}.recording-state strong[data-v-8591de04]{font-size:12px}.recording-state span[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.drop-overlay[data-v-8591de04]{position:absolute;z-index:100;inset:10px;border:2px dashed color-mix(in srgb,var(--foxie-accent) 60%,var(--foxie-border));border-radius:17px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised));backdrop-filter:blur(10px);pointer-events:none}.drop-overlay>span[data-v-8591de04]{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-raised)}.drop-overlay strong[data-v-8591de04]{font-size:.75rem}.drop-overlay small[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.group-manager[data-v-8591de04]{position:absolute;z-index:25;top:70px;right:8px;width:min(330px,calc(100% - 16px));max-height:calc(100% - 84px);padding:9px;border:1px solid var(--foxie-border);border-radius:13px;overflow:auto;background:var(--foxie-surface-raised);box-shadow:0 20px 55px rgba(8,27,22,.2)}.group-manager>header[data-v-8591de04]{display:flex;align-items:center;justify-content:space-between}.group-manager>header>div[data-v-8591de04]{display:grid}.group-manager header strong[data-v-8591de04]{font-size:12px}.group-manager header button[data-v-8591de04]{width:28px;height:28px;border:0;border-radius:8px;color:var(--foxie-muted);background:transparent}.group-manager-name[data-v-8591de04]{margin:8px 0;padding:4px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;background:var(--foxie-surface-soft)}.group-manager-name input[data-v-8591de04]{padding:0 5px}.group-manager-name button[data-v-8591de04]{height:28px;border:0;border-radius:7px;color:#fff;background:var(--foxie-accent);font-size:12px;font-weight:800}.group-members-list[data-v-8591de04]{display:grid;gap:3px}.group-members-list>div[data-v-8591de04]{padding:5px;border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.group-members-list>div[data-v-8591de04]:hover{background:var(--foxie-surface-soft)}.group-members-list>div>span[data-v-8591de04]:nth-child(2){min-width:0;display:grid}.group-members-list strong[data-v-8591de04]{font-size:12px}.group-members-list small[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.group-members-list button[data-v-8591de04]{width:28px;height:28px;border:0;border-radius:8px;color:#cc5454;background:transparent}.add-members[data-v-8591de04],.leave-group[data-v-8591de04]{width:100%;height:33px;margin-top:7px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:800}.leave-group[data-v-8591de04]{color:#cc5454}.add-member-list[data-v-8591de04]{max-height:180px;margin-top:5px;overflow:auto}.media-viewer[data-v-8591de04],.modal-layer[data-v-8591de04]{position:absolute;z-index:120;inset:0}.media-viewer[data-v-8591de04]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);backdrop-filter:blur(12px)}.media-viewer>header[data-v-8591de04]{min-height:62px;padding:10px 12px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between}.media-viewer>header>div[data-v-8591de04]{min-width:0;display:grid}.media-viewer header small[data-v-8591de04]{color:var(--foxie-accent);font-size:12px;font-weight:900}.media-viewer header strong[data-v-8591de04]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-viewer header button[data-v-8591de04]{width:34px;height:34px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.viewer-stage[data-v-8591de04]{min-height:0;padding:12px;display:grid;place-items:center;overflow:auto;background:var(--foxie-surface-soft)}.viewer-stage>img[data-v-8591de04],.viewer-stage>video[data-v-8591de04]{display:block;max-width:100%;max-height:100%;object-fit:contain}.viewer-stage>audio[data-v-8591de04]{width:min(520px,90%)}.viewer-stage>iframe[data-v-8591de04]{width:100%;height:100%;border:0;border-radius:8px;background:#fff}.viewer-file[data-v-8591de04]{text-align:center}.viewer-file>span[data-v-8591de04]{width:80px;height:80px;margin:auto;border-radius:22px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-raised)}.viewer-file strong[data-v-8591de04],.viewer-file small[data-v-8591de04]{display:block;margin-top:6px}.viewer-file p[data-v-8591de04]{max-width:360px;color:var(--foxie-muted);font-size:12px}.media-viewer>footer[data-v-8591de04]{min-height:48px;padding:8px 12px;border-top:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;color:var(--foxie-muted);font-size:12px}.media-viewer>footer a[data-v-8591de04]{height:32px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;align-items:center;gap:5px;color:var(--foxie-ink);text-decoration:none;background:var(--foxie-surface-soft)}.modal-layer[data-v-8591de04]{display:grid;place-items:center;padding:18px;background:color-mix(in srgb,var(--foxie-surface) 70%,transparent);backdrop-filter:blur(9px)}.group-create-modal[data-v-8591de04]{width:min(480px,100%);max-height:100%;padding:12px;border:1px solid var(--foxie-border);border-radius:17px;overflow:auto;background:var(--foxie-surface-raised);box-shadow:0 24px 70px rgba(8,27,22,.22)}.group-create-modal>header[data-v-8591de04]{display:flex;align-items:center;justify-content:space-between}.group-create-modal header>div[data-v-8591de04]{display:grid}.group-create-modal header strong[data-v-8591de04]{font-size:.75rem}.group-create-modal header>button[data-v-8591de04]{width:32px;height:32px;border:0;border-radius:9px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.group-name[data-v-8591de04]{margin-top:12px;display:grid;gap:4px}.group-name span[data-v-8591de04]{font-size:12px;font-weight:800}.group-name input[data-v-8591de04]{height:38px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft)}.group-select[data-v-8591de04]{margin-top:12px;display:grid;gap:3px}.group-select>small[data-v-8591de04]{margin-bottom:3px;color:var(--foxie-muted);font-size:12px;font-weight:900}.group-select label[data-v-8591de04]{padding:5px;border-radius:9px;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px;align-items:center}.group-select label[data-v-8591de04]:hover{background:var(--foxie-surface-soft)}.group-select label>span[data-v-8591de04]:nth-child(3){display:grid}.group-select strong[data-v-8591de04]{font-size:12px}.group-select small[data-v-8591de04]{color:var(--foxie-muted);font-size:12px}.group-create-modal>footer[data-v-8591de04]{margin-top:12px;display:flex;justify-content:flex-end;gap:6px}.group-create-modal>footer button[data-v-8591de04]{height:34px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:9px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:800}.group-create-modal>footer .primary[data-v-8591de04]{border-color:var(--foxie-accent);color:#fff;background:var(--foxie-accent)}.panel-pop-enter-active[data-v-8591de04],.panel-pop-leave-active[data-v-8591de04],.viewer-fade-enter-active[data-v-8591de04],.viewer-fade-leave-active[data-v-8591de04],.drop-fade-enter-active[data-v-8591de04],.drop-fade-leave-active[data-v-8591de04]{transition:.16s ease}.panel-pop-enter-from[data-v-8591de04],.panel-pop-leave-to[data-v-8591de04]{opacity:0;transform:translateY(-5px)}.viewer-fade-enter-from[data-v-8591de04],.viewer-fade-leave-to[data-v-8591de04],.drop-fade-enter-from[data-v-8591de04],.drop-fade-leave-to[data-v-8591de04]{opacity:0}@keyframes recPulse-8591de04{50%{opacity:.5;transform:scale(.88)}}@keyframes messageFocus-8591de04{30%,70%{box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 28%,transparent)}}
@media(max-width:900px){.internal-surface.is-page[data-v-8591de04]{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:700px){.internal-surface.is-page[data-v-8591de04],.internal-surface.is-floating[data-v-8591de04]{width:100%;height:100%;grid-template-columns:1fr;border-radius:0}.internal-surface.is-page .thread-pane[data-v-8591de04]{display:none}.internal-surface.is-page:not(.has-channel) .thread-pane[data-v-8591de04]{display:flex}.internal-surface.is-page:not(.has-channel) .conversation-pane[data-v-8591de04]{display:none}.message-row[data-v-8591de04]{max-width:92%}.thread-actions[data-v-8591de04]{grid-template-columns:1fr 1fr}.emoji-picker[data-v-8591de04]{left:-42px}.message-area[data-v-8591de04]{padding:12px 9px}.conversation-head[data-v-8591de04]{padding:8px}.media-image[data-v-8591de04]{max-width:280px}}
.archive-tabs[data-v-8591de04]{padding:0 10px 7px;display:flex;gap:4px}.archive-tabs button[data-v-8591de04]{flex:1;height:29px;border:0;border-radius:8px;color:var(--foxie-muted);background:transparent;font-size:12px;font-weight:800}.archive-tabs button.active[data-v-8591de04]{color:var(--foxie-accent);background:var(--foxie-surface-soft)}.thread-menu[data-v-8591de04]{width:22px;height:20px;border:0!important;background:transparent!important}.internal-surface.details-open[data-v-8591de04]{grid-template-columns:310px minmax(0,1fr) 300px}.internal-surface.is-floating.details-open[data-v-8591de04]{width:min(1080px,calc(100vw - 24px));grid-template-columns:285px minmax(0,1fr) 280px}.conversation-actions .slash-head[data-v-8591de04]{font-size:1rem}.conversation-actions button.active[data-v-8591de04]{color:var(--foxie-accent)}.presence-dot[data-v-8591de04]{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid var(--foxie-surface-raised);border-radius:50%;background:#27b979}.member-admin[data-v-8591de04]{display:flex!important;gap:3px!important}.member-admin select[data-v-8591de04]{max-width:90px;height:26px;border:1px solid var(--foxie-border);border-radius:7px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px}.member-admin button[data-v-8591de04]{width:26px!important;height:26px!important}.member-admin button.active[data-v-8591de04]{color:#7756e8!important}.message-author[data-v-8591de04]{display:flex;align-items:center;gap:5px}.private-ai-label[data-v-8591de04]{width:max-content;margin:0 4px 3px auto;padding:2px 6px;border-radius:999px;color:#7756e8;background:color-mix(in srgb,#7756e8 8%,transparent);font-size:12px}.private-ai-author[data-v-8591de04]{margin:0 4px 3px;display:flex;align-items:center;gap:4px;color:#7756e8;font-size:12px;font-weight:900}@media(max-width:1050px){.internal-surface.details-open[data-v-8591de04]{grid-template-columns:280px minmax(0,1fr) 270px}}@media(max-width:760px){.internal-surface.details-open[data-v-8591de04]{grid-template-columns:1fr}}
.workspace-ai-message-avatar[data-v-8591de04]{width:32px;height:32px;align-self:flex-start;margin-top:1px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:var(--foxie-surface-raised);box-shadow:0 7px 22px color-mix(in srgb,var(--foxie-accent) 12%,transparent)}
.workspace-ai-message-avatar>img[data-v-8591de04]{width:100%;height:100%;object-fit:cover}
.workspace-ai-message-avatar[data-v-8591de04] .foxie-light-orb{transform:scale(.82)}
.private-ai-author small[data-v-8591de04]{margin-left:2px;color:var(--foxie-muted);font-size:12px;font-weight:650}
.workspace-ai-member[data-v-8591de04]{border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface-raised))}
.workspace-ai-member__avatar[data-v-8591de04]{overflow:hidden!important;background:var(--foxie-surface-soft)!important}
.workspace-ai-member__avatar>img[data-v-8591de04]{width:100%;height:100%;object-fit:cover}.workspace-ai-member__avatar[data-v-8591de04] .foxie-light-orb{transform:scale(.72)}
.workspace-ai-member__status[data-v-8591de04]{display:flex!important;align-items:center!important;gap:4px!important;color:var(--foxie-muted)!important;font-size:12px!important}.workspace-ai-member__status i[data-v-8591de04]{width:6px;height:6px;border-radius:50%;background:#27b979;box-shadow:0 0 8px rgba(39,185,121,.45)}
.foxie-ai-row[data-v-8591de04]{margin-left:0!important;align-items:flex-start!important}.foxie-ai-row .message-bubble[data-v-8591de04]{border-color:rgba(245,130,32,.3);background:linear-gradient(135deg,color-mix(in srgb,#fff 93%,#f58220),var(--foxie-surface-raised));box-shadow:0 7px 22px rgba(245,130,32,.1)}.foxie-message-light[data-v-8591de04]{align-self:flex-start!important;margin-top:1px}.foxie-status-dot[data-v-8591de04]{width:6px;height:6px;border-radius:50%;background:#f58220;box-shadow:0 0 8px #f58220}.foxie-ai-row .private-ai-author[data-v-8591de04]{color:#d96708}
.thread-actions[data-v-8591de04]:has(>button:nth-child(3)){grid-template-columns:1fr 1fr}.thread-actions:has(>button:nth-child(3))>button[data-v-8591de04]:last-child{grid-column:1/-1}.ai-permission-box>small[data-v-8591de04]{display:block;padding:5px 2px 8px;color:var(--foxie-muted);font-size:12px;line-height:1.45}.ai-permission-box article[data-v-8591de04]{min-width:0;padding:6px 3px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}.ai-permission-box article>span[data-v-8591de04]:nth-child(2){min-width:0;display:grid;justify-items:start;overflow:hidden}.ai-permission-actions[data-v-8591de04]{display:flex;gap:3px}.ai-permission-actions button[data-v-8591de04]{height:25px!important;width:auto!important;padding:0 6px!important;border:1px solid var(--foxie-border)!important;border-radius:7px!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important;font-size:12px!important;font-weight:850}.ai-permission-actions button.active[data-v-8591de04]{border-color:color-mix(in srgb,#f58220 45%,var(--foxie-border))!important;color:#d65e08!important;background:color-mix(in srgb,#f58220 8%,var(--foxie-surface-raised))!important}.ai-permission-actions button[data-v-8591de04]:disabled{opacity:.5}

/* foxie-internal-chat-presence-receipts-v1 */
.pane-head-copy[data-v-8591de04]{min-width:0;display:grid;align-content:center}
.pane-head-copy strong[data-v-8591de04]{font-size:.76rem;line-height:1.08}
.pane-head-copy small[data-v-8591de04]{margin-top:3px;color:var(--foxie-muted);font-size:12px;font-weight:850;letter-spacing:.06em}
.pane-head-close[data-v-8591de04]{width:29px;height:29px;border:1px solid var(--foxie-border);border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}
.thread-command-bar[data-v-8591de04]{flex:0 0 auto}
.thread-command-bar .thread-actions[data-v-8591de04]{display:flex}
.thread-command-bar .archive-tabs[data-v-8591de04]{display:flex}
.message-status-line[data-v-8591de04]{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.message-status-line>span[data-v-8591de04]:first-child{white-space:nowrap}
.message-delivery[data-v-8591de04]{display:inline-flex;align-items:center;gap:4px;color:var(--foxie-muted)}
.message-delivery.seen[data-v-8591de04]{color:var(--foxie-accent)}
.message-read-stack[data-v-8591de04]{display:flex;align-items:center;padding-left:4px}
.message-read-avatar[data-v-8591de04]{width:18px;height:18px;margin-left:-5px;border:2px solid var(--foxie-surface-raised);border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:12px;font-weight:950;box-shadow:0 1px 5px color-mix(in srgb,#000 12%,transparent)}
.message-row.mine .message-read-avatar[data-v-8591de04]{border-color:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))}
.message-read-avatar[data-v-8591de04]:first-child{margin-left:0}
.message-read-avatar img[data-v-8591de04]{width:100%;height:100%;object-fit:cover}
.message-read-avatar b[data-v-8591de04]{font-size:12px}
.message-read-avatar.more[data-v-8591de04]{overflow:visible;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px}
.message-bubble footer[data-v-8591de04]{gap:5px}
.message-bubble footer>.message-status-line[data-v-8591de04]{flex:1}
@media(max-width:700px){
.thread-command-bar[data-v-8591de04]{margin-left:6px;margin-right:6px}
.thread-command-bar .archive-tabs button span[data-v-8591de04]{display:none}
.thread-command-bar .archive-tabs button[data-v-8591de04]{width:30px!important;padding:0!important}
.message-read-avatar[data-v-8591de04]{width:17px;height:17px}
}


/* foxie-internal-chat-collapsible-pane-v2 */
.internal-surface.is-page[data-v-8591de04]{
  transition:grid-template-columns .24s cubic-bezier(.2,.72,.2,1);
}
.internal-surface.is-page.sidebar-collapsed[data-v-8591de04]{
  display:flex!important;
  grid-template-columns:none!important;
}
.internal-surface.is-page.sidebar-collapsed .thread-pane[data-v-8591de04]{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  flex:0 0 0!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}
.internal-surface.is-page.sidebar-collapsed .conversation-pane[data-v-8591de04]{
  width:100%!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
.internal-surface.is-page.sidebar-collapsed.details-open .conversation-pane[data-v-8591de04]{
  width:auto!important;
}
.internal-surface.is-page.sidebar-collapsed.details-open[data-v-8591de04] .details{
  flex:0 0 300px!important;
}
.internal-surface .thread-search-top[data-v-8591de04]{
  height:34px!important;
  min-height:34px!important;
  margin:6px 8px 3px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  flex:0 0 34px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.internal-surface .thread-search-top input[data-v-8591de04]{
  min-width:0!important;
  flex:1 1 auto!important;
}
.internal-surface .thread-search-top>button[data-v-8591de04]{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--foxie-muted)!important;
  background:transparent!important;
}
.internal-surface .thread-search-top>button[data-v-8591de04]:hover{
  color:var(--foxie-ink)!important;
  background:var(--foxie-surface-raised)!important;
}
.internal-surface .thread-command-bar[data-v-8591de04]{
  margin:3px 8px 5px!important;
  padding:3px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 76%,transparent)!important;
  border-radius:10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:4px!important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 58%,transparent)!important;
  overflow:hidden!important;
}
.internal-surface .thread-command-bar .thread-actions[data-v-8591de04]{
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
}
.internal-surface .thread-command-bar .thread-actions>button[data-v-8591de04]{
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
}
.internal-surface .thread-command-bar .thread-actions>.compact-label[data-v-8591de04]{
  width:auto!important;
  min-width:0!important;
  padding:0 8px!important;
  gap:5px!important;
}
.internal-surface .thread-command-bar .thread-actions>.compact-icon[data-v-8591de04]{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
}
.internal-surface .thread-command-bar .archive-tabs[data-v-8591de04]{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:2px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 56%,transparent)!important;
  border-radius:8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:2px!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 42%,transparent)!important;
}
.internal-surface .thread-command-bar .archive-tabs button[data-v-8591de04]{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 5px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
.internal-surface .thread-command-bar .archive-tabs button span[data-v-8591de04]{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
.internal-surface .thread-command-bar .compact-label span[data-v-8591de04]{display:none!important}
.internal-surface .thread-command-bar .thread-actions>.compact-label[data-v-8591de04]{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    padding:0!important;
}
}


/* foxie-internal-chat-command-and-header-menu-v3 */
.internal-surface .thread-command-bar[data-v-8591de04]{
  margin:4px 8px 7px!important;
  padding:6px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
  overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 76%,transparent)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 62%,transparent)!important;
}
.internal-surface .thread-command-bar .thread-actions[data-v-8591de04]{
  width:100%!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.internal-surface .thread-command-bar .thread-actions.has-ai-action[data-v-8591de04]{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.internal-surface .thread-command-bar .thread-actions>button[data-v-8591de04],
.internal-surface .thread-command-bar .thread-actions>button[data-v-8591de04]:last-child{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  grid-column:auto!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent)!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--foxie-muted)!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:none!important;
}
.internal-surface .thread-command-bar .thread-actions>button[data-v-8591de04]:hover{
  color:var(--foxie-accent)!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised))!important;
}
.internal-surface .thread-command-bar .thread-actions>.primary-action[data-v-8591de04]{
  color:#fff!important;
  border-color:var(--foxie-accent)!important;
  background:var(--foxie-accent)!important;
}
.internal-surface .thread-command-bar .archive-tabs[data-v-8591de04]{
  width:100%!important;
  margin:0!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:3px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 58%,transparent)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 52%,transparent)!important;
}
.internal-surface .thread-command-bar .archive-tabs button[data-v-8591de04]{
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:850!important;
}
.internal-surface .thread-command-bar .archive-tabs button span[data-v-8591de04]{
  display:inline!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.conversation-header-tools[data-v-8591de04]{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  justify-self:end;
}
.conversation-music-slot[data-v-8591de04]{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.conversation-actions[data-v-8591de04]{
  position:relative!important;
  display:block!important;
  justify-self:end!important;
}
.conversation-actions>.conversation-actions-trigger[data-v-8591de04]{
  width:36px!important;
  height:36px!important;
  border:1px solid var(--foxie-border)!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--foxie-muted)!important;
  background:var(--foxie-surface-soft)!important;
}
.conversation-actions>.conversation-actions-trigger[data-v-8591de04]:hover,
.conversation-actions>.conversation-actions-trigger.active[data-v-8591de04]{
  color:var(--foxie-accent)!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 36%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))!important;
}
.conversation-action-menu[data-v-8591de04]{
  position:fixed!important;
  z-index:2147483647!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  width:238px;
  max-height:min(520px,calc(100vh - 20px));
  padding:7px;
  border:1px solid color-mix(in srgb,var(--foxie-border) 86%,transparent);
  border-radius:14px;
  display:none;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  color:var(--foxie-ink);
  background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);
  box-shadow:0 22px 58px rgba(6,24,18,.22),0 1px 0 color-mix(in srgb,#fff 42%,transparent) inset;
  backdrop-filter:blur(18px) saturate(1.06);
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
  pointer-events:auto!important;
  transform:none!important;
}
.conversation-action-menu[data-v-8591de04]:popover-open,
.conversation-action-menu.open[data-v-8591de04]{display:grid;gap:3px}
.conversation-action-menu[data-v-8591de04]::backdrop{background:transparent}
.conversation-action-menu>button[data-v-8591de04]{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  justify-items:start!important;
  text-align:left!important;
  color:var(--foxie-ink)!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:none!important;
}
.conversation-action-menu>button[data-v-8591de04]:hover,
.conversation-action-menu>button.active[data-v-8591de04]{
  color:var(--foxie-accent)!important;
  background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important;
}
.conversation-action-menu>button>span[data-v-8591de04]{min-width:0}
.conversation-runtime-actions[data-v-8591de04]{
  min-width:0;
  display:grid;
  gap:3px;
  margin-top:4px;
  padding-top:6px;
  border-top:1px solid color-mix(in srgb,var(--foxie-border) 70%,transparent);
}
.conversation-runtime-actions[data-v-8591de04]:empty{display:none}
[data-v-8591de04] .conversation-runtime-actions>button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  justify-items:start!important;
  text-align:left!important;
  color:var(--foxie-ink)!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.15!important;
  box-shadow:none!important;
}
[data-v-8591de04] .conversation-runtime-actions>button:hover,[data-v-8591de04] .conversation-runtime-actions>button.active{
  color:var(--foxie-accent)!important;
  background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important;
}
[data-v-8591de04] .conversation-runtime-actions>button::after{
  content:attr(title);
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:inherit;
}
[data-v-8591de04] .conversation-runtime-actions>button>i{
  width:22px;
  display:grid;
  place-items:center;
  font-size:16px!important;
}
@media(max-width:700px){
.conversation-action-menu[data-v-8591de04]{width:min(238px,calc(100vw - 16px))}
}

/* Deliberately scoped: roles, theme colors and the native message list remain authoritative. */
.fc-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:34px;min-height:34px;padding:7px 9px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-raised);font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}
.fc-tool .mdi{font-size:18px}.fc-tool:hover{color:var(--foxie-accent);border-color:var(--foxie-accent)}.fc-tool:disabled{opacity:.5;cursor:wait}
.conversation-runtime-actions>.fc-tool{width:100%;justify-content:flex-start}.project-collab-bar>.fc-tool span,.collaboration-toolbar>.fc-tool span{display:none}
.fc-polished .message-avatar,.fc-avatar{width:34px;height:34px;min-width:34px;max-width:34px;aspect-ratio:1;border-radius:50%;overflow:hidden;flex-shrink:0;display:inline-grid;place-items:center;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:700}
.fc-polished .message-avatar img,.fc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.fc-polished [data-fc-profile]{cursor:pointer}.fc-polished [data-fc-profile]:hover{text-decoration:underline;text-underline-offset:3px}
.fc-polished .media-image img{max-height:340px;object-fit:contain;border-radius:12px}.fc-polished .fc-sticker .message-bubble{background:transparent!important;box-shadow:none;border:0!important;padding:4px}.fc-polished .fc-sticker .media-image{background:transparent!important;box-shadow:none!important;border:0!important}.fc-polished .fc-sticker .media-image img{width:150px;height:150px;object-fit:contain;border-radius:0}
.fc-polished .fc-structured-message .message-bubble>p{display:none}.fc-message-moderation{display:flex;justify-content:flex-end;gap:5px}.fc-message-moderation:empty{display:none}.fc-message-moderation button{padding:3px 6px;border:0;border-radius:6px;background:transparent;color:var(--foxie-muted);font-size:15px;cursor:pointer}.fc-message-moderation button:hover{background:var(--foxie-surface-soft);color:var(--foxie-accent)}
.fc-poll{width:min(330px,100%);display:flex;flex-direction:column;gap:8px;padding:3px 0}.fc-poll>header{display:flex;gap:8px;align-items:flex-start}.fc-poll>header>.mdi{color:var(--foxie-accent);font-size:19px}.fc-poll>header strong{font-size:14px;line-height:1.45}.fc-poll>small{font-size:12px;color:var(--foxie-muted)}
.fc-poll>button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface);color:var(--foxie-ink);font-size:13px;cursor:pointer}.fc-poll>button span{flex:1}.fc-poll>button[aria-pressed="true"]{border-color:var(--foxie-accent)}.fc-poll>button .mdi{color:var(--foxie-accent)}.fc-poll-fill{position:absolute;inset:0 auto 0 0;z-index:-1;background:color-mix(in srgb,var(--foxie-accent) 11%,transparent);transition:width .2s ease}
.fc-poll>footer{display:flex;justify-content:space-between;gap:12px;color:var(--foxie-muted);font-size:12px}.fc-poll>footer button{border:0;background:none;color:var(--foxie-accent);cursor:pointer;font-size:12px}
.fc-shared-resource{display:flex;align-items:center;gap:12px;width:min(350px,100%);min-height:64px;margin:4px 0;padding:12px;border:1px solid var(--foxie-border);border-radius:13px;color:var(--foxie-ink);background:var(--foxie-surface-raised);text-align:left;cursor:pointer}.fc-shared-resource>.mdi:first-child{font-size:24px;color:var(--foxie-accent)}.fc-shared-resource>span{flex:1;min-width:0;display:grid;gap:4px}.fc-shared-resource small{font-size:12px;color:var(--foxie-muted)}.fc-shared-resource strong{font-size:13px;overflow-wrap:anywhere}
.fc-custom-members .team-member-rail__body>:not([data-fc-owned="sections"]){display:none!important}[data-fc-owned="sections"]{padding:4px 7px}.fc-member-tools{display:flex;align-items:center;gap:5px;margin:3px 0 16px}.fc-member-tools>strong{flex:1;font-size:13px}.fc-member-tools>button,.fc-member-section header>button,.fc-member>button{border:0;border-radius:7px;width:28px;height:28px;background:transparent;color:var(--foxie-muted);cursor:pointer;font-size:16px}
.fc-member-section{margin:0 0 18px;border-radius:10px}.fc-member-section>header{display:flex;align-items:center;gap:6px;border:0;padding:5px 6px;margin-bottom:3px}.fc-member-section>header strong{flex:1;font-size:12px;color:var(--fc-section);overflow-wrap:anywhere}.fc-member-section>header small{color:var(--foxie-muted);font-size:12px}
.fc-member{display:flex;align-items:center;gap:3px;padding:4px;border-radius:10px;position:relative;isolation:isolate;overflow:hidden}.fc-member:hover{background:var(--foxie-surface-soft)}.fc-member>button[data-fc-profile]{display:flex;align-items:center;gap:9px;flex:1;min-width:0;width:auto;height:auto;min-height:38px;padding:0;text-align:left;color:var(--foxie-ink)}.fc-member>button[data-fc-profile]>span:last-child{display:grid;gap:3px;min-width:0}.fc-member strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-member small{font-size:12px;color:var(--foxie-muted)}.fc-member.has-member-banner>:not(.member-banner-surface){position:relative;z-index:2}.fc-member.has-member-banner .fc-member-banner{border-radius:10px}.fc-member.has-member-banner .fc-avatar-wrap{z-index:3}html[data-foxie-member-banners='on'] .fc-member.has-member-banner .fc-member-copy>strong{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.55)}html[data-foxie-member-banners='on'] .fc-member.has-member-banner .fc-member-copy>small{color:rgba(255,255,255,.8)!important;text-shadow:0 1px 5px rgba(0,0,0,.48)}html[data-foxie-member-banners='off'] .fc-member.has-member-banner .fc-member-banner{display:none!important}
.fc-dialog{padding:0;margin:auto;width:min(680px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 36px);border:1px solid var(--foxie-border);border-radius:20px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 28px 100px rgba(0,0,0,.25);overflow:hidden;font:inherit;font-size:13px;color-scheme:normal}
.fc-dialog[open]{display:flex;flex-direction:column}.fc-dialog::backdrop{background:rgba(9,18,25,.44);backdrop-filter:blur(5px)}.fc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;border-bottom:1px solid var(--foxie-border);flex-shrink:0}.fc-dialog-head small{color:var(--foxie-accent);font-size:12px;letter-spacing:.12em;font-weight:700}.fc-dialog h2{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.fc-dialog h3{margin:12px 0;font-size:14px}
.fc-dialog button,.fc-call button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--foxie-border);border-radius:9px;color:var(--foxie-ink);background:var(--foxie-surface);font:inherit;font-size:12px;cursor:pointer}.fc-dialog button:disabled,.fc-call button:disabled{opacity:.45;cursor:not-allowed}.fc-dialog button:hover,.fc-call button:hover{border-color:var(--foxie-accent)}.fc-dialog .fc-primary{background:var(--foxie-accent);border-color:var(--foxie-accent);color:var(--foxie-on-accent,#fff)}.fc-dialog .fc-danger{color:#d85161;border-color:currentColor}.fc-dialog-head>button{min-width:34px;border:0;background:transparent;font-size:19px}
.fc-form{display:flex;flex-direction:column;gap:17px;padding:22px;overflow:auto;overscroll-behavior:contain}.fc-form label{display:grid;gap:7px;color:var(--foxie-muted);font-size:12px}.fc-dialog input:not([type="checkbox"]),.fc-dialog select,.fc-dialog textarea{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface);color:var(--foxie-ink);font:inherit;font-size:13px}.fc-dialog input[type="color"]{padding:4px;height:40px}.fc-dialog textarea{resize:vertical;line-height:1.5;min-height:76px;max-height:180px}.fc-dialog input:disabled,.fc-dialog select:disabled{opacity:.55}
.fc-form label.fc-check{display:flex;align-items:center;gap:9px}.fc-check input{width:16px;height:16px;accent-color:var(--foxie-accent)}.fc-form fieldset{padding:13px;border:1px solid var(--foxie-border);border-radius:12px;margin:0}.fc-form legend{padding:0 6px;font-size:12px;color:var(--foxie-muted)}.fc-form footer,.fc-thread-form footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding-top:7px}.fc-form p{line-height:1.6;margin:0}.fc-poll-options{display:grid;gap:12px}.fc-error{margin:12px 22px 0;padding:10px 12px;border-radius:9px;background:color-mix(in srgb,#d85161 10%,var(--foxie-surface));color:#d85161;white-space:pre-wrap;font-size:13px;flex-shrink:0}.fc-error[hidden]{display:none}.fc-hint{color:var(--foxie-muted);font-size:12px;line-height:1.6}.fc-empty{padding:30px;text-align:center;color:var(--foxie-muted)}
.fc-section-fields{display:grid;grid-template-columns:minmax(140px,1fr) 75px 85px 85px;align-items:end;gap:12px}.fc-section-effect{grid-column:1/4}.fc-section-remove{justify-self:end}
.fc-sections-fields{display:grid;gap:13px}.fc-section-assignments{display:grid;gap:9px}.fc-section-assignments>label{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr);gap:12px;align-items:center}.fc-section-assignments>label>span{color:var(--foxie-ink)}.fc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fc-inline{display:flex;gap:8px;margin-top:12px}.fc-selected-person{display:flex;align-items:center;gap:10px}.fc-selected-person strong{flex:1}.fc-permissions{display:grid;gap:10px}.fc-permissions>small{font-size:12px;line-height:1.5;color:var(--foxie-muted)}
.fc-dialog:has(.fc-thread-feed){width:min(760px,calc(100vw - 28px));height:min(740px,calc(100dvh - 36px))}.fc-thread-root{padding:16px 22px;background:var(--foxie-surface-soft);border-bottom:1px solid var(--foxie-border);max-height:180px;overflow:auto;flex-shrink:0}.fc-thread-root p{margin:5px 0;white-space:pre-wrap;line-height:1.5}.fc-thread-root button{padding:4px 8px;min-height:28px;margin-top:7px}.fc-thread-feed{padding:15px 22px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:100px}.fc-thread-feed article{display:flex;gap:11px;margin:0 0 18px}.fc-thread-feed article>button{padding:0;align-self:flex-start;border:0;background:none}.fc-thread-feed article>div{flex:1;min-width:0}.fc-thread-feed article header{display:flex;gap:10px;align-items:center;margin:2px 0 5px}.fc-thread-feed time{font-size:12px;color:var(--foxie-muted)}.fc-thread-feed p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0}.fc-thread-feed img.fc-thread-image,.fc-thread-feed video{max-width:100%;max-height:250px;margin-top:8px;border-radius:10px;object-fit:contain}.fc-thread-feed audio{max-width:100%}.fc-thread-form{padding:15px 22px;border-top:1px solid var(--foxie-border)}.fc-thread-form footer{justify-content:space-between}.fc-shared-transcript{padding:20px 22px;overflow:auto}.fc-shared-transcript article{padding:15px 0;border-bottom:1px solid var(--foxie-border)}.fc-shared-transcript article p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.fc-call{position:fixed;right:18px;bottom:18px;z-index:3100;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;display:flex;flex-direction:column;border:1px solid var(--foxie-border);border-radius:17px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 20px 70px rgba(0,0,0,.24);font-size:13px}.fc-call>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--foxie-border)}.fc-call>header>div{display:flex;gap:4px}.fc-call>header button{border:0;background:none;padding:4px;min-width:27px;min-height:28px;font-size:17px}.fc-call [data-fc-action="call-leave"]{color:#d85161}.fc-call-state{margin:8px 14px;color:var(--foxie-muted);font-size:12px}.fc-call-grid{padding:5px 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fc-call-grid article{position:relative;min-height:125px;aspect-ratio:4/3;display:grid;place-items:center;background:var(--foxie-surface-soft);border-radius:12px;overflow:hidden}.fc-call-grid video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0}.fc-call-grid article.has-camera video{opacity:1}.fc-call-grid article>b{font-size:27px;color:var(--foxie-accent)}.fc-call-grid article.has-camera>b{visibility:hidden}.fc-call-grid article>small{position:absolute;left:7px;bottom:7px;right:7px;padding:4px 6px;border-radius:5px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-call>footer{display:flex;justify-content:center;gap:10px;padding:10px;border-top:1px solid var(--foxie-border)}.fc-call>footer button{min-width:42px;font-size:18px}.fc-call.is-minimized .fc-call-grid,.fc-call.is-minimized>footer{display:none}.fc-call.is-expanded{inset:5vh 5vw;width:auto;max-height:90dvh}.fc-call.is-expanded .fc-call-grid{flex:1}.fc-call.is-expanded .fc-call-grid article{aspect-ratio:auto;min-height:180px}.fc-call .fc-play{margin:8px 12px}.fc-call .fc-play[hidden]{display:none}
[data-fc-owned] :focus-visible,.fc-polished [data-fc-profile]:focus-visible{outline:2px solid var(--foxie-accent);outline-offset:3px}.inbox-v3 .conversation-actions>.fc-tool{display:inline-flex!important}.inbox-v3 .conversation-actions>.fc-tool span,.inbox-v3 .head-actions>.fc-tool span{display:none}
@keyframes fc-section-pulse{0%,100%{background:transparent}50%{background:color-mix(in srgb,var(--fc-section) 9%,transparent)}}
@media(max-width:600px){.fc-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:15px}.fc-dialog-head,.fc-form{padding:16px}.fc-dialog h2{font-size:18px}.fc-section-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fc-section-name{grid-column:1/-1}.fc-section-effect{grid-column:auto}.fc-section-remove{align-self:end}.fc-two-col{grid-template-columns:1fr}.fc-tool span{display:none}.conversation-runtime-actions>.fc-tool span{display:inline}.fc-dialog:has(.fc-thread-feed){width:calc(100vw - 16px);height:calc(100dvh - 24px)}.fc-thread-root,.fc-thread-feed,.fc-thread-form{padding:13px 15px}.fc-call{bottom:calc(12px + env(safe-area-inset-bottom));right:12px}.fc-call.is-expanded{inset:12px;width:auto;max-height:none}.fc-call.is-expanded .fc-call-grid{grid-template-columns:1fr;overflow:auto}}
@media(prefers-reduced-motion:reduce){.fc-member-section.effect-pulse>header{animation:none}.fc-poll-fill{transition:none}}

/* Unified compact stream: legacy controls remain owned by Vue, outside layout. */
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row):not(.foxie-call-summary-row){display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;margin:6px 0!important;padding:6px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;justify-content:start!important;isolation:isolate}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row):hover{background:color-mix(in srgb,var(--foxie-ink) 3%,transparent)!important}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row) .message-shell{display:block!important;min-width:0!important;width:100%!important;max-width:none!important;position:relative!important;justify-items:start!important;align-items:stretch!important;text-align:start!important}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble{display:block!important;min-width:0!important;min-height:0!important;max-width:100%!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;filter:none!important;overflow:visible!important}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble>p{margin:0!important;padding:0!important;font-size:14px!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;color:var(--foxie-ink)!important;text-align:start!important}
/* Human messages received in groups use the same compact bubble language as
   outgoing messages, without turning the stream into heavy chat cards. */
html body #app .internal-surface.fc-polished.fc-group-context .message-row.fc-stream-row:not(.fc-own-message):not(.fc-ai-identity):not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble{
  display:block!important;
  width:max-content!important;
  max-width:min(78%,720px)!important;
  min-width:0!important;
  margin-top:1px!important;
  padding:7px 10px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent)!important;
  border-radius:6px 14px 14px 14px!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--foxie-surface-soft))!important;
  box-shadow:0 3px 10px rgba(12,31,25,.035)!important;
  overflow:visible!important;
}
html[data-foxie-theme='dark'] body #app .internal-surface.fc-polished.fc-group-context .message-row.fc-stream-row:not(.fc-own-message):not(.fc-ai-identity):not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble{
  border-color:color-mix(in srgb,var(--foxie-border) 72%,transparent)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 96%,var(--foxie-surface-soft))!important;
  box-shadow:0 3px 12px rgba(0,0,0,.10)!important;
}
html body #app .internal-surface.fc-polished.fc-group-context .message-row.fc-stream-row.fc-role-message:not(.fc-own-message):not(.fc-ai-identity):not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble{
  border-color:var(--fc-message-role-border,var(--foxie-border))!important;
  border-style:var(--fc-message-role-border-style,solid)!important;
  background:var(--fc-message-role-bg,var(--foxie-surface-raised))!important;
  box-shadow:0 3px 12px color-mix(in srgb,var(--fc-message-role-color,var(--foxie-ink)) 8%,transparent)!important;
}
html body #app .internal-surface.fc-polished.fc-group-context .message-row.fc-stream-row.fc-role-message:not(.fc-own-message):not(.fc-ai-identity):not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble>p{
  color:var(--fc-message-role-text,var(--foxie-ink))!important;
}

html body #app .internal-surface.fc-polished.fc-group-context .message-row.fc-stream-row:not(.fc-own-message):not(.fc-ai-identity):not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble>p{
  margin:0!important;
  padding:0!important;
}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble>footer,
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .message-author,
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .private-ai-author,
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .private-ai-label,
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .foxie-message-tools{display:none!important}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .foxie-message-reactions:empty{display:none!important}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .foxie-message-reactions{justify-content:flex-start!important}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .message-avatar{margin:1px 0 0!important;width:36px!important;height:36px!important;min-width:36px!important;align-self:start!important;border-radius:50%!important}
.fc-message-avatar{width:36px;height:36px;margin-top:1px}.fc-message-avatar>button{display:block!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:50%!important;background:none!important}.fc-message-avatar .fc-avatar{width:36px;height:36px}
.fc-message-identity{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:2px;min-height:20px;margin-bottom:2px;line-height:1.35}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .fc-message-identity{justify-content:flex-start!important;text-align:start!important;margin-left:0!important;width:100%!important}
html body #app .internal-surface.fc-polished .fc-message-identity .fc-message-name{display:inline!important;min-width:0!important;width:auto!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;font-weight:650!important;line-height:1.35!important;color:var(--fc-name,var(--foxie-ink))!important;text-align:left;cursor:pointer}
.fc-message-identity time,.fc-message-identity>small{color:var(--foxie-muted);font-size:12px;line-height:1.35}.fc-message-identity time{white-space:nowrap}.fc-role-label{padding:1px 5px;border-radius:4px;font-size:12px;line-height:1.4;color:var(--fc-name);background:color-mix(in srgb,var(--fc-name) 9%,transparent)}.fc-delivery{color:var(--foxie-muted);font-size:13px;display:inline-flex}.fc-delivery.seen{color:var(--foxie-accent)}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row .fc-message-tools{position:absolute;right:0;top:-15px;z-index:7;display:flex;align-items:center;gap:1px;padding:3px;width:max-content;max-width:100%;height:34px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-raised);box-shadow:0 4px 14px rgba(0,0,0,.10);opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}
html body #app .internal-surface.fc-polished .message-row.fc-stream-row:hover .fc-message-tools,html body #app .internal-surface.fc-polished .message-row.fc-stream-row:focus-within .fc-message-tools{opacity:1;pointer-events:auto;transform:none}
html body #app .internal-surface.fc-polished .fc-message-tools>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;min-width:27px;width:27px;height:27px;min-height:27px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--foxie-muted);cursor:pointer;font-size:17px}.fc-message-tools>button:hover{background:var(--foxie-surface-soft)!important;color:var(--foxie-accent)!important}.fc-message-tools:empty{display:none!important}
.fc-member-section>header{box-shadow:none;background:none;animation:none}.fc-member-section>header strong{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;line-height:1.35;font-weight:650;letter-spacing:.01em}.fc-section-title-emoji{display:inline-block;flex:0 0 auto;color:initial!important;background:none!important;background-image:none!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;filter:none!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal}.fc-section-title-name{min-width:0;color:var(--fc-section);overflow-wrap:anywhere}.fc-member-section>header small{font-size:12px}.fc-member-section>header small:before{content:'\2014';margin-right:5px}
.fc-member-section>header>button{opacity:0;transition:opacity .12s ease}.fc-member-section:hover>header>button,.fc-member-section:focus-within>header>button{opacity:1}
.fc-member-section{margin-bottom:16px}.fc-member{padding:5px 6px}.fc-member-section .fc-member+.fc-member{margin-top:6px}.fc-member strong{font-size:14px;font-weight:550;color:var(--fc-name,var(--foxie-ink))}.fc-member small{font-size:12px;line-height:1.25}.fc-member-copy{gap:1px!important}.fc-member>button[data-fc-profile]{opacity:1!important;visibility:visible!important}.fc-member>button[data-fc-action]{opacity:0}.fc-member:hover>button[data-fc-action],.fc-member:focus-within>button[data-fc-action]{opacity:1!important}
.fc-avatar-wrap{position:relative;flex:0 0 34px;display:inline-flex;width:34px;height:34px}.fc-presence{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid var(--foxie-surface);border-radius:50%;background:#8a929b}.fc-presence.is-online{background:#35a86b}.fc-presence.is-away{background:#d9a343}.fc-presence.is-busy{background:#d45768}
html body #app .internal-surface .team-member-rail.fc-custom-members .fc-member-section>header .fc-section-title-name{color:var(--fc-section)!important}
html body #app .internal-surface .team-member-rail.fc-custom-members .fc-member strong{color:var(--fc-name,var(--foxie-ink))!important}
html body #app .internal-surface .team-member-rail.fc-custom-members .fc-member-section.effect-gradient>header .fc-section-title-name,.fc-section-preview.effect-gradient .fc-section-title-name{background:linear-gradient(110deg,var(--fc-section),var(--fc-section-end))!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.fc-member-section.effect-glow>header .fc-section-title-name,.fc-section-preview.effect-glow .fc-section-title-name{text-shadow:0 0 12px color-mix(in srgb,var(--fc-section) 55%,transparent)}
.fc-member-section.effect-pulse>header .fc-section-title-name,.fc-section-preview.effect-pulse .fc-section-title-name{animation:fc-name-glow 3s ease-in-out infinite}
.fc-section-preview{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:14px 15px;margin:0 0 14px;border-radius:10px;background:var(--foxie-surface-soft);min-height:68px}.fc-section-preview strong{display:flex;align-items:center;gap:6px;font-size:17px;line-height:1.3;color:var(--fc-section);overflow-wrap:anywhere}.fc-section-preview small{font-size:12px;color:var(--foxie-muted)}
.fc-emoji-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.fc-dialog .fc-emoji-presets button{flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;font-size:19px;border-color:transparent;background:var(--foxie-surface-soft)}.fc-dialog .fc-emoji-presets button[aria-pressed=true]{border-color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface))}
@keyframes fc-name-glow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 13px color-mix(in srgb,var(--fc-section) 80%,transparent)}}
@media(max-width:700px),(pointer:coarse){
 html body #app .internal-surface.fc-polished .message-row.fc-stream-row:not(.moderation-notice-row):not(.foxie-call-summary-row){grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important;padding:6px 3px!important}
 html body #app .internal-surface.fc-polished .message-row.fc-stream-row .fc-message-tools{top:-2px;right:0;border:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none}
 html body #app .internal-surface.fc-polished .fc-message-tools>button:not([data-fc-action="message-more"]){display:none}
 .fc-message-identity{padding-right:28px;gap:3px 6px}.fc-member-section>header>button,.fc-member>button[data-fc-action]{opacity:1}
}
@media(prefers-reduced-motion:reduce){.fc-member-section.effect-pulse>header strong,.fc-section-preview.effect-pulse strong{animation:none}.fc-message-tools,.fc-member-section>header>button{transition:none!important}}
/* Project collaboration belongs to one toolbar, not three stacked button systems. */
html body .project-workspace .workspace-topbar{height:auto;min-height:60px;gap:8px;padding:8px 12px;flex-wrap:wrap}
html body .project-workspace .workspace-identity{min-width:0;flex:1 1 180px;overflow:hidden}
html body .project-workspace .identity-copy{min-width:0;max-width:320px}
html body .project-workspace .identity-copy strong,html body .project-workspace .identity-copy small{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .project-workspace .workspace-actions{min-width:0;max-width:100%;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
html body .project-workspace .toolbar-cluster,html body .fc-project-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:2px;height:38px;padding:2px 3px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft)}
html body .fc-project-actions>.fc-tool{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted);font-size:17px;box-shadow:none}
html body .fc-project-actions>.fc-tool>span{display:none}
html body .fc-project-actions>.fc-tool:hover,html body .fc-project-actions>.fc-tool[aria-pressed=true]{color:var(--foxie-accent);background:var(--foxie-surface-raised)}
html body .fc-project-actions>.fc-tool:focus-visible,html body .canvas-project-toolbar-v67 button:focus-visible{outline:2px solid var(--foxie-accent);outline-offset:1px}
html body .project-workspace .workspace-actions>.run-button,html body .project-workspace .workspace-actions>.ai-trigger{height:38px;min-height:38px;flex-shrink:0;border-radius:10px}
html body .project-workspace .project-member-stack{flex-shrink:0;max-width:98px;overflow:hidden}
/* The production canvas teleports here; .project-collab-bar no longer exists. */
html body .canvas-project-toolbar-v67{min-width:0;max-width:100%;gap:3px;flex-shrink:1}
html body .canvas-project-toolbar-v67 .fc-project-share{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:30px!important;padding:0!important;border:1px solid var(--foxie-border)!important;border-radius:8px!important;color:var(--foxie-accent)!important;background:var(--foxie-surface-soft)!important}
html body .canvas-project-toolbar-v67 .fc-project-share>span{display:none!important}
html body .canvas-project-toolbar-v67__identity strong{font-size:12px;line-height:1.2}
html body .canvas-project-toolbar-v67__identity small{font-size:12px;line-height:1.2}
html body .canvas-project-toolbar-v67__share span{font-size:12px}
html body .canvas-project-toolbar-v67__presence .presence-avatar{font-size:12px;width:24px;height:24px}
html body .fc-dialog[data-fc-dialog=share]{width:min(560px,calc(100vw - 24px));border-radius:16px}
html body .fc-dialog[data-fc-dialog=share] .fc-dialog-head{padding:20px 22px 14px}
html body .fc-dialog[data-fc-dialog=share] .fc-dialog-head h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
html body .fc-dialog[data-fc-dialog=share] .fc-form{padding:4px 22px 20px;gap:16px}
html body .fc-dialog[data-fc-dialog=share] .fc-form>label{display:grid;gap:7px;font-size:13px}
html body .fc-dialog[data-fc-dialog=share] select,html body .fc-dialog[data-fc-dialog=share] input{width:100%;min-width:0;min-height:42px;font-size:14px}
html body .fc-dialog[data-fc-dialog=share] footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;flex-wrap:wrap}
html body .fc-dialog .fc-form,html body .fc-dialog .fc-dialog-head>div{min-width:0}
html body .canvas-share-v68__head-copy{min-width:0}
html body .canvas-share-v68__head-copy strong{overflow-wrap:anywhere}
html body .canvas-share-v68__invite-row{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:10px;align-items:end}
html body .canvas-share-v68__invite-row>label,html body .canvas-share-v68__invite-row input{min-width:0;width:100%}
@media(max-width:1120px){
 html body .project-workspace .workspace-identity{flex-basis:100%}
 html body .project-workspace .workspace-actions{width:100%;justify-content:flex-start}
 html body .foxie-infinite-editor:has(.canvas-project-toolbar-v67){grid-template-rows:auto minmax(0,1fr)!important}
 html body .foxie-infinite-editor:has(.canvas-project-toolbar-v67) .editor-menu-bar{height:auto!important;min-height:76px!important;flex-wrap:wrap!important;align-content:center!important;padding-block:3px!important;gap:3px 5px!important}
 html body .canvas-project-toolbar-v67{flex:1 0 100%;border-left:0;padding:0;justify-content:flex-end;margin:0;height:34px}
 html body .canvas-project-toolbar-v67__identity{margin-right:auto;max-width:180px}
}
@media(max-width:700px){
 html body .project-workspace .workspace-topbar{padding:7px 8px;gap:7px}
 html body .project-workspace .workspace-actions{gap:5px}
 html body .project-workspace .project-member-stack{max-width:66px}
 html body .project-workspace .runner-pill{display:none}
 html body .project-workspace .workspace-actions>.run-button small{display:none}
 html body .canvas-project-toolbar-v67__presence{margin-right:auto}
 html body .canvas-share-v68__invite-row{grid-template-columns:minmax(0,1fr)}
 html body .canvas-share-v68__candidate-list>article{grid-template-columns:32px minmax(0,1fr);gap:8px}
 html body .canvas-share-v68__candidate-list>article>select,html body .canvas-share-v68__candidate-list>article>button{grid-column:2;max-width:100%;min-width:0}
 html body .fc-dialog[data-fc-dialog=share] .fc-dialog-head{padding:16px}
 html body .fc-dialog[data-fc-dialog=share] .fc-form{padding:0 16px 16px}
}
html body .project-workspace .toolbar-label-button,html body .project-workspace .toolbar-icon-button{font-size:12px}
html body .canvas-call-dock.canvas-call-dock{width:min(360px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px);overflow:auto}
html body .canvas-share-v68 :is(label,small,em,button,input,select){font-size:12px}
html body .canvas-share-v68 .canvas-share-v68__head-copy strong{font-size:20px;line-height:1.3}
html body .canvas-share-v68 .canvas-share-v68__head-copy p{font-size:13px;line-height:1.5}
html body .canvas-share-v68 .canvas-share-v68__permissions{gap:6px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
html body .canvas-share-v68 .canvas-share-v68__permissions label{min-height:38px;padding:6px 8px}

/* A dedicated control: generic mobile .icon-button rules must not hide chat. */
html body .shell-v2 .topbar-actions-v2 > [data-internal-chat-entry]{position:relative!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px;min-width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:12px;color:var(--foxie-ink);background:transparent;cursor:pointer;touch-action:manipulation}
html body .shell-v2 .topbar-actions-v2 > [data-internal-chat-entry]:hover,html body .shell-v2 .topbar-actions-v2 > [data-internal-chat-entry][aria-current="page"]{color:var(--foxie-accent);background:var(--foxie-surface-soft)}
html body .shell-v2 .topbar-actions-v2 > [data-internal-chat-entry]:focus-visible{outline:2px solid var(--foxie-accent);outline-offset:2px}
.internal-chat-header-v3 b{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--foxie-surface-raised);border-radius:999px;display:grid;place-items:center;color:#fff;background:#e04f5f;font-size:12px;font-weight:800;line-height:1;pointer-events:none}
.quick-chat-window-v3{position:fixed;z-index:86;right:18px;bottom:18px}.quick-chat-panel-enter-active,.quick-chat-panel-leave-active{transition:.18s ease}.quick-chat-panel-enter-from,.quick-chat-panel-leave-to{opacity:0;transform:translateY(10px) scale(.985)}
@media(max-width:760px){html body .shell-v2 .topbar-actions-v2 > [data-internal-chat-entry]{flex-basis:34px;width:34px;min-width:34px;height:38px;z-index:4}}
@media(max-width:700px){.quick-chat-window-v3{inset:0;right:0;bottom:0}}
@media(prefers-reduced-motion:reduce){.quick-chat-panel-enter-active,.quick-chat-panel-leave-active{transition:none}}

.campaign-delivery[data-v-f4c4d696]{--campaign-bg:#e8fbf3;--campaign-text:#103b2f;--campaign-accent:#15986d;position:fixed;z-index:240;color:var(--campaign-text);background-color:var(--campaign-bg);background-position:center;background-repeat:no-repeat;border:1px solid color-mix(in srgb,var(--campaign-accent) 24%,transparent);border-radius:var(--campaign-radius,8px);box-shadow:0 18px 55px rgba(10,30,24,.16);isolation:isolate}.campaign-delivery.style-premium[data-v-f4c4d696]{--campaign-bg:#171317!important;--campaign-text:#fff7d6!important;--campaign-accent:#d8b85c!important;background-image:linear-gradient(110deg,#171317,#292038 60%,#101827)!important}.campaign-delivery.style-urgent[data-v-f4c4d696]{--campaign-bg:#fff0f0!important;--campaign-text:#7f1d1d!important;--campaign-accent:#ef4444!important}.campaign-delivery.style-important[data-v-f4c4d696]{--campaign-bg:#edf5ff!important;--campaign-text:#173f75!important;--campaign-accent:#3b82f6!important}.campaign-delivery.style-alert[data-v-f4c4d696]{--campaign-bg:#fff7e6!important;--campaign-text:#713f12!important;--campaign-accent:#f59e0b!important}.campaign-delivery.style-success[data-v-f4c4d696]{--campaign-bg:#ecfdf3!important;--campaign-text:#14532d!important;--campaign-accent:#22c55e!important}.campaign-accent[data-v-f4c4d696]{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--campaign-accent)}.campaign-symbol[data-v-f4c4d696]{width:25px;height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid color-mix(in srgb,var(--campaign-accent) 18%,transparent);border-radius:7px;color:var(--campaign-accent);background:color-mix(in srgb,#fff 22%,transparent);font-size:13px}.campaign-copy[data-v-f4c4d696]{min-width:0;flex:1}.campaign-copy strong[data-v-f4c4d696]{font-size:12px;font-weight:900}.campaign-copy p[data-v-f4c4d696]{margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.82}.campaign-actions[data-v-f4c4d696]{display:flex;align-items:center;gap:5px}.campaign-actions button[data-v-f4c4d696]{height:27px;padding:0 9px;border:1px solid color-mix(in srgb,var(--campaign-accent) 25%,transparent);border-radius:6px;display:flex;align-items:center;gap:3px;color:var(--campaign-text);background:color-mix(in srgb,#fff 55%,transparent);font-size:12px;font-weight:850}.campaign-actions button.primary[data-v-f4c4d696]{color:#fff;background:var(--campaign-accent)}.campaign-actions button.ghost[data-v-f4c4d696]{background:transparent}.campaign-close[data-v-f4c4d696]{width:27px;height:27px;border:0;border-radius:6px;display:grid;place-items:center;color:inherit;background:transparent}.campaign-close[data-v-f4c4d696]:hover{background:color-mix(in srgb,var(--campaign-text) 7%,transparent)}
.campaign-banner[data-v-f4c4d696]{left:0;right:0;top:0;min-height:38px;padding:5px 14px;z-index:300;border-width:0 0 1px;border-radius:0;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 5px 18px color-mix(in srgb,var(--campaign-accent) 10%,transparent)}.banner-copy[data-v-f4c4d696]{max-width:min(800px,55vw);display:flex;align-items:baseline;gap:7px}.banner-copy p[data-v-f4c4d696]{margin:0}.campaign-modal-layer[data-v-f4c4d696]{position:fixed;inset:0;z-index:280;display:grid;place-items:center;pointer-events:none}.campaign-modal-layer.backdrop[data-v-f4c4d696]{background:rgba(5,12,17,.46);backdrop-filter:blur(3px)}.campaign-modal[data-v-f4c4d696]{width:min(var(--campaign-width,560px),calc(100vw - 36px));min-height:var(--campaign-height,auto);position:relative;pointer-events:auto;overflow:hidden}.campaign-modal-body[data-v-f4c4d696]{padding:28px}.campaign-modal-body>small[data-v-f4c4d696]{color:var(--campaign-accent);font-size:12px;font-weight:950;letter-spacing:.13em}.campaign-modal-body h2[data-v-f4c4d696]{margin:7px 34px 7px 0;font-size:25px;line-height:1.05;letter-spacing:-.04em}.campaign-modal-body>p[data-v-f4c4d696]{margin:0;color:color-mix(in srgb,var(--campaign-text) 82%,transparent);font-size:12px;line-height:1.55}.modal-symbol[data-v-f4c4d696]{width:43px;height:43px;margin-bottom:14px;border-radius:11px;font-size:19px}.modal-actions[data-v-f4c4d696]{margin-top:18px}.modal-actions button[data-v-f4c4d696]{height:35px;padding:0 13px}.modal-close[data-v-f4c4d696]{position:absolute;right:9px;top:9px}.campaign-hero[data-v-f4c4d696]{min-height:180px;background-size:cover;background-position:center}.campaign-modal.hero-left[data-v-f4c4d696],.campaign-modal.hero-right[data-v-f4c4d696]{display:grid;grid-template-columns:minmax(160px,38%) 1fr}.campaign-modal.hero-right[data-v-f4c4d696]{grid-template-columns:1fr minmax(160px,38%)}.campaign-modal.hero-right .campaign-hero[data-v-f4c4d696]{grid-column:2;grid-row:1}.campaign-modal.hero-right .campaign-modal-body[data-v-f4c4d696]{grid-column:1;grid-row:1}.campaign-toast-layer[data-v-f4c4d696]{position:fixed;inset:0;z-index:260;pointer-events:none}.campaign-toast[data-v-f4c4d696]{width:min(var(--campaign-width,380px),calc(100vw - 28px));min-height:var(--campaign-height,auto);padding:14px;pointer-events:auto}.campaign-toast.place-top_left[data-v-f4c4d696]{left:16px;top:calc(var(--foxie-campaign-top-offset,0px) + 16px)}.campaign-toast.place-top_right[data-v-f4c4d696]{right:16px;top:calc(var(--foxie-campaign-top-offset,0px) + 16px)}.campaign-toast.place-middle_left[data-v-f4c4d696]{left:16px;top:50%;transform:translateY(-50%)}.campaign-toast.place-middle_right[data-v-f4c4d696]{right:16px;top:50%;transform:translateY(-50%)}.campaign-toast.place-bottom_left[data-v-f4c4d696]{left:16px;bottom:16px}.campaign-toast.place-bottom_right[data-v-f4c4d696]{right:16px;bottom:16px}.campaign-toast-image[data-v-f4c4d696]{height:130px;margin:-14px -14px 12px;background-size:cover;background-position:center;border-radius:var(--campaign-radius) var(--campaign-radius) 0 0}.toast-title[data-v-f4c4d696]{padding-right:25px;display:flex;align-items:center;gap:6px}.toast-title strong[data-v-f4c4d696]{font-size:12px}.toast-content p[data-v-f4c4d696]{margin:6px 0 0;font-size:12px;line-height:1.5;opacity:.84}.toast-actions[data-v-f4c4d696]{margin-top:10px}.campaign-bottom-notice[data-v-f4c4d696]{left:0;right:0;bottom:0;min-height:38px;padding:5px 14px;z-index:250;border-width:1px 0 0;border-radius:0;display:flex;align-items:center;justify-content:center;gap:9px}.effect-glow[data-v-f4c4d696]{box-shadow:0 0 30px color-mix(in srgb,var(--campaign-accent) 30%,transparent)}.effect-pulse[data-v-f4c4d696]{animation:campaignPulse-f4c4d696 1.8s ease-in-out infinite}.effect-shimmer[data-v-f4c4d696]:after{content:'';position:absolute;inset:-60% -30%;z-index:-1;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);animation:campaignShimmer-f4c4d696 3s ease-in-out infinite;pointer-events:none}@keyframes campaignPulse-f4c4d696{50%{filter:saturate(1.18);box-shadow:0 0 26px color-mix(in srgb,var(--campaign-accent) 24%,transparent)}}@keyframes campaignShimmer-f4c4d696{0%,20%{transform:translateX(-70%)}75%,100%{transform:translateX(70%)}}.campaign-banner-enter-active[data-v-f4c4d696],.campaign-banner-leave-active[data-v-f4c4d696],.campaign-fade-enter-active[data-v-f4c4d696],.campaign-fade-leave-active[data-v-f4c4d696],.campaign-bottom-enter-active[data-v-f4c4d696],.campaign-bottom-leave-active[data-v-f4c4d696]{transition:.24s cubic-bezier(.2,.75,.2,1)}.campaign-banner-enter-from[data-v-f4c4d696],.campaign-banner-leave-to[data-v-f4c4d696]{opacity:0;transform:translateY(-100%)}.campaign-bottom-enter-from[data-v-f4c4d696],.campaign-bottom-leave-to[data-v-f4c4d696]{opacity:0;transform:translateY(100%)}.campaign-fade-enter-from[data-v-f4c4d696],.campaign-fade-leave-to[data-v-f4c4d696]{opacity:0}.campaign-toast-enter-active[data-v-f4c4d696],.campaign-toast-leave-active[data-v-f4c4d696]{transition:.22s ease}.campaign-toast-enter-from[data-v-f4c4d696],.campaign-toast-leave-to[data-v-f4c4d696]{opacity:0;transform:translateY(8px) scale(.98)}
@media(max-width:760px){.campaign-banner[data-v-f4c4d696]{padding:5px 8px;justify-content:flex-start}.campaign-banner .campaign-symbol[data-v-f4c4d696]{display:none}.banner-copy[data-v-f4c4d696]{max-width:none}.banner-copy strong[data-v-f4c4d696]{font-size:12px}.banner-copy p[data-v-f4c4d696]{max-width:40vw;font-size:12px}.campaign-banner .campaign-actions button[data-v-f4c4d696]{width:27px;padding:0;font-size:0;justify-content:center}.campaign-modal-body[data-v-f4c4d696]{padding:22px}.campaign-modal-body h2[data-v-f4c4d696]{font-size:21px}.campaign-toast[data-v-f4c4d696]{left:10px!important;right:10px!important;width:auto!important;max-width:none!important}.campaign-toast.place-top_left[data-v-f4c4d696],.campaign-toast.place-top_right[data-v-f4c4d696]{top:calc(var(--foxie-campaign-top-offset,0px) + 10px)}.campaign-toast.place-middle_left[data-v-f4c4d696],.campaign-toast.place-middle_right[data-v-f4c4d696]{top:50%}.campaign-toast.place-bottom_left[data-v-f4c4d696],.campaign-toast.place-bottom_right[data-v-f4c4d696]{bottom:10px}.campaign-bottom-notice[data-v-f4c4d696]{padding:5px 8px}.campaign-bottom-notice .campaign-copy p[data-v-f4c4d696]{max-width:42vw}.campaign-modal.hero-left[data-v-f4c4d696],.campaign-modal.hero-right[data-v-f4c4d696]{display:block}.campaign-hero[data-v-f4c4d696]{min-height:150px}}
@media(prefers-reduced-motion:reduce){.effect-pulse[data-v-f4c4d696],.effect-shimmer[data-v-f4c4d696]:after{animation:none!important}.campaign-banner-enter-active[data-v-f4c4d696],.campaign-banner-leave-active[data-v-f4c4d696],.campaign-fade-enter-active[data-v-f4c4d696],.campaign-fade-leave-active[data-v-f4c4d696],.campaign-bottom-enter-active[data-v-f4c4d696],.campaign-bottom-leave-active[data-v-f4c4d696]{transition:none!important}}

.brand-mark[data-v-86a0137f]{
  width:82px;
  height:68px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:visible;
  text-decoration:none;
  user-select:none;
  isolation:isolate;
  cursor:grab;
  touch-action:none;
}
.brand-mark.is-dragging[data-v-86a0137f]{cursor:grabbing}
.brand-mark:not(.is-physical-motion) .brand-particle-canvas[data-v-86a0137f]{animation:foxieBrandIdle-86a0137f 5.8s ease-in-out infinite}
.brand-mark.is-physical-motion .brand-particle-canvas[data-v-86a0137f]{animation:none}
.brand-particle-canvas[data-v-86a0137f]{
  width:100%;
  height:100%;
  display:block;
  opacity:0;
  transition:opacity .24s ease;
  pointer-events:none;
}
.brand-mark.is-ready .brand-particle-canvas[data-v-86a0137f]{opacity:1}
.brand-fallback[data-v-86a0137f]{position:absolute;inset:0;display:grid;place-items:center;color:var(--foxie-accent);font-size:1.05rem;font-weight:900;letter-spacing:-.06em;pointer-events:none}
.brand-mark.compact[data-v-86a0137f]{
  width:74px;
  height:74px;
}
.brand-mark.is-full-logo[data-v-86a0137f]{
  width:180px;
  height:135px;
  cursor:pointer;
}
.brand-mark.is-hero[data-v-86a0137f]{
  width:118px;
  height:108px;
  filter:drop-shadow(0 12px 30px color-mix(in srgb,var(--foxie-accent) 15%,transparent));
}
.brand-mark.is-hero .brand-particle-canvas[data-v-86a0137f]{transition:opacity .3s ease,filter .3s ease}
.brand-mark.is-hero.is-hovering .brand-particle-canvas[data-v-86a0137f]{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--foxie-accent) 24%,transparent))}
@keyframes foxieBrandIdle-86a0137f{
0%,100%{transform:translate3d(0,0,0) scale(1)}
50%{transform:translate3d(0,-1.4px,0) scale(1.012)}
}
@media(prefers-reduced-motion:reduce){
.brand-mark[data-v-86a0137f]{cursor:pointer}
.brand-particle-canvas[data-v-86a0137f]{transition:opacity .18s ease!important}
}

.auth-particle-field[data-v-d7f0f529] {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  user-select:none;
}
@media(prefers-reduced-motion:reduce) {
.auth-particle-field[data-v-d7f0f529] { opacity:.38
}
}

html.foxie-workspace-switching,
html.foxie-workspace-switching body{overflow:hidden!important}
html.foxie-workspace-switching .foxie-global-loader{display:none!important}
.workspace-confirm-layer{position:fixed;inset:0;z-index:20050;padding:16px;display:grid;place-items:center;background:rgba(4,22,16,.19);backdrop-filter:blur(9px) saturate(.94)}
.workspace-confirm-card{width:min(380px,100%);padding:20px;position:relative;border:1px solid color-mix(in srgb,var(--foxie-green) 15%,var(--foxie-border));border-radius:18px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);box-shadow:0 28px 75px rgba(4,22,16,.19)}
.workspace-confirm-card .close{width:29px;height:29px;position:absolute;right:11px;top:11px;border:0;border-radius:9px;color:var(--foxie-muted);background:transparent;font-size:1.05rem;cursor:pointer}.workspace-confirm-card .close:hover{background:var(--foxie-surface-soft)}
.workspace-confirm-top{display:flex;align-items:center;gap:8px}.workspace-confirm-top>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-surface-soft))}.workspace-confirm-top small{color:var(--foxie-green);font-size:12px;font-weight:950;letter-spacing:.08em}
.workspace-confirm-card h2{margin:15px 0 3px;font-size:1.15rem;letter-spacing:-.035em}.workspace-confirm-card>p{margin:0;color:var(--foxie-muted);font-size:12px}
.workspace-confirm-route{margin-top:15px;padding:10px 11px;border:1px solid var(--foxie-border);border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;align-items:center;background:var(--foxie-surface-soft)}.workspace-confirm-route strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.workspace-confirm-route strong:last-child{color:var(--foxie-green);text-align:right}.workspace-confirm-route>.v-icon{color:var(--foxie-muted)}
.workspace-confirm-card footer{margin-top:15px;display:flex;justify-content:flex-end;gap:7px}.workspace-confirm-card footer button{height:38px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:850;cursor:pointer}.workspace-confirm-card footer .primary{border-color:var(--foxie-green);display:flex;align-items:center;gap:6px;color:#fff;background:var(--foxie-green);box-shadow:0 8px 20px color-mix(in srgb,var(--foxie-green) 15%,transparent)}
.workspace-confirm-enter-active,.workspace-confirm-leave-active{transition:opacity .16s ease}.workspace-confirm-enter-from,.workspace-confirm-leave-to{opacity:0}.workspace-confirm-enter-from .workspace-confirm-card,.workspace-confirm-leave-to .workspace-confirm-card{transform:translateY(6px) scale(.988)}.workspace-confirm-card{transition:transform .16s ease}
.workspace-switch-layer{position:fixed;inset:0;z-index:20100;overflow:hidden;display:grid;place-items:center;color:var(--foxie-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent),color-mix(in srgb,var(--foxie-surface-soft) 96%,transparent));isolation:isolate}
.workspace-switch-stage{width:min(430px,calc(100vw - 34px));display:grid;grid-template-rows:190px auto;justify-items:center;text-align:center}
.workspace-switch-art{width:210px;height:190px;position:relative;display:grid;place-items:center;overflow:visible}
.workspace-switch-art--hero:before{content:"";width:176px;height:176px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--foxie-accent) 9%,transparent),transparent 66%);filter:blur(18px);opacity:.66;animation:workspaceHeroAura 1.9s ease-in-out infinite alternate}
.workspace-switch-brand{width:136px!important;height:124px!important;position:relative;z-index:2;pointer-events:none!important;filter:drop-shadow(0 10px 26px color-mix(in srgb,var(--foxie-accent) 16%,transparent))!important}
.workspace-switch-brand :deep(.brand-particle-canvas){animation:none!important}
.workspace-switch-art__orbit{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,transparent);border-radius:50%;pointer-events:none;transform-origin:center}
.workspace-switch-art__orbit:after{content:"";width:3px;height:3px;position:absolute;right:8%;top:18%;border-radius:50%;background:var(--foxie-accent);box-shadow:0 0 9px color-mix(in srgb,var(--foxie-accent) 70%,transparent)}
.workspace-switch-art__orbit.orbit-one{width:166px;height:54px;transform:translate(-50%,-50%) rotate(-15deg);animation:workspaceHeroOrbitOne 4s linear infinite}
.workspace-switch-art__orbit.orbit-two{width:124px;height:76px;border-color:color-mix(in srgb,#8b5cf6 15%,transparent);transform:translate(-50%,-50%) rotate(28deg);animation:workspaceHeroOrbitTwo 4.8s linear infinite reverse}
@keyframes workspaceHeroAura{from{opacity:.42;transform:translate(-50%,-50%) scale(.90)}to{opacity:.72;transform:translate(-50%,-50%) scale(1.06)}}
@keyframes workspaceHeroOrbitOne{from{transform:translate(-50%,-50%) rotate(-15deg)}to{transform:translate(-50%,-50%) rotate(345deg)}}
@keyframes workspaceHeroOrbitTwo{from{transform:translate(-50%,-50%) rotate(28deg)}to{transform:translate(-50%,-50%) rotate(388deg)}}
.workspace-switch-copy{width:100%;min-height:88px;padding-top:10px;display:grid;justify-items:center;align-content:start;pointer-events:none}
.workspace-switch-copy>small{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.15em}
.workspace-switch-copy h2{max-width:100%;margin:7px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.08rem,2.3vw,1.45rem);letter-spacing:-.035em}
.workspace-switch-copy p{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.45}
.workspace-switch-enter-active{transition:opacity .16s ease}.workspace-switch-leave-active{transition:opacity .22s ease}.workspace-switch-enter-from,.workspace-switch-leave-to{opacity:0}
.workspace-empty-workflows{min-height:96px;padding:15px 16px;border-top:1px solid var(--foxie-border);display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-soft)),var(--foxie-surface-raised))}.workspace-empty-workflows__icon{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--foxie-green) 20%,var(--foxie-border));border-radius:12px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-surface-raised))}.workspace-empty-workflows>div{min-width:0;display:grid;gap:3px}.workspace-empty-workflows strong{font-size:12px}.workspace-empty-workflows>div>span{max-width:590px;color:var(--foxie-muted);font-size:12px;line-height:1.5}.workspace-empty-workflows aside{display:flex;gap:7px}.workspace-empty-workflows aside button{height:37px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:9px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:850;cursor:pointer}.workspace-empty-workflows aside button.primary{border-color:var(--foxie-green);color:#fff;background:var(--foxie-green)}.workspace-empty-workflows aside button:disabled{opacity:.45;cursor:not-allowed}

/* Usage workflow distribution readability */
.wf-integrated-head>div:first-child>span{font-size:12px!important}.wf-integrated-head h2{font-size:1.18rem!important}.wf-integrated-head p{font-size:.76rem!important;line-height:1.55!important}.wf-resource-switch button{min-width:132px!important;height:41px!important;font-size:12px!important}.wf-resource-switch b{font-size:12px!important}
.wf-insight-title small,.wf-usage-title small,.wf-config-head small{font-size:12px!important}.wf-insight-title strong{font-size:.9rem!important}.wf-plan-pill{font-size:12px!important;padding:6px 8px!important}.wf-donut-center small{font-size:12px!important}.wf-donut-center strong{font-size:1.34rem!important}.wf-donut-center span{font-size:12px!important}.wf-summary-grid small{font-size:12px!important}.wf-summary-grid strong{font-size:.8rem!important}.wf-legend b{font-size:12px!important}.wf-legend em,.wf-legend .more{font-size:12px!important}
.wf-usage-title strong{font-size:.82rem!important}.wf-usage-title>span{font-size:12px!important}.wf-usage-row.head{font-size:12px!important}.wf-usage-row:not(.head)>strong{font-size:12px!important}.wf-usage-row .name b{font-size:12px!important}.wf-usage-row .name small{font-size:12px!important}.wf-usage-note{font-size:12px!important}.wf-config-head h3{font-size:1rem!important}.wf-config-head p{font-size:12px!important;line-height:1.45!important}.wf-config-actions button{height:37px!important;padding:0 10px!important;font-size:12px!important}.wf-empty strong{font-size:.76rem!important}.wf-empty span{font-size:12px!important}
.wf-workspace-head{min-height:76px!important;padding:11px 13px!important}.wf-workspace-icon{width:39px!important;height:39px!important}.wf-workspace-head small{font-size:12px!important}.wf-workspace-head>div:first-child strong{font-size:.76rem!important}.wf-workspace-head>div:first-child span:not(.wf-workspace-icon){font-size:12px!important}.wf-workspace-capacity{gap:18px!important}.wf-workspace-capacity small{font-size:12px!important}.wf-workspace-capacity strong{font-size:12px!important}.wf-rule-main{padding:12px 13px!important}.wf-rule-name strong{font-size:12px!important}.wf-rule-name em{font-size:12px!important;padding:3px 5px!important}.wf-rule-identity>div>span{font-size:12px!important}.wf-rule-mode button{height:32px!important;padding:0 9px!important;font-size:12px!important}.wf-general-control{padding:11px 13px!important;grid-template-columns:145px minmax(120px,1fr) 150px!important}.wf-general-copy small{font-size:12px!important}.wf-general-copy strong{font-size:.84rem!important}.wf-general-copy span{font-size:12px!important}.wf-number-control{height:38px!important}.wf-number-control input,.wf-compact-number input{font-size:12px!important}.wf-number-control b,.wf-compact-number b{font-size:12px!important}.wf-custom-resource{min-height:58px!important;padding:8px!important}.wf-custom-resource small{font-size:12px!important}.wf-custom-resource strong{font-size:12px!important}.wf-rule-footer{min-height:42px!important;padding:8px 13px!important}.wf-rule-footer span{font-size:12px!important}.wf-rule-footer button{height:30px!important;padding:0 8px!important;font-size:12px!important}.wf-save{padding:11px 12px!important}.wf-save strong{font-size:12px!important}.wf-save small{font-size:12px!important}.wf-save button{height:37px!important;padding:0 10px!important;font-size:12px!important}.wf-loading strong,.wf-empty-resource strong{font-size:.79rem!important}.wf-loading span,.wf-empty-resource span{font-size:12px!important}
@media(max-width:760px){.workspace-confirm-card{width:min(360px,100%);padding:18px}.workspace-confirm-card footer{display:grid;grid-template-columns:1fr 1fr}.workspace-switch-stage{grid-template-rows:168px auto}.workspace-switch-art{width:188px;height:168px}.workspace-switch-copy h2{font-size:1.18rem}.workspace-switch-copy p{font-size:12px}.workspace-empty-workflows{grid-template-columns:40px minmax(0,1fr)}.workspace-empty-workflows aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.workspace-empty-workflows aside button{height:40px}.wf-integrated-head{align-items:stretch!important}.wf-resource-switch{width:100%!important}.wf-resource-switch button{min-width:0!important;flex:1}.wf-workspace-head{align-items:flex-start!important}.wf-workspace-capacity{gap:10px!important}.wf-general-control{grid-template-columns:1fr!important}.wf-rule-main{align-items:flex-start!important}.wf-rule-mode{flex:none}}
@media(max-width:420px){.workspace-confirm-card footer{grid-template-columns:1fr}.workspace-confirm-route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.workspace-switch-stage{grid-template-rows:154px auto}.workspace-switch-art{width:174px;height:154px}.workspace-empty-workflows aside{grid-template-columns:1fr}.wf-workspace-head{display:grid!important}.wf-workspace-capacity{width:100%;justify-content:space-between}.wf-workspace-capacity>span{text-align:left!important}}
@media(prefers-reduced-motion:reduce){.workspace-switch-copy{transition:none!important}.workspace-switch-art--hero:before,.workspace-switch-art__orbit{animation:none!important}}
.workspace-switch-art__particles {
  position:absolute;
  inset:-85px;
  z-index:0;
  opacity:.55;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 26%,transparent 75%);
  mask-image:radial-gradient(ellipse at center,#000 26%,transparent 75%);
}
.workspace-switch-brand{filter:none!important}
.workspace-switch-layer {
  background:linear-gradient(140deg,
    color-mix(in srgb,var(--foxie-surface-raised) 91%,transparent),
    color-mix(in srgb,var(--foxie-surface) 87%,transparent)
  );
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
}
.workspace-switch-stage {
  animation:workspaceStageArrive .65s cubic-bezier(.16,1,.3,1) both;
}
.workspace-switch-copy {animation:workspaceCopyArrive .85s cubic-bezier(.16,1,.3,1) .1s both}
@keyframes workspaceStageArrive {
from {opacity:0;transform:translateY(12px) scale(.96);filter:blur(7px)}
to {opacity:1;transform:none;filter:none}
}
@keyframes workspaceCopyArrive {
from {opacity:0;transform:translateY(8px)}
to {opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce) {
.workspace-switch-stage,.workspace-switch-copy {animation:none!important}
}

/* Preserve the native Foxie sidebar: foliage, dropdown groups and plan themes. */
html body .shell-v2 .workspace-card{display:none!important}
html body .shell-v2 .sidebar-nav-v2{padding-top:9px!important}
html body .shell-v2 .nav-copy small{display:none!important}
html body .shell-v2 .nav-item-v2{min-height:45px!important}
html body .shell-v2 .sidebar-v2:not(.collapsed) .sidebar-nav-v2{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
html body .shell-v2 .sidebar-v2:not(.collapsed) .sidebar-group,html body .shell-v2 .sidebar-v2:not(.collapsed) .sidebar-group__body{max-width:100%!important;overflow-x:hidden!important}
html body .shell-v2 .sidebar-v2:not(.collapsed) .nav-item-v2{max-width:100%!important;overflow:hidden!important;transform:none}
html body .shell-v2 .sidebar-v2:not(.collapsed) .nav-item-v2:hover{transform:none!important}
html body .shell-v2 .nav-copy strong{font-size:12px!important}
html body .shell-v2 .sidebar-group__head{height:30px!important}
html body .shell-v2 .sidebar-group__head>span:first-child{font-size:12px!important}
html body .shell-v2 .superbot-nav-item{min-height:56px!important}
html body .shell-v2 .superbot-nav-item .nav-copy strong{font-size:12px!important}
html body .shell-v2 .sidebar-footer-v2{padding:10px 11px 12px!important;display:flex!important;flex-direction:column!important;gap:9px!important}
html body .shell-v2 .sidebar-v2:not(.collapsed) .upgrade-card{display:none!important}
html body .shell-v2 .upgrade-card__glow{display:none!important}
html body .shell-v2 .upgrade-card-mini{order:1!important}
.enterprise-plan-card{order:1;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--plan-accent) 30%,var(--foxie-border));border-radius:17px;color:var(--plan-ink);background:linear-gradient(145deg,var(--plan-surface),color-mix(in srgb,var(--plan-accent) 8%,var(--plan-surface)));box-shadow:0 12px 28px color-mix(in srgb,var(--plan-glow) 72%,transparent);transition:min-height .22s ease,background .2s ease}
.enterprise-plan-card.plan-scale{color:#fff7df;border-color:rgba(217,181,89,.28);background:linear-gradient(145deg,#201d18 0%,#0d0d10 72%,#171222 100%);box-shadow:0 14px 34px rgba(10,10,14,.18)}
.enterprise-plan-card.plan-growth{color:#f2f5ff;border-color:rgba(123,98,255,.28);background:linear-gradient(145deg,#1c203e,#0d1328 76%)}
.enterprise-plan-card.plan-starter{color:#f1fff9;border-color:rgba(56,214,160,.28);background:linear-gradient(145deg,#0a7252,#0a9668 70%,#11a977)}
.enterprise-plan-card.plan-free{color:var(--foxie-ink);border-color:var(--foxie-border);background:linear-gradient(145deg,var(--foxie-surface-raised),var(--foxie-surface-soft));box-shadow:0 10px 26px color-mix(in srgb,var(--foxie-ink) 6%,transparent)}
.enterprise-plan-card.plan-trial{color:#334155;background:linear-gradient(145deg,#f8fafc,#eef2f7)}
.enterprise-plan-card>header{min-height:66px;padding:12px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:9px;align-items:center}.enterprise-plan-icon{width:38px;height:38px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:11px;display:grid;place-items:center;color:inherit;background:color-mix(in srgb,currentColor 8%,transparent)}.enterprise-plan-card>header>div{display:grid;min-width:0}.enterprise-plan-card>header small{font-size:12px;font-weight:920;letter-spacing:.07em;color:color-mix(in srgb,currentColor 74%,transparent)}.enterprise-plan-card>header strong{margin-top:3px;font-size:.92rem;line-height:1.05}.enterprise-plan-card>header div>span{margin-top:4px;font-size:12px;color:color-mix(in srgb,currentColor 72%,transparent)}.enterprise-plan-card>header>button{width:28px;height:28px;border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:9px;display:grid;place-items:center;color:inherit;background:color-mix(in srgb,currentColor 6%,transparent);cursor:pointer}.enterprise-plan-card.compact>header{min-height:66px}.enterprise-plan-details{padding:0 12px 13px;display:grid;gap:9px}.enterprise-plan-action{height:38px;padding:0 11px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:9px;display:flex;align-items:center;justify-content:space-between;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent);font-size:12px;font-weight:850;text-decoration:none}.enterprise-plan-progress{display:grid;gap:6px}.enterprise-plan-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.enterprise-plan-progress strong{font-size:12px;color:inherit}.enterprise-plan-progress small{font-size:12px;color:color-mix(in srgb,currentColor 72%,transparent)}.enterprise-plan-progress i{height:5px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,currentColor 12%,transparent)}.enterprise-plan-progress i span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--plan-accent),var(--plan-accent-2))}.enterprise-plan-expand-enter-active,.enterprise-plan-expand-leave-active{transition:.18s ease}.enterprise-plan-expand-enter-from,.enterprise-plan-expand-leave-to{opacity:0;transform:translateY(-5px)}
.enterprise-help-card{order:2;min-height:56px;padding:9px;border:1px solid color-mix(in srgb,var(--foxie-green) 13%,var(--foxie-border));border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 88%,transparent);text-decoration:none;transition:.18s}.enterprise-help-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--foxie-green) 30%,var(--foxie-border));box-shadow:0 10px 24px rgba(16,81,58,.08)}.enterprise-help-card>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-soft))}.enterprise-help-card>div{display:grid}.enterprise-help-card strong{font-size:12px}.enterprise-help-card small{margin-top:2px;color:var(--foxie-muted);font-size:12px}

/* Frosted full-width header appears only after the page starts scrolling. */
.enterprise-scroll-header{height:72px;position:fixed;left:280px;right:0;top:0;z-index:82;pointer-events:none;opacity:0;transform:translateY(-8px);border-bottom:1px solid transparent;background:color-mix(in srgb,var(--foxie-surface) 72%,transparent);backdrop-filter:blur(22px) saturate(1.16);-webkit-backdrop-filter:blur(22px) saturate(1.16);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}.enterprise-scroll-header.visible{opacity:1;transform:none;border-color:color-mix(in srgb,var(--foxie-green) 9%,var(--foxie-border));box-shadow:0 8px 30px rgba(18,55,43,.055)}.enterprise-scroll-header.compact{left:96px}

/* Two independent header islands: workspace context on the left, commands on the right. */
html body .shell-v2 .content-v2{min-height:100vh!important;padding-top:70px!important}
html body .shell-v2 .topbar-v2{width:auto!important;height:72px!important;position:fixed!important;left:280px!important;right:0!important;top:0!important;z-index:90!important;padding:9px 20px!important;display:flex!important;align-items:center!important;gap:7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
html body .shell-v2 .shell-content-v2.expanded .topbar-v2{left:96px!important}
html body .shell-v2 .topbar-atmosphere,html body .shell-v2 .module-search{display:none!important}
html body .shell-v2 .topbar-left-v2{height:38px!important;min-width:0!important;margin-right:auto!important;padding:2px 3px!important;order:-3!important;display:flex!important;align-items:center!important;pointer-events:auto!important;border:1px solid color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-border))!important;border-radius:11px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent)!important;box-shadow:0 5px 16px rgba(21,54,43,.055)!important;backdrop-filter:blur(18px) saturate(1.04)!important;-webkit-backdrop-filter:blur(18px) saturate(1.04)!important}
html body .shell-v2 .topbar-left-v2:has(.workspace-switcher.is-invited){border-color:color-mix(in srgb,#7765cf 13%,var(--foxie-border))!important}
html body .shell-v2 .topbar-left-v2 .workspace-switcher{height:32px!important;min-height:32px!important;box-sizing:border-box!important}
html body .shell-v2 .topbar-actions-v2{height:54px!important;padding:6px!important;display:flex!important;align-items:center!important;gap:4px!important;pointer-events:auto!important;border:1px solid color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-border))!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-surface-raised) 96%,var(--foxie-green) 4%) 0%,color-mix(in srgb,var(--foxie-surface-raised) 98%,#bfead4 2%) 52%,color-mix(in srgb,var(--foxie-surface-raised) 92%,var(--foxie-green) 8%) 100%)!important;box-shadow:0 14px 38px rgba(21,54,43,.12),inset 0 1px 0 color-mix(in srgb,#fff 72%,transparent)!important;backdrop-filter:blur(24px) saturate(1.12)!important;-webkit-backdrop-filter:blur(24px) saturate(1.12)!important}
html body .shell-v2 .enterprise-module-search{pointer-events:auto!important}
html body .shell-v2 .enterprise-quick-buy{pointer-events:auto!important}
html body .shell-v2 .icon-button,html body .shell-v2 .language-switcher{width:38px!important;height:38px!important;padding:0!important;border:1px solid color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-border))!important;border-radius:11px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;box-shadow:none!important}
html body .shell-v2 .language-switcher strong,html body .shell-v2 .language-switcher>.v-icon{display:none!important}
html body .shell-v2 .language-emoji{font-size:1.02rem!important}
html body .shell-v2 .profile-trigger{height:40px!important;min-width:164px!important;padding:1px 4px 1px 1px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important;flex:0 0 auto!important}
html body .shell-v2 .profile-trigger:hover{background:transparent!important}
html body .shell-v2 .header-avatar{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex:0 0 36px!important;aspect-ratio:1/1!important;position:relative!important;overflow:visible!important;border-radius:999px!important;background:linear-gradient(145deg,#11a978,#2478b0)!important}
html body .shell-v2 .header-avatar img{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;aspect-ratio:1/1!important;display:block!important;border-radius:999px!important;object-fit:cover!important;object-position:center!important;clip-path:circle(50% at 50% 50%)!important}
html body .shell-v2 .header-avatar>span{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:999px!important;overflow:hidden!important}
html body .shell-v2 .header-avatar:after{content:"";width:9px;height:9px;position:absolute;right:-1px;bottom:1px;border:2px solid var(--foxie-surface-raised);border-radius:50%;background:#2bc98b}
html body .shell-v2 .profile-trigger>div:nth-child(2){display:grid!important;min-width:102px!important;text-align:left!important;align-content:center!important}
html body .shell-v2 .profile-trigger strong{max-width:148px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;font-weight:880!important;line-height:1.05!important;color:var(--foxie-ink)!important}
html body .shell-v2 .profile-trigger small{margin-top:2px!important;white-space:nowrap!important;font-size:12px!important;font-weight:820!important;line-height:1.05!important;color:color-mix(in srgb,var(--foxie-green) 82%,var(--foxie-ink))!important}
html body .shell-v2 .profile-trigger>.v-icon{margin-left:1px!important;color:var(--foxie-muted)!important}

/* Profile dropdown: circular cropped avatar, readable spacing and a plan card that follows the active plan theme. */
html body .profile-menu-v2 .profile-menu-summary{padding:12px 12px 16px!important;margin-bottom:8px!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important}
html body .profile-menu-v2 .profile-menu-avatar{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;aspect-ratio:1/1!important;justify-self:start!important;position:relative!important;border-radius:50%!important;overflow:visible!important;background:linear-gradient(145deg,#17ac79,#2479b1)!important;box-shadow:0 8px 18px rgba(18,78,58,.12)!important}
html body .profile-menu-v2 .profile-menu-avatar img{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;aspect-ratio:1/1!important;display:block!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;clip-path:circle(50% at 50% 50%)!important}
html body .profile-menu-v2 .profile-menu-avatar>span{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important}
html body .profile-menu-v2 .profile-menu-avatar i{width:12px!important;height:12px!important;right:0!important;bottom:1px!important;border-width:2px!important;background:#2bc98b!important}
html body .profile-menu-v2 .profile-menu-identity{min-width:0!important;align-content:center!important}
html body .profile-menu-v2 .profile-menu-identity>span{font-size:12px!important;font-weight:950!important;letter-spacing:.065em!important}
html body .profile-menu-v2 .profile-menu-identity strong{margin-top:4px!important;font-size:.78rem!important;font-weight:900!important;line-height:1.08!important}
html body .profile-menu-v2 .profile-menu-identity small{margin-top:4px!important;font-size:12px!important;line-height:1.15!important}
html body .profile-menu-v2 .profile-role-pill{padding:6px 8px!important;font-size:12px!important;font-weight:900!important}
html body .profile-menu-v2 .profile-menu-plan{min-height:82px!important;margin:0 2px 11px!important;padding:11px 12px!important;grid-template-columns:50px minmax(0,1fr) 38px!important;gap:12px!important;align-items:center!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 26px rgba(18,55,43,.08)!important}
html body .profile-menu-v2 .profile-plan-icon{width:50px!important;height:50px!important;min-width:50px!important;border-radius:14px!important;display:grid!important;place-items:center!important;align-self:center!important;box-shadow:none!important}
html body .profile-menu-v2 .profile-plan-icon .v-icon{width:25px!important;height:25px!important;font-size:25px!important;line-height:25px!important}
html body .profile-menu-v2 .profile-menu-plan>div{min-width:0!important;align-self:center!important}
html body .profile-menu-v2 .profile-menu-plan small{font-size:12px!important;font-weight:780!important}
html body .profile-menu-v2 .profile-menu-plan strong{margin-top:2px!important;font-size:12px!important;font-weight:900!important;line-height:1.08!important}
html body .profile-menu-v2 .profile-menu-plan div>span{margin-top:3px!important;font-size:12px!important;line-height:1.15!important}
html body .profile-menu-v2 .profile-menu-plan>a{width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;justify-self:end!important;color:inherit!important;background:color-mix(in srgb,currentColor 9%,transparent)!important}
html[data-foxie-active-plan="trial"] body .profile-menu-v2 .profile-menu-plan{color:#334155!important;border-color:color-mix(in srgb,#64748b 25%,var(--foxie-border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-surface-raised) 91%,#e2e8f0 9%),color-mix(in srgb,var(--foxie-surface-raised) 96%,#94a3b8 4%))!important}
html[data-foxie-active-plan="trial"] body .profile-menu-v2 .profile-plan-icon{color:#475569!important;border-color:#d9e0e8!important;background:linear-gradient(145deg,#f8fafc,#e2e8f0)!important}
html[data-foxie-active-plan="starter"] body .profile-menu-v2 .profile-menu-plan{color:#effff8!important;border-color:rgba(74,220,164,.28)!important;background:linear-gradient(135deg,#087553 0%,#0b9569 62%,#107b62 100%)!important}
html[data-foxie-active-plan="starter"] body .profile-menu-v2 .profile-plan-icon{color:#075c42!important;border-color:rgba(211,255,238,.55)!important;background:linear-gradient(145deg,#c9f7e6,#62d9ad)!important}
html[data-foxie-active-plan="growth"] body .profile-menu-v2 .profile-menu-plan{color:#f4f5ff!important;border-color:rgba(129,113,255,.30)!important;background:linear-gradient(135deg,#20264a 0%,#12172f 66%,#372c66 100%)!important}
html[data-foxie-active-plan="growth"] body .profile-menu-v2 .profile-plan-icon{color:#fff!important;border-color:rgba(219,212,255,.35)!important;background:linear-gradient(145deg,#806dff,#4b5fba)!important}
html[data-foxie-active-plan="scale"] body .profile-menu-v2 .profile-menu-plan{color:#fff7df!important;border-color:rgba(217,181,89,.34)!important;background:linear-gradient(135deg,#221f19 0%,#111114 68%,#1b1428 100%)!important}
html[data-foxie-active-plan="scale"] body .profile-menu-v2 .profile-plan-icon{color:#4f3907!important;border-color:rgba(255,236,171,.48)!important;background:linear-gradient(145deg,#ffe99a,#d8aa36)!important}
html[data-foxie-active-plan] body .profile-menu-v2 .profile-menu-plan small,html[data-foxie-active-plan] body .profile-menu-v2 .profile-menu-plan div>span{color:color-mix(in srgb,currentColor 74%,transparent)!important}
.enterprise-quick-buy{height:38px;padding:0 10px;order:-1;border:1px solid var(--foxie-border);border-radius:11px;display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:840;text-decoration:none;white-space:nowrap;transition:.22s}.enterprise-quick-buy:hover{color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 5%,var(--foxie-surface-soft))}.enterprise-quick-buy.compact{width:38px;padding:0;justify-content:center}.enterprise-quick-buy.compact span{display:none}
.enterprise-module-search{width:38px;height:38px;position:relative;order:-2;z-index:95;display:grid;grid-template-columns:38px 0 0;align-items:center;justify-items:center;border:1px solid var(--foxie-border);border-radius:11px;color:var(--foxie-muted);background:var(--foxie-surface-raised);transition:width .36s cubic-bezier(.16,.84,.28,1),border-color .2s ease,box-shadow .2s ease}.enterprise-module-search.expanded{width:min(390px,calc(100vw - 430px));grid-template-columns:38px minmax(190px,1fr) 30px;padding-right:6px;justify-items:stretch;border-color:color-mix(in srgb,var(--foxie-green) 28%,var(--foxie-border));box-shadow:0 8px 24px rgba(10,124,85,.08)}.enterprise-module-search>input{width:0;min-width:0;opacity:0;border:0;outline:0;color:var(--foxie-ink);background:transparent;font:inherit;font-size:12px;font-weight:650;transition:opacity .16s ease .05s}.enterprise-module-search.expanded>input{width:100%;opacity:1}.enterprise-module-search>button{width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.enterprise-module-search>.enterprise-search-launch{width:38px;height:38px;border-radius:10px;color:inherit;background:transparent;cursor:pointer}.enterprise-module-search>.enterprise-search-launch:hover{color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.enterprise-module-results{width:100%;position:absolute;right:0;top:45px;padding:7px;border:1px solid var(--foxie-border);border-radius:16px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 26px 70px rgba(14,46,35,.2);animation:enterpriseSearchIn .2s cubic-bezier(.2,.8,.2,1)}.enterprise-module-results>small{display:block;padding:7px 8px;color:var(--foxie-muted);font-size:12px;font-weight:950;letter-spacing:.09em}.enterprise-module-results>button{width:100%;min-height:50px;padding:6px 7px;border:0;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}.enterprise-module-results>button:hover{background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-soft))}.enterprise-module-results>button>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-green);background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-soft))}.enterprise-module-results>button>div{display:grid}.enterprise-module-results>button strong{font-size:12px}.enterprise-module-results>button small{margin-top:2px;color:var(--foxie-muted);font-size:12px}.enterprise-module-results>footer{height:34px;margin:5px -7px -7px;padding:0 11px;border-top:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px}.enterprise-module-results kbd{padding:3px 5px;border:1px solid var(--foxie-border);border-radius:5px;background:var(--foxie-surface-raised);font:inherit;font-weight:850}@keyframes enterpriseSearchIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1080px){.enterprise-module-search.expanded{width:min(330px,calc(100vw - 370px))}html body .shell-v2 .profile-trigger{min-width:44px!important;width:44px!important;gap:0!important}html body .shell-v2 .profile-trigger>div:nth-child(2){display:none!important}}
@media(max-width:960px){.enterprise-scroll-header,.enterprise-scroll-header.compact{left:0!important}html body .shell-v2 .shell-content-v2,html body .shell-v2 .shell-content-v2.expanded{margin-left:0!important}html body .shell-v2 .topbar-v2,html body .shell-v2 .shell-content-v2.expanded .topbar-v2{left:0!important;right:0!important;padding:9px 12px!important}html body .shell-v2 .content-v2{padding-top:76px!important}html body .shell-v2 .topbar-left-v2{display:flex!important;margin:0!important}.shell-v2 .workspace-switcher{display:flex!important}}
@media(max-width:760px){.enterprise-quick-buy{display:none!important}.shell-v2 .language-switcher{display:none!important}.enterprise-module-search.expanded{width:min(260px,calc(100vw - 270px))}}
@media(max-width:540px){html body .shell-v2 .topbar-v2{gap:4px!important;padding:9px 8px!important}.shell-v2 .icon-button:first-of-type{display:none!important}.shell-v2 .enterprise-module-search{display:none!important}html body .shell-v2 .profile-trigger>.v-icon{display:none!important}}
@media(max-width:390px){.shell-v2 .topbar-left-v2{height:38px!important}.shell-v2 .topbar-actions-v2{height:50px!important}}

.foxie-inbox-mobile-app-menu{display:none}

/*
 * Mobile shell
 * ------------
 * ShellChromeEnhancer used to re-enable the desktop workspace control with
 * !important below 960px. On a phone that left five independent controls
 * fighting for roughly 390px. The mobile shell is deliberately much simpler:
 * one navigation affordance on the left and account/communication actions on
 * the right. Desktop/tablet rules remain untouched.
 */
@media (max-width:760px){
html body .shell-v2 .topbar-v2,
  html body .shell-v2 .shell-content-v2.expanded .topbar-v2{
    box-sizing:border-box!important;
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    left:0!important;
    right:0!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    overflow:visible!important;
}
html body .shell-v2 .topbar-left-v2{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
}
html body .shell-v2 .topbar-left-v2 .workspace-switcher,
  html body .shell-v2 .topbar-left-v2 .workspace-create-link,
  html body .shell-v2 .module-search,
  html body .shell-v2 .enterprise-module-search,
  html body .shell-v2 .enterprise-quick-buy,
  html body .shell-v2 .language-switcher,
  html body .shell-v2 .topbar-actions-v2>.icon-button:first-child{
    display:none!important;
}
html body .shell-v2 .mobile-menu{
    box-sizing:border-box!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid color-mix(in srgb,var(--foxie-green) 14%,var(--foxie-border))!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-ink)!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;
    box-shadow:0 5px 16px rgba(10,55,39,.055)!important;
}
html body .shell-v2 .topbar-actions-v2{
    min-width:0!important;
    height:40px!important;
    flex:0 0 auto!important;
    grid-column:auto!important;
    margin:0 0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
}
html body .shell-v2 .topbar-actions-v2>.icon-button,
  html body .shell-v2 .topbar-actions-v2 .internal-chat-header-v2,
  html body .shell-v2 .profile-trigger{
    box-sizing:border-box!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid color-mix(in srgb,var(--foxie-green) 11%,var(--foxie-border))!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;
    box-shadow:0 5px 16px rgba(10,55,39,.045)!important;
}
html body .shell-v2 .profile-trigger>div:nth-child(2),
  html body .shell-v2 .profile-trigger>.v-icon{
    display:none!important;
}
html body .shell-v2 .profile-trigger .header-avatar{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:10px!important;
}
html body .shell-v2 .notification-trigger b,
  html body .shell-v2 .internal-chat-header-v2>b{
    right:-4px!important;
    top:-5px!important;
}
html body .shell-v2 .content-v2{
    min-height:calc(100dvh - 64px)!important;
    padding-top:64px!important;
}
}
@media (max-width:420px){
html body .shell-v2 .topbar-v2,
  html body .shell-v2 .shell-content-v2.expanded .topbar-v2{
    padding-left:9px!important;
    padding-right:9px!important;
    gap:6px!important;
}
html body .shell-v2 .topbar-actions-v2{gap:5px!important}
}

/*
 * Atendimento on phones
 * ---------------------
 * The inbox itself becomes the mobile application. The global shell is hidden
 * and a small local hamburger opens the existing Foxie drawer. Opening a chat
 * then replaces the list with a true 100dvh conversation, like WhatsApp.
 */
@media (max-width:700px){
html.foxie-mobile-inbox-route,
  html.foxie-mobile-inbox-route body,
  html.foxie-mobile-inbox-route #app{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
html.foxie-mobile-inbox-route body .shell-v2{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-route body .shell-v2 .topbar-v2,
  html.foxie-mobile-inbox-route body .enterprise-scroll-header{
    display:none!important;
}
html.foxie-mobile-inbox-route body .shell-v2 .shell-content-v2,
  html.foxie-mobile-inbox-route body .shell-v2 .shell-content-v2.expanded{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin-left:0!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-route body .shell-v2 .content-v2{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding-top:0!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-route body .inbox-v6-shell,
  html.foxie-mobile-inbox-route body .inbox-v6-shell .inbox-v3{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-route body .quick-chat-fab-v2{
    display:none!important;
}
.foxie-inbox-mobile-app-menu{
    box-sizing:border-box;
    width:40px;
    height:40px;
    position:fixed;
    z-index:190;
    left:12px;
    top:max(12px,env(safe-area-inset-top));
    padding:0;
    border:1px solid color-mix(in srgb,var(--foxie-green) 18%,var(--foxie-border));
    border-radius:12px;
    place-items:center;
    color:var(--foxie-ink);
    background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);
    box-shadow:0 7px 20px rgba(7,55,38,.08);
    backdrop-filter:blur(14px);
}
html.foxie-mobile-inbox-route:not(.foxie-mobile-inbox-chat) .foxie-inbox-mobile-app-menu{
    display:grid;
}
html.foxie-mobile-inbox-route body .inbox-v3:not(.has-chat) .chat-list-pane{
    padding-top:env(safe-area-inset-top)!important;
}
html.foxie-mobile-inbox-route body .inbox-v3:not(.has-chat) .list-head{
    min-height:68px!important;
    box-sizing:border-box!important;
    padding:13px 12px 10px 64px!important;
    align-items:flex-start!important;
}
html.foxie-mobile-inbox-route body .inbox-v3:not(.has-chat) .list-head h1{
    font-size:1.34rem!important;
}
html.foxie-mobile-inbox-route body .inbox-v3:not(.has-chat) .list-head>div:first-child{
    min-width:0!important;
}
html.foxie-mobile-inbox-route body .inbox-v3 .chat-list-scroll{
    scrollbar-gutter:auto!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
}
html.foxie-mobile-inbox-chat body .inbox-health{
    display:none!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3.has-chat .conversation-pane{
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    position:fixed!important;
    inset:0!important;
    z-index:180!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:var(--foxie-surface)!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3.has-chat .conversation-head{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:calc(60px + env(safe-area-inset-top))!important;
    flex:0 0 auto!important;
    padding:env(safe-area-inset-top) 8px 7px 5px!important;
    gap:6px!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent)!important;
    box-shadow:0 1px 0 var(--foxie-border)!important;
    backdrop-filter:blur(16px)!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .conversation-head .person{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:7px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .mobile-back{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-ink)!important;
    background:transparent!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .avatar.large{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border-radius:50%!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .person>div{
    min-width:0!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .person strong{
    font-size:13px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .person small{
    max-width:100%!important;
    font-size:12px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .mobile-conversation-tools{
    flex:0 0 auto!important;
    display:block!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .mobile-tools-trigger{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
}

  /* Contexto had a later !important rule that resurrected it below the header. */
html.foxie-mobile-inbox-chat body .inbox-v3 .conversation-actions{
    display:none!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .conversation-actions:has(.message-search.open){
    width:auto!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    top:calc(60px + env(safe-area-inset-top))!important;
    z-index:190!important;
    display:block!important;
    pointer-events:none!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .conversation-actions:has(.message-search.open) .message-search.open{
    width:100%!important;
    display:flex!important;
    pointer-events:auto!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .conversation-actions>button.ai-context-trigger{
    display:none!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .control-banner{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:6px 10px!important;
    font-size:12px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .messages-area{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    flex:1 1 0!important;
    box-sizing:border-box!important;
    padding:14px 9px 16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:auto!important;
    overscroll-behavior:contain!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .message{
    max-width:100%!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .message-stack{
    width:auto!important;
    min-width:0!important;
    max-width:88%!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .bubble{
    box-sizing:border-box!important;
    width:fit-content!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .bubble:has(.wa-audio-card){
    width:min(330px,calc(100vw - 64px))!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-player{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:36px minmax(0,1fr) 25px!important;
    gap:6px!important;
    padding:7px 7px 6px!important;
    overflow:hidden!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-body,
  html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-waveform,
  html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-meta,
  html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-meta-actions,
  html.foxie-mobile-inbox-chat body .inbox-v3 .wa-transcript{
    min-width:0!important;
    max-width:100%!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-waveform{
    gap:1px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-waveform i{
    min-width:1px!important;
    width:2px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .file-message,
  html.foxie-mobile-inbox-chat body .inbox-v3 .media-preview,
  html.foxie-mobile-inbox-chat body .inbox-v3 .location-message-card,
  html.foxie-mobile-inbox-chat body .inbox-v3 .call-message-card{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .reply-preview,
  html.foxie-mobile-inbox-chat body .inbox-v3 .upload-preview{
    flex:0 0 auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .composer,
  html.foxie-mobile-inbox-chat body .inbox-v3 .composer-readonly{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:62px!important;
    flex:0 0 auto!important;
    padding:7px 8px max(7px,env(safe-area-inset-bottom))!important;
    gap:7px!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent)!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .composer-box{
    min-width:0!important;
    border-radius:18px!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .composer>button{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border-radius:50%!important;
}
html.foxie-mobile-inbox-chat body .inbox-v3 .media-panel{
    position:fixed!important;
    inset:0!important;
    z-index:200!important;
    width:100vw!important;
    height:100dvh!important;
}
}
@media (max-width:380px){
html.foxie-mobile-inbox-chat body .inbox-v3 .message-stack{max-width:91%!important}
html.foxie-mobile-inbox-chat body .inbox-v3 .bubble:has(.wa-audio-card){width:min(306px,calc(100vw - 54px))!important}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-meta .wa-transcribe-trigger{font-size:0!important;gap:0!important;padding:2px 5px!important}
html.foxie-mobile-inbox-chat body .inbox-v3 .wa-audio-meta .wa-transcribe-trigger .v-icon{font-size:12px!important}
}

.foxie-mobile-shell-brand,.foxie-inbox-theme-toggle{display:none}
.theme-toggle-track{width:28px;height:16px;position:relative;border-radius:999px;display:block;background:color-mix(in srgb,var(--foxie-muted) 20%,var(--foxie-surface-soft));transition:.18s}.theme-toggle-track i{width:12px;height:12px;position:absolute;left:2px;top:2px;border-radius:50%;background:var(--foxie-surface-raised);box-shadow:0 1px 4px rgba(8,33,25,.18);transition:.18s}.theme-toggle-track.dark{background:color-mix(in srgb,var(--foxie-green) 68%,#24372f)}.theme-toggle-track.dark i{left:14px}

/*
 * One authoritative mobile header.
 * ShellChromeEnhancer + MobileResponsivePolish both touch the same desktop shell,
 * so this final layer deliberately resets the mobile topbar instead of stacking
 * another visual treatment on top of it.
 */
@media(max-width:760px){
html body .enterprise-scroll-header,
  html body .enterprise-scroll-header.compact{display:none!important}
html body .shell-v2 .topbar-v2,
  html body .shell-v2 .shell-content-v2.expanded .topbar-v2{
    box-sizing:border-box!important;
    width:100%!important;
    height:calc(58px + env(safe-area-inset-top))!important;
    min-height:calc(58px + env(safe-area-inset-top))!important;
    position:fixed!important;
    inset:0 0 auto 0!important;
    padding:env(safe-area-inset-top) 10px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--foxie-green) 10%,var(--foxie-border))!important;
    border-radius:0!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;
    box-shadow:0 7px 24px rgba(11,52,38,.055)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    pointer-events:auto!important;
}
html body .shell-v2 .topbar-atmosphere,
  html body .shell-v2 .module-search,
  html body .shell-v2 .enterprise-module-search,
  html body .shell-v2 .enterprise-quick-buy,
  html body .shell-v2 .language-switcher,
  html body .shell-v2 .topbar-left-v2 .workspace-switcher,
  html body .shell-v2 .topbar-left-v2 .workspace-create-link,
  html body .shell-v2 .topbar-actions-v2>.icon-button:first-child,
  html body .shell-v2 .foxie-mobile-theme-toggle{display:none!important}
html body .shell-v2 .topbar-left-v2{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
    padding:0!important;
    order:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}
html body .shell-v2 .mobile-menu{
    box-sizing:border-box!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid color-mix(in srgb,var(--foxie-green) 13%,var(--foxie-border))!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-ink)!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;
    box-shadow:0 5px 14px rgba(11,68,47,.045)!important;
}
html body .shell-v2 .mobile-menu:active{transform:scale(.96)!important;background:color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-surface-raised))!important}
html body .shell-v2 .mobile-menu .v-icon{font-size:20px!important}
.foxie-mobile-shell-brand{
    position:absolute;
    left:50%;
    top:calc(env(safe-area-inset-top) + 10px);
    z-index:3;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    pointer-events:auto;
}
.foxie-mobile-shell-brand .brand-word{font-size:1.08rem!important;letter-spacing:-.065em!important}
.foxie-mobile-shell-brand>span{color:var(--foxie-muted);font-size:12px;font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase}
html body .shell-v2 .topbar-actions-v2{
    width:auto!important;
    min-width:0!important;
    height:38px!important;
    flex:0 0 auto!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    order:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
html body .shell-v2 .topbar-actions-v2>.icon-button,
  html body .shell-v2 .topbar-actions-v2 .internal-chat-header-v2{
    box-sizing:border-box!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-muted)!important;
    background:transparent!important;
    box-shadow:none!important;
}
html body .shell-v2 .topbar-actions-v2>.icon-button:active,
  html body .shell-v2 .topbar-actions-v2 .internal-chat-header-v2:active{color:var(--foxie-green)!important;background:color-mix(in srgb,var(--foxie-green) 7%,var(--foxie-surface-soft))!important}
html body .shell-v2 .topbar-actions-v2 .v-icon{font-size:18px!important}
html body .shell-v2 .profile-trigger{
    box-sizing:border-box!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    background:transparent!important;
    box-shadow:none!important;
}
html body .shell-v2 .profile-trigger>div:nth-child(2),
  html body .shell-v2 .profile-trigger>.v-icon{display:none!important}
html body .shell-v2 .profile-trigger .header-avatar{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex:0 0 32px!important;
    border:1px solid color-mix(in srgb,var(--foxie-green) 15%,var(--foxie-border))!important;
    border-radius:11px!important;
    box-shadow:0 4px 12px rgba(12,76,52,.08)!important;
}
html body .shell-v2 .notification-trigger,
  html body .shell-v2 .internal-chat-header-v2{position:relative!important}
html body .shell-v2 .notification-trigger b,
  html body .shell-v2 .internal-chat-header-v2>b{
    min-width:14px!important;
    height:14px!important;
    right:-3px!important;
    top:-4px!important;
    padding:0 3px!important;
    border:1.5px solid var(--foxie-surface-raised)!important;
    font-size:12px!important;
}
html body .shell-v2 .content-v2{
    min-height:100dvh!important;
    padding-top:calc(58px + env(safe-area-inset-top))!important;
}
}
@media(max-width:360px){
html body .shell-v2 .topbar-v2,
  html body .shell-v2 .shell-content-v2.expanded .topbar-v2{padding-left:8px!important;padding-right:8px!important}
html body .shell-v2 .topbar-actions-v2{gap:1px!important}
html body .shell-v2 .topbar-actions-v2>.icon-button,
  html body .shell-v2 .topbar-actions-v2 .internal-chat-header-v2{width:31px!important;min-width:31px!important;max-width:31px!important;flex-basis:31px!important}
html body .shell-v2 .profile-trigger{width:33px!important;min-width:33px!important;max-width:33px!important;flex-basis:33px!important}
html body .shell-v2 .profile-trigger .header-avatar{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important}
.foxie-mobile-shell-brand{transform:translateX(-54%)}
}
@media(max-width:700px){
html.foxie-mobile-inbox-route body .shell-v2 .topbar-v2{display:none!important}
html.foxie-mobile-inbox-route body .shell-v2 .content-v2{padding-top:0!important}
html.foxie-mobile-inbox-route:not(.foxie-mobile-inbox-chat) .foxie-inbox-theme-toggle{
    width:43px;height:30px;position:fixed;z-index:192;right:9px;top:max(12px,env(safe-area-inset-top));padding:0 3px;border:0;border-radius:999px;
    display:flex;align-items:center;justify-content:center;gap:3px;color:var(--foxie-muted);background:transparent;box-shadow:none;
}
html.foxie-mobile-inbox-route body .inbox-v3:not(.has-chat) .list-head{padding-right:60px!important}
html.foxie-mobile-inbox-chat body .whisper-panel{
    width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important;z-index:310!important;border:0!important;box-shadow:none!important;
}
html.foxie-mobile-inbox-chat body .ai-context-overlay{position:fixed!important;inset:0!important;z-index:310!important}
html.foxie-mobile-inbox-chat body .ai-context-panel{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important}
html.foxie-mobile-inbox-chat body .whisper-head{padding-top:max(8px,env(safe-area-inset-top))!important}

  /* Internal chat is a full mobile surface. Never leave the global shell above it. */
html body:has(.quick-chat-window-v2) .shell-v2 .topbar-v2{display:none!important}
html body:has(.quick-chat-window-v2) .shell-v2 .content-v2{padding-top:0!important}
html body:has(.quick-chat-window-v2) .quick-chat-window-v2{
    width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
    inset:0!important;right:auto!important;bottom:auto!important;border:0!important;border-radius:0!important;z-index:360!important;box-shadow:none!important;
}
html body:has(.quick-chat-window-v2) .quick-chat-window-v2 .internal-chat-head{
    min-height:calc(58px + env(safe-area-inset-top))!important;padding:max(8px,env(safe-area-inset-top)) 10px 8px!important;
}
html body:has(.quick-chat-window-v2) .quick-chat-window-v2 .internal-chat-back,
  html body:has(.quick-chat-window-v2) .quick-chat-window-v2 .internal-chat-close{
    width:34px!important;height:34px!important;border-radius:50%!important;background:transparent!important;
}
html body:has(.quick-chat-window-v2) .quick-chat-window-v2 .internal-chat-brand{
    width:34px!important;height:34px!important;border-radius:50%!important;
}
html body:has(.quick-chat-window-v2) .quick-chat-window-v2 .messages{padding-top:12px!important;padding-bottom:14px!important}
html body:has(.quick-chat-window-v2) .quick-chat-window-v2 .composer{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){
.theme-toggle-track,.theme-toggle-track i,.mobile-menu{transition:none!important}
}

.profile-menu-professionalizer{display:none!important}
.profile-menu-v2{
  width:260px;
  max-width:calc(100vw - 18px);
  padding:8px;
  border:1px solid var(--foxie-border);
  border-radius:14px;
  color:var(--foxie-ink);
  background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);
  box-shadow:0 20px 54px rgba(10,26,21,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.profile-trigger{height:40px!important;padding:2px 7px 2px 3px!important;border-radius:9px!important}
.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{border-color:var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-ink) 3%,var(--foxie-surface-raised))!important;box-shadow:none!important}
.header-avatar{width:32px!important;height:32px!important;border:1px solid var(--foxie-border)!important;border-radius:50%!important;color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important;box-shadow:none!important}
.header-avatar img{border-radius:50%!important}
.profile-trigger strong{font-size:12px!important;font-weight:720!important}.profile-trigger small{font-size:12px!important}
.theme-state-dot{width:28px;height:16px;position:relative;border:1px solid var(--foxie-border);border-radius:999px;background:var(--foxie-surface-soft)}
.theme-state-dot:after{content:"";width:11px;height:11px;position:absolute;top:1.5px;left:2px;border-radius:50%;background:var(--foxie-muted);transition:left .16s ease,background .16s ease}
.theme-state-dot.dark{border-color:color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))}
.theme-state-dot.dark:after{left:13px;background:var(--foxie-accent)}
html[data-foxie-theme='dark'] .profile-menu-v2{background:color-mix(in srgb,var(--foxie-surface-raised) 97%,#000);box-shadow:0 20px 58px rgba(0,0,0,.30)}
@media(max-width:540px){.profile-menu-v2{width:min(260px,calc(100vw - 16px))}}

.route-particle-morph[data-v-19c75d50]{
  position:fixed;
  inset:0;
  z-index:10020;
  overflow:hidden;
  pointer-events:none;
  isolation:isolate;
}
.route-particle-morph.is-embedded[data-v-19c75d50]{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:auto;
  overflow:visible;
  touch-action:none;
}
.route-particle-morph.is-embedded .route-particle-morph__veil[data-v-19c75d50],
.route-particle-morph.is-embedded .route-particle-morph__aura[data-v-19c75d50]{
  display:none;
}
.route-particle-morph__screen-backdrop[data-v-19c75d50]{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--foxie-surface) 34%,transparent),
      color-mix(in srgb,var(--foxie-surface-raised) 26%,transparent)
    );
  -webkit-backdrop-filter:blur(18px) saturate(.96);
  backdrop-filter:blur(18px) saturate(.96);
  pointer-events:none;
}
html[data-foxie-theme='light']{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,#ffffff 34%,transparent),
      color-mix(in srgb,var(--foxie-surface) 24%,transparent)
    );
  -webkit-backdrop-filter:blur(18px) saturate(.98) brightness(1.015);
  backdrop-filter:blur(18px) saturate(.98) brightness(1.015);
}
html[data-foxie-theme='dark']{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--foxie-surface) 30%,transparent),
      color-mix(in srgb,var(--foxie-surface-raised) 22%,transparent)
    );
  -webkit-backdrop-filter:blur(19px) saturate(.88);
  backdrop-filter:blur(19px) saturate(.88);
}
.route-particle-morph__veil[data-v-19c75d50]{
  position:absolute;
  inset:0;
  z-index:1;
  /* foxie-theme-no-veil-v1: route particles are decorative. Never hide the
     application behind a theme-colored fullscreen sheet. */
  background:transparent;
  pointer-events:none;
}
.route-particle-morph__veil[data-v-19c75d50]:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 49%,color-mix(in srgb,var(--foxie-accent) 7%,transparent),transparent 17%),
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--foxie-accent) 2.5%,transparent),transparent 43%);
}
.route-particle-morph__aura[data-v-19c75d50]{
  z-index:2;
  width:min(430px,50vw);
  aspect-ratio:1;
  position:absolute;
  left:50%;
  top:49%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--foxie-accent) 8%,transparent),transparent 69%);
  filter:blur(26px);
  opacity:.66;
  animation:route-particle-aura-19c75d50 1.25s cubic-bezier(.22,.75,.2,1) both;
}
.route-particle-morph.is-compact .route-particle-morph__veil[data-v-19c75d50]:after{
  background:
    radial-gradient(circle at 50% 49%,color-mix(in srgb,var(--foxie-accent) 6.5%,transparent),transparent 10%),
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--foxie-accent) 2.2%,transparent),transparent 25%);
}
.route-particle-morph.is-compact .route-particle-morph__aura[data-v-19c75d50]{
  width:min(205px,28vw);
  top:49%;
  filter:blur(15px);
  opacity:.50;
}
.route-particle-morph__canvas[data-v-19c75d50]{
  z-index:3;
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.route-particle-morph.is-embedded .route-particle-morph__canvas[data-v-19c75d50]{
  width:min(520px,92vw);
  height:min(420px,72vh);
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
  max-width:none;
  max-height:none;
}
@keyframes route-particle-aura-19c75d50{
0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}
42%{opacity:.7;transform:translate(-50%,-50%) scale(.98)}
69%{opacity:.62;transform:translate(-50%,-50%) scale(1.02)}
100%{opacity:0;transform:translate(-50%,-50%) scale(1.26)}
}
@media(prefers-reduced-motion:reduce){
.route-particle-morph__veil[data-v-19c75d50]{background:transparent}
.route-particle-morph__aura[data-v-19c75d50]{animation:none;opacity:.22}
}

.auth-brand-particle-morph[data-v-b01e027c] {
  display:block;
  width:100%;
  height:100%;
  position:relative;
  isolation:isolate;
  overflow:visible;
  user-select:none;
  cursor:crosshair;
}
.auth-brand-particle-morph__canvas[data-v-b01e027c] {
  position:absolute;
  left:50%;
  top:50%;
  width:calc(100% + 300px);
  height:calc(100% + 260px);
  min-width:420px;
  min-height:310px;
  transform:translate(-50%,-50%);
  display:block;
  overflow:visible;
  background:transparent;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at center,#000 0%,#000 57%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 72% at center,#000 0%,#000 57%,transparent 100%);
}
/* Lightweight rail form shares pixel-perfect logo raster and lens geometry. */
.auth-brand-particle-morph.is-sidebar .auth-brand-particle-morph__canvas[data-v-b01e027c] {
  width:calc(100% + 100px);
  height:calc(100% + 80px);
  min-width:220px;
  min-height:150px;
}
.auth-brand-particle-morph.is-workspace .auth-brand-particle-morph__canvas[data-v-b01e027c],
.auth-brand-particle-morph.is-transition .auth-brand-particle-morph__canvas[data-v-b01e027c] {
  width:calc(100% + 180px);
  height:calc(100% + 160px);
  min-width:320px;
  min-height:260px;
}
.auth-brand-particle-morph.is-dark .auth-brand-particle-morph__canvas[data-v-b01e027c] {
  /* Black outlines remain black. A hairline halo improves dark contrast. */
  filter:drop-shadow(0 0 1px rgba(255,255,255,.36));
}
.auth-brand-particle-morph__fallback[data-v-b01e027c] {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
@media(max-width:520px) {
.auth-brand-particle-morph__canvas[data-v-b01e027c] {
    min-width:370px;
    min-height:280px;
    width:calc(100% + 210px);
    height:calc(100% + 205px);
}
}
@media(prefers-reduced-motion:reduce) {
.auth-brand-particle-morph__canvas[data-v-b01e027c] {transition:none!important;animation:none!important}
}

.auth-entry-transition[data-v-bd68a0c8] {
  position:fixed;
  inset:0;
  z-index:10040;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:hidden;
  pointer-events:all;
  color:#1c2830;
  background:rgba(244,248,247,.28);
  -webkit-backdrop-filter:blur(15px) saturate(1.05);
  backdrop-filter:blur(15px) saturate(1.05);
  animation:foxie-auth-entry-veil-bd68a0c8 .66s cubic-bezier(.16,1,.3,1) both;
}
.auth-entry-transition.is-dark[data-v-bd68a0c8] {
  color:#f3f7fa;
  background:rgba(10,17,23,.32);
}
.auth-entry-transition__curtain[data-v-bd68a0c8] {
  position:absolute;
  top:0;bottom:0;
  width:52%;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(140deg,rgba(248,250,251,.94),rgba(238,243,244,.94));
  box-shadow:0 0 50px rgba(12,23,30,.03);
  animation:foxie-auth-curtain-in-bd68a0c8 .69s cubic-bezier(.16,1,.3,1) both;
}
.auth-entry-transition__curtain--left[data-v-bd68a0c8]{left:0;transform-origin:left;--from-x:-100%}
.auth-entry-transition__curtain--right[data-v-bd68a0c8]{right:0;transform-origin:right;--from-x:100%}
.is-dark .auth-entry-transition__curtain[data-v-bd68a0c8] {
  background:linear-gradient(145deg,rgba(15,23,30,.96),rgba(20,31,38,.95));
  box-shadow:0 0 60px rgba(0,0,0,.12);
}
.auth-entry-transition__glow[data-v-bd68a0c8] {
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 42% 32% at 50% 46%,rgba(245,130,60,.11),transparent 72%),
    radial-gradient(ellipse 32% 26% at 28% 76%,rgba(252,158,97,.04),transparent 70%);
  animation:foxie-auth-glow-bd68a0c8 .95s ease-out both;
}
.auth-entry-transition__field[data-v-bd68a0c8] {
  position:absolute;
  z-index:0;
  width:min(980px,100vw);
  height:min(640px,100vh);
  pointer-events:none;
  opacity:.85;
  -webkit-mask-image:radial-gradient(ellipse,#000 32%,transparent 77%);
  mask-image:radial-gradient(ellipse,#000 32%,transparent 77%);
}
.auth-entry-transition__stage[data-v-bd68a0c8] {
  width:min(440px,calc(100vw - 42px));
  max-width:100%;
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:0;
  padding:clamp(18px,4vh,34px) 20px 25px;
  box-sizing:border-box;
  animation:foxie-auth-stage-in-bd68a0c8 .72s cubic-bezier(.16,1,.3,1) .08s both;
}
.auth-entry-transition__mark[data-v-bd68a0c8] {
  width:210px;
  height:178px;
  position:relative;
  margin:0 auto 9px;
  overflow:visible;
}
.auth-entry-transition__copy[data-v-bd68a0c8] {position:relative;max-width:390px}
.auth-entry-transition__copy small[data-v-bd68a0c8] {
  font-family:var(--foxie-font-text,system-ui);
  display:block;
  color:var(--foxie-accent,#ed752f);
  font-size:12px;
  font-weight:760;
  letter-spacing:.17em;
}
.auth-entry-transition__copy h2[data-v-bd68a0c8] {
  margin:11px 0 7px;
  font-family:var(--foxie-font-display,system-ui);
  font-size:clamp(1.48rem,2.6vw,2rem);
  font-weight:540;
  line-height:1.19;
  letter-spacing:-.052em;
}
.auth-entry-transition__copy p[data-v-bd68a0c8] {
  margin:0 auto;
  max-width:330px;
  color:color-mix(in srgb,currentColor 56%,transparent);
  font-family:var(--foxie-font-text,system-ui);
  font-size:.84rem;
  line-height:1.55;
}
.auth-entry-transition__progress[data-v-bd68a0c8] {
  width:min(218px,75%);
  height:2px;
  margin-top:28px;
  border-radius:30px;
  background:color-mix(in srgb,currentColor 12%,transparent);
  overflow:hidden;
}
.auth-entry-transition__progress i[data-v-bd68a0c8] {
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,transparent,#ef9a58,var(--foxie-accent,#ec762d));
  transform-origin:left;
  animation:foxie-auth-progress-bd68a0c8 1.15s cubic-bezier(.15,.8,.2,1) both;
}
.auth-entry-transition__signature[data-v-bd68a0c8] {
  position:absolute;
  bottom:22px;
  z-index:2;
  font-size:12px;
  font-weight:650;
  letter-spacing:.17em;
  color:color-mix(in srgb,currentColor 40%,transparent);
}
@keyframes foxie-auth-entry-veil-bd68a0c8 {
from {opacity:0;backdrop-filter:blur(0)}
to {opacity:1}
}
@keyframes foxie-auth-curtain-in-bd68a0c8 {
from {transform:translate3d(var(--from-x),0,0)}
to {transform:translate3d(0,0,0)}
}
@keyframes foxie-auth-stage-in-bd68a0c8 {
from {opacity:0;transform:translateY(17px) scale(.95);filter:blur(9px)}
to {opacity:1;transform:translateY(0) scale(1);filter:none}
}
@keyframes foxie-auth-glow-bd68a0c8 {
from {opacity:0;transform:scale(.85)}
to {opacity:1;transform:scale(1)}
}
@keyframes foxie-auth-progress-bd68a0c8 {
from {transform:scaleX(0)}
to {transform:scaleX(1)}
}
@media(max-width:620px) {
.auth-entry-transition__mark[data-v-bd68a0c8] {width:176px;height:147px}
.auth-entry-transition__stage[data-v-bd68a0c8] {padding:16px 12px}
.auth-entry-transition__copy h2[data-v-bd68a0c8] {font-size:1.47rem}
}
@media(prefers-reduced-motion:reduce) {
.auth-entry-transition[data-v-bd68a0c8],
  .auth-entry-transition__stage[data-v-bd68a0c8],
  .auth-entry-transition__curtain[data-v-bd68a0c8],
  .auth-entry-transition__glow[data-v-bd68a0c8],
  .auth-entry-transition__progress i[data-v-bd68a0c8] {animation:none!important}
.auth-entry-transition__field[data-v-bd68a0c8] {opacity:.2}
}

.theme-locale-compliance-runtime{display:none!important}
/* Final theme bridge for overlays, menus, modal windows and legacy surfaces. */
html body .v-overlay__content .v-card,
html body .v-overlay__content .v-sheet,
html body .v-overlay__content .v-list,
html body .workspace-popover,
html body .notification-popover,
html body .language-popover-v2,
html body .module-search-results,
html body .profile-menu-v2{
  color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent)!important;border-color:var(--foxie-border)!important;
}
html body .v-overlay__content .v-list-item,
html body .v-overlay__content .v-card-title,
html body .v-overlay__content .v-card-text{color:var(--foxie-ink)!important}
html[data-foxie-theme='dark'] body .v-overlay__content{color-scheme:dark}
html[data-foxie-theme='dark'] body .v-overlay__scrim{background:transparent!important;opacity:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
html[data-foxie-theme='dark'] body .v-dialog>.v-overlay__scrim{background:transparent!important;opacity:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
html body :is(.workspace-popover,.notification-popover,.language-popover-v2,.module-search-results,.profile-menu-v2) button:hover{background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important}

/* Onboarding conversation and setup cards follow the selected profile theme. */
html body .onboarding-chat-page{color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important}
html body .onboarding-chat-header,html body .conversation-shell,html body .conversation-head,html body .conversation-foot{color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html body .onboarding-guide{color:var(--foxie-ink)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-surface-raised)),var(--foxie-surface-raised) 58%,color-mix(in srgb,var(--foxie-accent-strong) 7%,var(--foxie-surface-soft)))!important;border-color:var(--foxie-border)!important}
html body .onboarding-chat-page :is(.chat-bubble,.chat-options button,.goal-picker button,.plan-options button,.chat-composer,.guide-user){color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html body .onboarding-chat-page :is(p,small,.conversation-foot,.guide-hints){color:var(--foxie-muted)!important}
html body .onboarding-chat-page :is(.start-button,.continue-inline,.finish-button){background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;color:#fff!important;border-color:transparent!important}
html body .onboarding-chat-page .chat-options button:hover,html body .onboarding-chat-page .goal-picker button:hover{border-color:color-mix(in srgb,var(--foxie-accent) 46%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))!important}

/* SuperBot / guided-flow construction final compliance layer. */
html body :is(.superbot-ai-creator,.ai-flow-creator,.superbot-builder,.flow-builder,.builder-shell,.flow-creator-shell,.superbot-create-ai){color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important}
html body :is(.superbot-ai-creator,.ai-flow-creator,.superbot-builder,.flow-builder,.builder-shell,.flow-creator-shell,.superbot-create-ai) :is(.chat-panel,.conversation-panel,.builder-panel,.flow-panel,.side-panel,.drawer,.modal-card,.dialog-card,.saved-answers,.question-card,.assistant-card){color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html[data-foxie-theme='dark'] body :is(.superbot-ai-creator,.ai-flow-creator,.superbot-builder,.flow-builder,.builder-shell,.flow-creator-shell,.superbot-create-ai) :is(input,textarea,select){color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important;border-color:var(--foxie-border)!important}

/* Developer portal: no fixed blue/yellow identity. Everything derives from the selected accent. */
html body .dev-portal{--dev-accent:var(--foxie-accent);--dev-strong:var(--foxie-accent-strong);color:var(--foxie-ink)!important;background:var(--foxie-surface)!important}
html body .dev-topbar,html body .dev-nav{color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;border-color:var(--foxie-border)!important;backdrop-filter:blur(18px) saturate(1.1)}
html body .dev-search,html body .dev-console,html body .dev-help,html body .workspace-pill{color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important;border-color:var(--foxie-border)!important}
html body .dev-search input{color:var(--foxie-ink)!important;background:transparent!important}html body .dev-search input::placeholder{color:var(--foxie-muted)!important}
html body .dev-nav button{color:var(--foxie-muted)!important}html body .dev-nav button.active{color:var(--dev-accent)!important;border-color:var(--dev-accent)!important}
html body .dev-main{background:var(--foxie-surface)!important}
html body .dev-hero{min-height:calc(100dvh - 94px)!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;display:grid!important;align-items:center!important;background:var(--foxie-surface)!important}
html body .dev-hero::before,html body .dev-hero::after{content:"";position:absolute;z-index:-2;width:72vmax;height:72vmax;border-radius:50%;filter:blur(76px) saturate(1.35);opacity:.42;will-change:transform;pointer-events:none}
html body .dev-hero::before{left:-25vmax;top:-30vmax;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--dev-accent) 70%,transparent) 0%,color-mix(in srgb,var(--dev-accent) 26%,transparent) 34%,transparent 68%);animation:foxie-dev-aurora-a 13s ease-in-out infinite alternate}
html body .dev-hero::after{right:-30vmax;bottom:-35vmax;background:radial-gradient(circle at 45% 45%,color-mix(in srgb,var(--dev-strong) 64%,var(--foxie-surface)) 0%,color-mix(in srgb,var(--dev-accent) 22%,transparent) 38%,transparent 70%);animation:foxie-dev-aurora-b 16s ease-in-out infinite alternate}
html body .dev-hero .hero-orb{filter:blur(64px)!important;opacity:.34!important;mix-blend-mode:multiply;background:var(--dev-accent)!important;animation:foxie-dev-orb 18s ease-in-out infinite alternate!important}
html[data-foxie-theme='dark'] body .dev-hero .hero-orb{mix-blend-mode:screen;opacity:.18!important}
html body .hero-inner{position:relative;z-index:1}.dev-hero h1{color:var(--foxie-ink)!important}.dev-hero h1 b,.dev-hero .spark{color:var(--dev-accent)!important}.dev-hero p{color:var(--foxie-muted)!important}
html body .hero-prompts button{color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 82%,transparent)!important;border-color:color-mix(in srgb,var(--dev-accent) 20%,var(--foxie-border))!important;backdrop-filter:blur(18px)}
html body .hero-prompts button:hover{border-color:color-mix(in srgb,var(--dev-accent) 52%,var(--foxie-border))!important;background:color-mix(in srgb,var(--dev-accent) 9%,var(--foxie-surface-raised))!important}
html body .portal-section,html body .docs-shell,html body .docs-content{color:var(--foxie-ink)!important;background:var(--foxie-surface)!important}
html body .dev-portal :is(.direction-card,.resource-grid article,.code-card,.endpoint-card,.auth-note,.download-grid article,.contract-path article,.guide-block,.assistant-panel){color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html body .dev-portal :is(p,small,.docs-breadcrumb,.endpoint-meta,.assistant-context,.assistant-panel footer){color:var(--foxie-muted)!important}
html body .dev-portal .direction-card.primary{background:linear-gradient(145deg,var(--dev-accent),var(--dev-strong))!important;color:#fff!important;border-color:transparent!important}
html body .dev-portal .direction-card.primary :is(h3,p,small,button){color:#fff!important}
html body .dev-portal :is(.direction-icon,.resource-grid article>span,.download-grid article>span){color:var(--dev-accent)!important;background:color-mix(in srgb,var(--dev-accent) 9%,var(--foxie-surface-soft))!important}
html body .docs-sidebar{color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}.docs-sidebar button{color:var(--foxie-muted)!important}.docs-sidebar button.active{color:var(--dev-accent)!important;background:color-mix(in srgb,var(--dev-accent) 9%,var(--foxie-surface-soft))!important}
html body .assistant-fab{background:linear-gradient(135deg,var(--dev-accent),var(--dev-strong))!important;color:#fff!important}
@keyframes foxie-dev-aurora-a{0%{transform:translate3d(-4%,-4%,0) scale(.9) rotate(0)}50%{transform:translate3d(18%,12%,0) scale(1.12) rotate(18deg)}100%{transform:translate3d(8%,28%,0) scale(.96) rotate(34deg)}}
@keyframes foxie-dev-aurora-b{0%{transform:translate3d(6%,8%,0) scale(.92) rotate(0)}50%{transform:translate3d(-20%,-10%,0) scale(1.16) rotate(-20deg)}100%{transform:translate3d(-8%,-28%,0) scale(1.02) rotate(-38deg)}}
@keyframes foxie-dev-orb{0%{transform:translate3d(-10%,0,0) scale(.9)}100%{transform:translate3d(18%,14%,0) scale(1.18)}}
@media(prefers-reduced-motion:reduce){html body .dev-hero::before,html body .dev-hero::after,html body .dev-hero .hero-orb{animation:none!important}}
@media(max-width:760px){html body .dev-hero{min-height:calc(100dvh - 112px)!important;padding-block:56px!important}}
.nav-item-v2[href="/app/foxie-ai"] .nav-icon{position:relative;overflow:visible;color:#fff!important;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 76%,#fff),var(--foxie-accent))!important;border-color:color-mix(in srgb,var(--foxie-accent) 48%,transparent)!important;box-shadow:0 0 13px rgba(var(--foxie-accent-rgb),.78),0 0 31px rgba(var(--foxie-accent-rgb),.45),0 0 58px rgba(var(--foxie-accent-rgb),.2)!important;animation:foxie-sidebar-theme-glow 2.2s ease-in-out infinite}.nav-item-v2[href="/app/foxie-ai"] .nav-icon:after{content:"";position:absolute;inset:-9px;border-radius:inherit;background:radial-gradient(circle,rgba(var(--foxie-accent-rgb),.42),transparent 69%);filter:blur(6px);z-index:-1;pointer-events:none}.nav-item-v2[href="/app/foxie-ai"].router-link-active{border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--border))!important;background:linear-gradient(90deg,rgba(var(--foxie-accent-rgb),.15),transparent 76%)!important}.nav-item-v2[href="/app/foxie-ai"].router-link-active .active-pulse{background:var(--foxie-accent)!important;box-shadow:0 0 14px rgba(var(--foxie-accent-rgb),.8)!important}@keyframes foxie-sidebar-theme-glow{0%,100%{filter:brightness(1);box-shadow:0 0 10px rgba(var(--foxie-accent-rgb),.65),0 0 25px rgba(var(--foxie-accent-rgb),.35),0 0 48px rgba(var(--foxie-accent-rgb),.16)}50%{filter:brightness(1.16);box-shadow:0 0 17px rgba(var(--foxie-accent-rgb),.95),0 0 40px rgba(var(--foxie-accent-rgb),.58),0 0 72px rgba(var(--foxie-accent-rgb),.27)}}

/* foxie-canvas-tool-stack-authority-v2
   The editor is the stacking authority while it is open. The chat composer remains
   visible in its reserved bottom area, but it may not cover native Canvas trays. */
body .foxie-ai-page.foxie-image-editor-active .composer-wrap,
body .foxie-ai-page.foxie-image-editor-active .composer{z-index:10!important}
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host{z-index:200!important;overflow:visible!important}
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .inspace-tools-sidebar,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .inspace-tools-sidebar{z-index:2140!important;overflow:visible!important;isolation:isolate}
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .inspace-tool-wrapper:has(.inspace-tool-drawer),
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .inspace-tool-wrapper:has(.inspace-tool-panel),
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .inspace-tool-wrapper:has(.inspace-tool-drawer),
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .inspace-tool-wrapper:has(.inspace-tool-panel){z-index:2150!important}
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .inspace-tool-drawer,
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .inspace-tool-panel,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .inspace-tool-drawer,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .inspace-tool-panel{z-index:2160!important}
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .editor-bottom-tools,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .editor-bottom-tools{z-index:1900!important}
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .floating-panel,
body .foxie-ai-page.foxie-image-editor-active .foxie-image-editor-layer .editor-dropdown,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .floating-panel,
body .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .editor-dropdown{z-index:2200!important}.brush-preview[data-v-2ac87b4b]{display:block;width:100%;height:auto;max-height:68px;border-radius:8px;background:repeating-conic-gradient(#80808020 0% 25%,#80808008 0% 50%) 0 / 12px 12px}
.designer-drawer[data-v-84e23398]{position:absolute;inset:0 0 0 auto;width:320px;max-width:calc(100vw - 24px);z-index:850;display:flex;flex-direction:column;min-height:0;background:var(--foxie-surface-raised,#fff);color:var(--foxie-ink,#111827);border-left:1px solid var(--foxie-border,#dde1e8);box-shadow:-8px 0 32px #0000000c;font-size:12px;line-height:1.45;user-select:text}.dd-header[data-v-84e23398]{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;flex-shrink:0}.dd-header small[data-v-84e23398]{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--foxie-muted)}.dd-header h2[data-v-84e23398]{font-size:17px;font-weight:650;letter-spacing:-.03em;margin:3px 0 0}.designer-drawer button[data-v-84e23398]{cursor:pointer;font:inherit;color:inherit;border:1px solid var(--foxie-border,#ddd);background:var(--foxie-surface-soft,#f6f7f9);border-radius:9px;min-height:34px;padding:8px 11px;transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:6px}.designer-drawer button[data-v-84e23398]:hover:not(:disabled){border-color:var(--foxie-accent);color:var(--foxie-accent)}.designer-drawer button[data-v-84e23398]:disabled{opacity:.42;cursor:not-allowed}.designer-drawer .active[data-v-84e23398]{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 45%,transparent);background:color-mix(in srgb,var(--foxie-accent) 10%,transparent)}.designer-drawer .dd-icon[data-v-84e23398]{width:30px;height:30px;min-height:0;padding:4px;background:transparent;border-color:transparent;flex-shrink:0}.dd-tabs[data-v-84e23398]{display:grid;grid-template-columns:repeat(6,1fr);padding:0 9px 10px;border-bottom:1px solid var(--foxie-border);gap:2px}.dd-tabs button[data-v-84e23398]{border-color:transparent;min-width:0;padding:8px 2px;display:flex;flex-direction:column;font-size:12px;gap:4px;background:transparent}.dd-scroll[data-v-84e23398]{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--foxie-border) transparent}.dd-section[data-v-84e23398]{padding:17px;display:flex;flex-direction:column;gap:14px}.dd-section h3[data-v-84e23398]{font-size:12px;display:flex;justify-content:space-between;margin:7px 0 -3px}.dd-section h3 small[data-v-84e23398]{color:var(--foxie-muted);font-size:12px;font-weight:400}.dd-field[data-v-84e23398],.dd-slider[data-v-84e23398]{display:flex;flex-direction:column;gap:7px}.dd-field>span[data-v-84e23398],.dd-slider>span[data-v-84e23398]{font-size:12px;color:var(--foxie-muted);display:flex;align-items:center;justify-content:space-between}.dd-slider output[data-v-84e23398]{font-variant-numeric:tabular-nums;font-weight:650;color:var(--foxie-ink);font-size:12px}.designer-drawer input[data-v-84e23398]:not([type=range]):not([type=color]):not([type=checkbox]),.designer-drawer select[data-v-84e23398],.designer-drawer textarea[data-v-84e23398]{box-sizing:border-box;width:100%;padding:8px 10px;min-height:34px;border:1px solid var(--foxie-border,#ddd);border-radius:8px;background:var(--foxie-surface-soft,#f7f8fa);color:var(--foxie-ink);font:inherit;outline:none}.designer-drawer input[data-v-84e23398]:focus,.designer-drawer textarea[data-v-84e23398]:focus,.designer-drawer select[data-v-84e23398]:focus{border-color:var(--foxie-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--foxie-accent) 12%,transparent)}.designer-drawer textarea[data-v-84e23398]{resize:vertical;min-height:70px}.designer-drawer input[type=range][data-v-84e23398]{width:100%;height:15px;padding:0;accent-color:var(--foxie-accent);cursor:pointer}.designer-drawer input[type=color][data-v-84e23398]{width:100%;height:35px;padding:3px;border:1px solid var(--foxie-border);border-radius:8px;background:transparent;cursor:pointer}.dd-check[data-v-84e23398]{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.dd-check input[data-v-84e23398]{accent-color:var(--foxie-accent)}.dd-color-row[data-v-84e23398]{display:flex;align-items:center;gap:10px}.dd-color-row label[data-v-84e23398]{display:flex;align-items:center;gap:8px}.dd-color-row input[type=color][data-v-84e23398]{width:35px;flex-shrink:0}.dd-color-row code[data-v-84e23398]{font:11px ui-monospace,monospace;color:var(--foxie-muted);margin-right:auto}.dd-color-pair[data-v-84e23398]{display:flex;align-items:center;gap:10px}.dd-color-pair>label[data-v-84e23398]{flex:1;min-width:0;display:grid;gap:7px;font-size:12px}.dd-swatches[data-v-84e23398]{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.dd-swatches button[data-v-84e23398]{padding:0;min-height:0;aspect-ratio:1;border:1px solid #80808044;border-radius:6px}.dd-segment[data-v-84e23398]{display:flex;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:10px;padding:3px;gap:2px}.dd-segment button[data-v-84e23398]{flex:1;font-size:12px;min-width:0;padding:5px;border-color:transparent;min-height:29px}.dd-segment button.active[data-v-84e23398]{background:var(--foxie-surface-raised);box-shadow:0 2px 4px #0000000c}.dd-details[data-v-84e23398]{border-top:1px solid var(--foxie-border);border-bottom:1px solid var(--foxie-border);padding:10px 0}.dd-details summary[data-v-84e23398]{cursor:pointer;font-size:12px;font-weight:600}.dd-details .dd-slider[data-v-84e23398]{margin-top:12px}.designer-drawer .dd-preset[data-v-84e23398]{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px;gap:7px}.dd-preset>span[data-v-84e23398]{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:12px}.dd-preset small[data-v-84e23398]{font-size:12px;color:var(--foxie-muted);font-weight:400}.dd-note[data-v-84e23398]{font-size:12px;line-height:1.6;color:var(--foxie-muted);padding:11px 12px;margin:0;background:var(--foxie-surface-soft);border-radius:9px}.dd-gradient[data-v-84e23398]{height:45px;border-radius:9px;border:1px solid var(--foxie-border)}.dd-columns[data-v-84e23398]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dd-tool-grid[data-v-84e23398]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dd-tool-grid button[data-v-84e23398]{font-size:12px;padding:7px 3px}.designer-drawer .dd-primary[data-v-84e23398]{background:var(--foxie-accent);color:#fff;border-color:transparent;font-weight:650;min-height:38px}.designer-drawer .dd-primary[data-v-84e23398]:hover:not(:disabled){color:#fff;filter:brightness(1.07)}.designer-drawer .dd-primary.secondary[data-v-84e23398]{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 12%,transparent);border-color:color-mix(in srgb,var(--foxie-accent) 30%,transparent)}.dd-footer[data-v-84e23398]{padding:12px 16px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--foxie-border);font-size:12px;flex-shrink:0}.dd-footer span small[data-v-84e23398]{display:block;color:var(--foxie-muted);font-size:12px}.dd-footer kbd[data-v-84e23398]{margin-left:auto;font:9px ui-monospace,monospace;color:var(--foxie-muted)}.dd-footer i[data-v-84e23398]{width:6px;height:6px;border-radius:50%;background:var(--foxie-accent)}.dd-trace-preview[data-v-84e23398]{height:180px;position:relative;border:1px solid var(--foxie-border);border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#80808020 0% 25%,#80808008 0% 50%) 0 / 14px 14px}.dd-trace-preview img[data-v-84e23398]{position:absolute;inset:0;object-fit:contain;width:100%;height:100%}.dd-trace-preview i[data-v-84e23398]{position:absolute;top:0;bottom:0;width:1px;background:var(--foxie-accent)}.dd-trace-preview span[data-v-84e23398],.dd-trace-preview b[data-v-84e23398]{position:absolute;bottom:7px;padding:3px 6px;background:#0009;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.dd-trace-preview span[data-v-84e23398]{left:7px}.dd-trace-preview b[data-v-84e23398]{right:7px}.dd-progress[data-v-84e23398]{display:grid;gap:9px}.dd-progress span[data-v-84e23398]{font-size:12px;display:flex;justify-content:space-between;gap:8px}.dd-progress progress[data-v-84e23398]{width:100%;height:5px;accent-color:var(--foxie-accent)}.designer-drawer-enter-active[data-v-84e23398],.designer-drawer-leave-active[data-v-84e23398]{transition:transform .24s cubic-bezier(.22,.8,.25,1),opacity .2s}.designer-drawer-enter-from[data-v-84e23398],.designer-drawer-leave-to[data-v-84e23398]{transform:translateX(24px);opacity:0}@media(prefers-reduced-motion:reduce){.designer-drawer-enter-active[data-v-84e23398],.designer-drawer-leave-active[data-v-84e23398]{transition:none}}

/* foxie-canvas-vector-nodes-ui-v26 */
.designer-drawer input[type='range'][data-v-84e23398]{--foxie-range-fill:var(--foxie-accent);-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:2px 0;background:transparent;cursor:pointer;outline:none}
.designer-drawer input[type='range'][data-v-84e23398]::-webkit-slider-runnable-track{height:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foxie-accent) 8%,transparent)}
.designer-drawer input[type='range'][data-v-84e23398]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4.5px;border:2px solid var(--foxie-surface-raised);border-radius:50%;background:var(--foxie-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--foxie-accent) 72%,transparent),0 2px 7px rgba(0,0,0,.22);transition:transform .14s ease,box-shadow .14s ease}
.designer-drawer input[type='range'][data-v-84e23398]:hover::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 4px color-mix(in srgb,var(--foxie-accent) 14%,transparent),0 2px 8px rgba(0,0,0,.25)}
.designer-drawer input[type='range'][data-v-84e23398]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--foxie-accent) 22%,transparent),0 2px 8px rgba(0,0,0,.25)}
.designer-drawer input[type='range'][data-v-84e23398]::-moz-range-track{height:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border))}
.designer-drawer input[type='range'][data-v-84e23398]::-moz-range-progress{height:3px;border-radius:999px;background:var(--foxie-accent)}
.designer-drawer input[type='range'][data-v-84e23398]::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--foxie-surface-raised);border-radius:50%;background:var(--foxie-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--foxie-accent) 72%,transparent),0 2px 7px rgba(0,0,0,.22)}
.designer-drawer input[type='range'][data-v-84e23398]:disabled{opacity:.42;cursor:not-allowed}
.dd-node-actions[data-v-84e23398]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dd-node-actions button[data-v-84e23398]{min-height:34px;display:flex;align-items:center;justify-content:center;gap:6px}.dd-node-actions button[data-v-84e23398]:last-child{grid-column:1/-1}.dd-node-actions .danger[data-v-84e23398]{color:#ef6464}.dd-trace-quick[data-v-84e23398]{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-bottom:8px!important}
/* foxie-canvas-vector-finish-v27 */.dd-vector-appearance[data-v-84e23398],.dd-raster-export[data-v-84e23398]{display:grid;gap:8px;padding:10px;border:1px solid var(--foxie-border);border-radius:10px;background:color-mix(in srgb,var(--foxie-surface-raised) 82%,transparent)}.dd-vector-appearance>strong[data-v-84e23398],.dd-raster-export>strong[data-v-84e23398]{font-size:12px;color:var(--foxie-ink-muted);font-weight:700}.dd-tool-grid.compact[data-v-84e23398]{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-tool-grid.compact button[data-v-84e23398]{min-height:31px;padding:5px 6px;font-size:12px}
.foxie-3d-studio[data-v-4638cabe]{--surface:rgba(16,22,30,.88);--surface-2:rgba(28,36,47,.92);--line:rgba(139,157,180,.22);--muted:#8f9daf;--ink:#edf3f8;--accent:#ff5576;position:absolute;inset:0;z-index:1700;overflow:hidden;background:#0b1016;color:var(--ink);font-family:Inter,system-ui,sans-serif;user-select:none;touch-action:none}.foxie-three-canvas[data-v-4638cabe]{position:absolute;inset:0;width:100%;height:100%;display:block}.glass[data-v-4638cabe]{position:absolute;z-index:30;border:1px solid var(--line);background:var(--surface);box-shadow:0 16px 50px #0007;backdrop-filter:blur(16px)}button[data-v-4638cabe],select[data-v-4638cabe],input[data-v-4638cabe],textarea[data-v-4638cabe]{font:inherit}.studio-hud[data-v-4638cabe]{left:12px;right:12px;top:10px;height:42px;border-radius:12px;display:flex;align-items:center;padding:0 7px;gap:8px}.studio-brand[data-v-4638cabe]{display:flex;align-items:center;gap:7px;min-width:185px}.studio-brand .orb[data-v-4638cabe]{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5576,#8b5cf6);font-size:12px;font-weight:900}.studio-brand div[data-v-4638cabe]{display:grid;line-height:1.05}.studio-brand strong[data-v-4638cabe]{font-size:12px}.studio-brand small[data-v-4638cabe]{margin-top:3px;font-size:12px;color:var(--muted);max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-shading[data-v-4638cabe]{display:flex;gap:2px;margin-left:auto}.hud-shading button[data-v-4638cabe],.hud-actions button[data-v-4638cabe]{height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;padding:0 8px;cursor:pointer}.hud-shading button[data-v-4638cabe]:hover,.hud-shading button.active[data-v-4638cabe],.hud-actions button[data-v-4638cabe]:hover,.hud-actions button.active[data-v-4638cabe]{color:#fff;background:#34404f}.hud-actions[data-v-4638cabe]{display:flex;align-items:center;gap:2px;padding-left:6px;border-left:1px solid var(--line)}.hud-actions button[data-v-4638cabe]{width:30px;padding:0;display:grid;place-items:center}.hud-actions .close[data-v-4638cabe]:hover{background:#a9364f;color:#fff}
.nav-gizmo[data-v-4638cabe]{right:14px;top:66px;width:42px;padding:5px;border-radius:13px;display:grid;gap:4px}.nav-gizmo button[data-v-4638cabe]{width:30px;height:30px;border:0;border-radius:8px;background:#252f3b;color:#aebbc9;font-size:12px;font-weight:800;cursor:pointer}.nav-gizmo button[data-v-4638cabe]:hover,.nav-gizmo button.active[data-v-4638cabe]{background:#3b4858;color:#fff}.nav-gizmo .axis.x[data-v-4638cabe]{color:#ff7d8b}.nav-gizmo .axis.y[data-v-4638cabe]{color:#74d8a1}.nav-gizmo .axis.z[data-v-4638cabe]{color:#69a9ff}
.studio-island[data-v-4638cabe]{left:50%;bottom:18px;transform:translateX(-50%);height:48px;padding:5px;border-radius:17px;display:flex;align-items:center;gap:4px;max-width:calc(100% - 150px)}.studio-island>i[data-v-4638cabe]{width:1px;height:28px;background:var(--line);flex:0 0 auto}.island-group[data-v-4638cabe]{display:flex;align-items:center;gap:2px}.studio-island button[data-v-4638cabe]{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#9baabd;display:grid;place-items:center;cursor:pointer}.studio-island button[data-v-4638cabe]:hover,.studio-island button.active[data-v-4638cabe]{background:#344151;color:#fff}.studio-island button.active[data-v-4638cabe]{box-shadow:inset 0 0 0 1px #5d7187}.studio-island button.ai[data-v-4638cabe]{color:#ff8aa0}.studio-island button.ai.active[data-v-4638cabe]{background:linear-gradient(135deg,#7c3aed55,#ff557655);box-shadow:inset 0 0 0 1px #ff6c88}
.studio-popover[data-v-4638cabe]{left:50%;bottom:78px;transform:translateX(-50%);width:min(410px,calc(100% - 30px));max-height:min(560px,calc(100% - 150px));border-radius:15px;overflow:hidden;display:grid;grid-template-rows:46px minmax(0,1fr)}.studio-popover>header[data-v-4638cabe]{height:46px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.studio-popover>header>div[data-v-4638cabe]{display:grid}.studio-popover>header strong[data-v-4638cabe]{font-size:12px}.studio-popover>header small[data-v-4638cabe]{font-size:12px;color:var(--muted)}.studio-popover>header button[data-v-4638cabe]{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.panel-body[data-v-4638cabe]{min-height:0;padding:10px;overflow:auto;display:grid;align-content:start;gap:9px}.scene-list button[data-v-4638cabe]{min-height:46px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;cursor:pointer}.scene-list button[data-v-4638cabe]:hover,.scene-list button.active[data-v-4638cabe]{background:#293442;border-color:var(--line)}.scene-list button>span[data-v-4638cabe]{display:grid}.scene-list strong[data-v-4638cabe]{font-size:12px}.scene-list small[data-v-4638cabe]{font-size:12px;color:var(--muted)}.primitive-grid[data-v-4638cabe]{grid-template-columns:1fr 1fr}.primitive-grid button[data-v-4638cabe]{height:74px;border:1px solid var(--line);border-radius:12px;background:#202a36;color:#b8c5d3;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer}.primitive-grid button[data-v-4638cabe]:hover{border-color:#63758a;background:#2a3645;color:#fff}.primitive-grid span[data-v-4638cabe]{font-size:12px}.tool-heading[data-v-4638cabe]{display:flex;align-items:center;justify-content:space-between}.tool-heading strong[data-v-4638cabe]{font-size:12px}.tool-heading small[data-v-4638cabe]{font-size:12px;color:var(--muted)}.segmented[data-v-4638cabe],.row-buttons[data-v-4638cabe]{display:flex;gap:4px}.segmented button[data-v-4638cabe],.row-buttons button[data-v-4638cabe],.action-grid button[data-v-4638cabe],.sculpt-grid button[data-v-4638cabe],.bone-list button[data-v-4638cabe],.panel-body>button.full[data-v-4638cabe]{min-height:31px;border:1px solid var(--line);border-radius:8px;background:#222d39;color:#aebdcb;font-size:12px;cursor:pointer}.segmented button[data-v-4638cabe]{flex:1}.row-buttons button[data-v-4638cabe]{flex:1}.segmented button.active[data-v-4638cabe],.sculpt-grid button.active[data-v-4638cabe],.bone-list button.active[data-v-4638cabe]{border-color:#ff6c88;background:#ff55761c;color:#ff91a5}.action-grid[data-v-4638cabe]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.action-grid .danger[data-v-4638cabe]{color:#ff8999}.sculpt-grid[data-v-4638cabe]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.slider[data-v-4638cabe],.color-row[data-v-4638cabe],.select-row[data-v-4638cabe]{display:grid;grid-template-columns:82px 1fr 52px;align-items:center;gap:7px;color:#9facbb;font-size:12px}.slider input[type=range][data-v-4638cabe]{width:100%;accent-color:var(--accent)}.slider em[data-v-4638cabe],.color-row em[data-v-4638cabe]{font-style:normal;text-align:right;color:#d2dce6}.color-row input[type=color][data-v-4638cabe]{width:100%;height:28px;border:0;background:transparent}.select-row select[data-v-4638cabe]{grid-column:2/4;height:29px;border:1px solid var(--line);border-radius:7px;background:#202a35;color:#e5edf5}.panel-body>button.primary[data-v-4638cabe],.panel-body .primary[data-v-4638cabe]{border-color:#ff6682!important;background:#ff557622!important;color:#ff9aab!important}.panel-body>button.full[data-v-4638cabe]{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.hint[data-v-4638cabe]{font-size:12px;line-height:1.45;color:#7f90a3}.empty[data-v-4638cabe]{padding:25px 8px;text-align:center;color:var(--muted);font-size:12px}.bone-list[data-v-4638cabe]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ai-title[data-v-4638cabe]{display:flex;align-items:center;gap:8px}.ai-title>span[data-v-4638cabe]{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed55,#ff557655);color:#ff9bad}.ai-title>div[data-v-4638cabe]{display:grid}.ai-title strong[data-v-4638cabe]{font-size:12px}.ai-title small[data-v-4638cabe]{font-size:12px;color:var(--muted)}.ai-panel textarea[data-v-4638cabe]{width:100%;min-height:86px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:11px;outline:0;background:#111923;color:#e9f0f7;font-size:12px;box-sizing:border-box}.ai-panel textarea[data-v-4638cabe]:focus{border-color:#ff6682;box-shadow:0 0 0 2px #ff557618}.quick-prompts[data-v-4638cabe]{display:flex;gap:4px;flex-wrap:wrap}.quick-prompts button[data-v-4638cabe]{height:27px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:#222d39;color:#99aabc;font-size:12px;cursor:pointer}.quick-prompts button[data-v-4638cabe]:hover{color:#fff;border-color:#566a80}.ai-error[data-v-4638cabe]{margin:0;color:#ff8497;font-size:12px}.ai-run[data-v-4638cabe]{height:38px!important}.spin[data-v-4638cabe]{animation:spin-4638cabe 1s linear infinite}@keyframes spin-4638cabe{to{transform:rotate(360deg)}}
.studio-status[data-v-4638cabe]{left:12px;bottom:18px;height:31px;border-radius:11px;padding:0 9px;display:flex;align-items:center;gap:10px;color:#76879a;font-size:12px}.studio-status strong[data-v-4638cabe]{color:#d9e2ec;font-size:12px}.studio-status span[data-v-4638cabe]{white-space:nowrap}
@media(max-width:1000px){.studio-status span[data-v-4638cabe]{display:none}.studio-brand[data-v-4638cabe]{min-width:135px}.studio-brand small[data-v-4638cabe]{max-width:130px}.hud-shading button[data-v-4638cabe]{padding:0 6px}.studio-island[data-v-4638cabe]{max-width:calc(100% - 30px);overflow-x:auto;scrollbar-width:none}.studio-island[data-v-4638cabe]::-webkit-scrollbar{display:none}}
@media(max-width:700px){.hud-shading[data-v-4638cabe]{display:none}.studio-brand[data-v-4638cabe]{min-width:0}.studio-hud[data-v-4638cabe]{right:64px}.studio-status[data-v-4638cabe]{display:none}.studio-island[data-v-4638cabe]{left:8px;right:8px;transform:none;max-width:none}.nav-gizmo[data-v-4638cabe]{top:62px}.studio-popover[data-v-4638cabe]{bottom:76px}}

.tb[data-v-c5699c1e]{position:fixed;inset:0;z-index:19000;display:flex;justify-content:flex-end;background:rgba(8,10,14,.18);backdrop-filter:blur(7px)}.td[data-v-c5699c1e]{width:min(560px,96vw);height:100%;display:grid;grid-template-rows:62px 38px 48px minmax(0,1fr);background:var(--foxie-surface,#fff);color:var(--foxie-ink,#17211d);border-left:1px solid var(--foxie-border);box-shadow:-22px 0 70px rgba(0,0,0,.17)}header[data-v-c5699c1e]{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--foxie-border)}header>div[data-v-c5699c1e]{display:flex;align-items:center;gap:9px;color:var(--foxie-accent)}header span[data-v-c5699c1e]{display:grid;color:var(--foxie-ink)}header b[data-v-c5699c1e]{font-size:12px}header small[data-v-c5699c1e]{font-size:12px;color:var(--foxie-muted)}header button[data-v-c5699c1e]{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--foxie-muted)}.sum[data-v-c5699c1e]{display:flex;gap:12px;align-items:center;padding:0 15px;border-bottom:1px solid var(--foxie-border);font-size:12px;color:var(--foxie-muted)}.err[data-v-c5699c1e]{color:#d84c4c}.acts[data-v-c5699c1e]{display:flex;gap:7px;align-items:center;padding:0 15px;border-bottom:1px solid var(--foxie-border)}.acts button[data-v-c5699c1e]{height:30px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:999px;background:var(--foxie-surface-raised);color:var(--foxie-ink);display:flex;align-items:center;gap:5px;font-size:12px}main[data-v-c5699c1e]{overflow:auto;padding:12px 14px}.traceid[data-v-c5699c1e]{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-raised)}.traceid small[data-v-c5699c1e]{font-size:12px;color:var(--foxie-muted)}.traceid code[data-v-c5699c1e]{font-size:12px;color:var(--foxie-accent);word-break:break-all}ol[data-v-c5699c1e]{list-style:none;padding:0;margin:12px 0 0}li[data-v-c5699c1e]{display:grid;grid-template-columns:12px 1fr;gap:7px;margin-bottom:9px}li>i[data-v-c5699c1e]{width:7px;height:7px;margin-top:10px;border-radius:50%;background:#9ca7a2}li.backend>i[data-v-c5699c1e]{background:var(--foxie-accent)}li.warn>i[data-v-c5699c1e]{background:#d7a62d}li.error>i[data-v-c5699c1e]{background:#d84c4c}article[data-v-c5699c1e]{padding:8px 9px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-raised)}article>div[data-v-c5699c1e]{display:flex;gap:6px;align-items:center;margin-bottom:4px}time[data-v-c5699c1e],b[data-v-c5699c1e],em[data-v-c5699c1e]{font-size:12px}time[data-v-c5699c1e],em[data-v-c5699c1e]{color:var(--foxie-muted);font-style:normal}article>div b[data-v-c5699c1e]{color:var(--foxie-accent);text-transform:uppercase}article>strong[data-v-c5699c1e]{font-size:12px}pre[data-v-c5699c1e]{margin:7px 0 0;padding:8px;max-height:260px;overflow:auto;border-radius:8px;background:var(--foxie-surface-soft);font:500 .41rem/1.5 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.empty[data-v-c5699c1e]{display:grid;place-items:center;color:var(--foxie-muted);font-size:12px}.trace-enter-active[data-v-c5699c1e],.trace-leave-active[data-v-c5699c1e]{transition:opacity .16s}.trace-enter-from[data-v-c5699c1e],.trace-leave-to[data-v-c5699c1e]{opacity:0}

.foxie-tool-select[data-v-0aee9a4d]{position:relative;min-width:0}.foxie-tool-select__trigger[data-v-0aee9a4d]{width:100%;min-width:0;height:38px;padding:0 8px;border:1px solid var(--editor-line);border-radius:10px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:6px;text-align:left;background:var(--foxie-surface-raised);color:var(--foxie-ink);cursor:pointer;pointer-events:auto;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.foxie-tool-select.open .foxie-tool-select__trigger[data-v-0aee9a4d],.foxie-tool-select__trigger[data-v-0aee9a4d]:hover{border-color:rgba(var(--foxie-accent-rgb),.45);background:color-mix(in srgb,var(--foxie-surface-raised) 93%,var(--foxie-accent) 7%);box-shadow:0 0 0 3px rgba(var(--foxie-accent-rgb),.06)}.foxie-tool-select__icon[data-v-0aee9a4d],.foxie-tool-select__option-icon[data-v-0aee9a4d]{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.08)}.foxie-tool-select__copy[data-v-0aee9a4d]{min-width:0;display:grid;gap:1px}.foxie-tool-select__copy strong[data-v-0aee9a4d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.foxie-tool-select__copy small[data-v-0aee9a4d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.foxie-tool-select__chevron[data-v-0aee9a4d]{color:var(--foxie-muted);transition:transform .16s ease}.foxie-tool-select.open .foxie-tool-select__chevron[data-v-0aee9a4d]{transform:rotate(180deg);color:var(--foxie-accent)}
.foxie-tool-select__menu[data-v-0aee9a4d]{position:fixed;z-index:2147482000;box-sizing:border-box;min-width:0;max-height:260px;padding:5px;border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--editor-line));border-radius:11px;overflow:auto;overscroll-behavior:contain;background:var(--editor-surface,#17191d);color:var(--foxie-ink,#f3f5f7);opacity:1;pointer-events:auto;isolation:isolate;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025);scrollbar-width:thin;scrollbar-color:rgba(var(--foxie-accent-rgb),.32) transparent}.foxie-tool-select__menu[data-v-0aee9a4d]::-webkit-scrollbar{width:6px}.foxie-tool-select__menu[data-v-0aee9a4d]::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--foxie-accent-rgb),.32)}.foxie-tool-select__menu button[data-v-0aee9a4d]{position:relative;z-index:1;width:100%;min-height:40px;padding:6px;border:0;border-radius:8px;display:grid;grid-template-columns:24px minmax(0,1fr) 17px;align-items:center;gap:7px;text-align:left;background:transparent;color:var(--foxie-ink);cursor:pointer;pointer-events:auto;opacity:1;transition:background .14s ease,color .14s ease}.foxie-tool-select__menu button[data-v-0aee9a4d]:hover,.foxie-tool-select__menu button[data-v-0aee9a4d]:focus-visible,.foxie-tool-select__menu button.active[data-v-0aee9a4d]{outline:0;background:rgba(var(--foxie-accent-rgb),.10)}.foxie-tool-select__menu button>span[data-v-0aee9a4d]:nth-child(2){min-width:0;display:grid;gap:1px}.foxie-tool-select__menu strong[data-v-0aee9a4d]{font-size:12px}.foxie-tool-select__menu small[data-v-0aee9a4d]{color:var(--foxie-muted);font-size:12px}.foxie-select-menu-enter-active[data-v-0aee9a4d],.foxie-select-menu-leave-active[data-v-0aee9a4d]{transition:opacity .12s ease,transform .12s ease}.foxie-select-menu-enter-from[data-v-0aee9a4d],.foxie-select-menu-leave-to[data-v-0aee9a4d]{opacity:0;transform:translateY(-3px) scale(.99)}

.foxie-infinite-editor[data-v-3304f515]{--editor-bg:#080b0e;--editor-surface:color-mix(in srgb,var(--foxie-surface-raised) 96%,#000 4%);--editor-line:color-mix(in srgb,var(--foxie-border) 82%,transparent);width:100%;height:100%;min-width:0;min-height:0;position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 260px;grid-template-rows:40px minmax(0,1fr);grid-template-areas:'menu menu menu' 'tools canvas panel';overflow:hidden;background:var(--editor-bg);color:var(--foxie-ink);isolation:isolate}.foxie-infinite-editor[data-v-3304f515]:not(:has(.editor-right-panel)){grid-template-columns:54px minmax(0,1fr);grid-template-areas:'menu menu' 'tools canvas'}.foxie-infinite-editor.is-fullscreen[data-v-3304f515]{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2147483000!important;grid-template-rows:40px minmax(0,1fr);background:#07090b}.editor-menu-bar[data-v-3304f515]{grid-area:menu;height:40px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--editor-line);background:var(--editor-surface);z-index:100}.editor-menu-left[data-v-3304f515],.editor-menu-right[data-v-3304f515]{display:flex;align-items:center;gap:2px;height:100%}.editor-menu-bar button[data-v-3304f515]{height:30px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted);font:inherit;font-size:12px;display:flex;align-items:center;gap:5px;cursor:pointer}.editor-menu-bar button[data-v-3304f515]:hover,.editor-menu-bar button.active[data-v-3304f515]{background:var(--foxie-surface-soft);color:var(--foxie-ink)}.editor-menu-bar button[data-v-3304f515]:disabled{opacity:.32;cursor:not-allowed}.editor-menu-bar .back[data-v-3304f515]{width:31px;padding:0;justify-content:center}.menu-divider[data-v-3304f515]{width:1px;height:22px;margin:0 5px;background:var(--editor-line)}.menu-anchor[data-v-3304f515]{height:100%;position:relative;display:flex;align-items:center}.editor-dropdown[data-v-3304f515]{width:230px;position:absolute;left:0;top:36px;padding:5px;display:grid;gap:1px;border:1px solid var(--editor-line);border-radius:10px;background:var(--editor-surface);box-shadow:0 18px 50px rgba(0,0,0,.42);z-index:140}.editor-dropdown.wide[data-v-3304f515]{width:248px}.editor-dropdown button[data-v-3304f515]{width:100%;height:30px;padding:0 8px;justify-content:flex-start;text-align:left}.editor-dropdown button span[data-v-3304f515]{width:13px;color:var(--foxie-accent)}.editor-dropdown kbd[data-v-3304f515]{margin-left:auto}.editor-dropdown i[data-v-3304f515]{height:1px;margin:4px 3px;background:var(--editor-line)}kbd[data-v-3304f515]{padding:1px 4px;border:1px solid var(--editor-line);border-radius:4px;background:var(--foxie-surface-soft);color:var(--foxie-muted);font-size:12px;font-family:inherit}.editor-tools-sidebar[data-v-3304f515]{grid-area:tools;z-index:40;padding:7px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid var(--editor-line);background:var(--editor-surface);overflow-y:auto}.editor-tools-sidebar>button[data-v-3304f515]{width:39px;height:39px;position:relative;border:0;border-radius:9px;background:transparent;color:var(--foxie-muted);display:grid;place-items:center;cursor:pointer}.editor-tools-sidebar>button[data-v-3304f515]:hover,.editor-tools-sidebar>button.active[data-v-3304f515],.shape-palette button.active[data-v-3304f515]{color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.11);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.12)}.editor-tools-sidebar kbd[data-v-3304f515]{position:absolute;right:1px;bottom:1px;transform:scale(.82);transform-origin:right bottom;opacity:.58}.tool-split[data-v-3304f515]{width:32px;height:1px;margin:2px 0;background:var(--editor-line)}.shape-palette[data-v-3304f515]{width:42px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.shape-palette button[data-v-3304f515]{width:20px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--foxie-muted);display:grid;place-items:center;cursor:pointer}.color-chip[data-v-3304f515]{margin-top:auto!important}.color-chip i[data-v-3304f515]{width:23px;height:23px;border-radius:50%;border:2px solid var(--foxie-surface-raised);box-shadow:0 0 0 1px var(--editor-line)}
.editor-canvas-shell[data-v-3304f515]{grid-area:canvas;min-width:0;min-height:0;position:relative;overflow:hidden}.editor-viewport[data-v-3304f515]{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;background-color:#080b0e;user-select:none}.editor-viewport.grid-visible.grid-dots[data-v-3304f515]{background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.25px);background-size:var(--foxie-grid-size) var(--foxie-grid-size);background-position:var(--foxie-grid-x) var(--foxie-grid-y)}.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:linear-gradient(to right,rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.10) 1px,transparent 1px);background-size:var(--foxie-grid-size) var(--foxie-grid-size);background-position:var(--foxie-grid-x) var(--foxie-grid-y)}.ruler-corner[data-v-3304f515]{width:30px;height:30px;position:absolute;left:0;top:0;z-index:30;display:grid;place-items:center;border-right:1px solid var(--editor-line);border-bottom:1px solid var(--editor-line);background:var(--editor-surface);color:var(--foxie-muted);font-size:12px}.ruler-horizontal[data-v-3304f515]{height:30px;position:absolute;left:30px;right:0;top:0;z-index:29;border-bottom:1px solid var(--editor-line);background:var(--editor-surface);overflow:hidden}.ruler-horizontal i[data-v-3304f515]{width:1px;height:6px;position:absolute;bottom:0;background:var(--editor-line)}.ruler-horizontal i.major[data-v-3304f515]{height:13px}.ruler-horizontal i span[data-v-3304f515]{position:absolute;left:3px;top:-13px;color:var(--foxie-muted);font-style:normal;font-size:12px;white-space:nowrap}.ruler-horizontal b[data-v-3304f515]{height:100%;position:absolute;top:0;background:rgba(var(--foxie-accent-rgb),.09);border-left:1px solid var(--foxie-accent);border-right:1px solid var(--foxie-accent);pointer-events:none}.ruler-vertical[data-v-3304f515]{width:30px;position:absolute;left:0;top:30px;bottom:0;z-index:29;border-right:1px solid var(--editor-line);background:var(--editor-surface);overflow:hidden}.ruler-vertical i[data-v-3304f515]{width:6px;height:1px;position:absolute;right:0;background:var(--editor-line)}.ruler-vertical i.major[data-v-3304f515]{width:13px}.ruler-vertical i span[data-v-3304f515]{position:absolute;right:11px;top:2px;transform:rotate(-90deg);transform-origin:right top;color:var(--foxie-muted);font-style:normal;font-size:12px;white-space:nowrap}.ruler-vertical b[data-v-3304f515]{width:100%;position:absolute;left:0;background:rgba(var(--foxie-accent-rgb),.09);border-top:1px solid var(--foxie-accent);border-bottom:1px solid var(--foxie-accent);pointer-events:none}.document-stage[data-v-3304f515]{position:absolute;left:50%;top:50%;transform-origin:center center;will-change:transform}.document-canvas[data-v-3304f515]{width:100%;height:100%;display:block;background:transparent;box-shadow:0 24px 76px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.08);image-rendering:auto}.selection-box[data-v-3304f515]{position:absolute;border:2px dashed var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.08);pointer-events:none}.selection-lasso[data-v-3304f515]{position:absolute;inset:0;width:100%;height:100%;color:var(--foxie-accent);pointer-events:none}.tool-move .editor-viewport[data-v-3304f515]{cursor:grab}.tool-move .editor-viewport[data-v-3304f515]:active{cursor:grabbing}.tool-direct-select .editor-viewport[data-v-3304f515]{cursor:default}.tool-zoom .editor-viewport[data-v-3304f515]{cursor:zoom-in}.tool-brush .editor-viewport[data-v-3304f515],.tool-eraser .editor-viewport[data-v-3304f515]{cursor:crosshair}.editor-save-busy[data-v-3304f515]{position:absolute;right:14px;top:14px;z-index:80;padding:8px 10px;border:1px solid var(--editor-line);border-radius:10px;display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--editor-surface) 92%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.18);pointer-events:none}.editor-save-busy strong[data-v-3304f515]{font-size:12px}.editor-ai-busy[data-v-3304f515]{position:absolute;z-index:79;display:grid;place-items:center;align-content:center;gap:8px;min-width:56px;min-height:56px;border:1px solid color-mix(in srgb,var(--foxie-accent) 24%,transparent);border-radius:10px;background:rgba(8,11,14,.34);backdrop-filter:blur(5px) saturate(.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.18);pointer-events:none;overflow:hidden}.busy-orb[data-v-3304f515]{width:62px;height:62px;position:relative;display:grid;place-items:center}.busy-orb>b[data-v-3304f515]{position:relative;z-index:3;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.55)}.tool-progress-copy[data-v-3304f515]{display:grid;place-items:center;gap:3px}.busy-orb i[data-v-3304f515]{position:absolute;inset:0;border-radius:50%;border:1.5px dotted var(--foxie-accent);filter:drop-shadow(0 0 8px rgba(var(--foxie-accent-rgb),.45));animation:editorBusy-3304f515 3s linear infinite}.busy-orb i[data-v-3304f515]:nth-child(2){inset:10px;animation-direction:reverse;animation-duration:2s}.busy-orb i[data-v-3304f515]:nth-child(3){inset:21px;background:var(--foxie-accent);filter:blur(10px);opacity:.32;border:0}.editor-ai-busy strong[data-v-3304f515]{font-size:12px}.editor-ai-busy small[data-v-3304f515]{max-width:220px;padding:0 10px 10px;text-align:center;color:var(--foxie-muted);font-size:12px;line-height:1.35}.editor-ai-busy[data-v-3304f515]{outline:1.5px solid rgba(var(--foxie-accent-rgb),.55);outline-offset:-1px;animation:foxieToolBusyPulse-3304f515 1.35s ease-in-out infinite}.editor-ai-busy[data-v-3304f515]::before{content:'';position:absolute;inset:0;background:rgba(7,10,13,.22);backdrop-filter:blur(8px) saturate(.9);z-index:-1}@keyframes foxieToolBusyPulse-3304f515{0%,100%{box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.08),0 0 12px rgba(var(--foxie-accent-rgb),.12)}50%{box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.24),0 0 28px rgba(var(--foxie-accent-rgb),.28)}}@keyframes editorBusy-3304f515{to{transform:rotate(360deg)}}
.editor-bottom-tools[data-v-3304f515]{height:46px;position:absolute;left:50%;bottom:16px;z-index:35;transform:translateX(-50%);padding:5px;display:flex;align-items:center;gap:2px;border:1px solid var(--editor-line);border-radius:16px;background:var(--editor-surface);box-shadow:0 18px 46px rgba(0,0,0,.42)}.editor-bottom-tools button[data-v-3304f515]{height:34px;min-width:34px;padding:0 7px;border:0;border-radius:9px;background:transparent;color:var(--foxie-muted);display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;cursor:pointer}.editor-bottom-tools button[data-v-3304f515]:hover,.editor-bottom-tools button.active[data-v-3304f515]{color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.10)}.editor-bottom-tools button[data-v-3304f515]:disabled{opacity:.3}.editor-versions-dock[data-v-3304f515]{position:absolute;left:16px;bottom:16px;z-index:35;padding:5px;display:flex;gap:5px;border:1px solid var(--editor-line);border-radius:14px;background:var(--editor-surface);box-shadow:0 15px 40px rgba(0,0,0,.38)}.editor-versions-dock button[data-v-3304f515]{width:38px;height:38px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:var(--foxie-surface-soft);cursor:pointer}.editor-versions-dock button.active[data-v-3304f515]{border-color:var(--foxie-accent);box-shadow:0 0 16px rgba(var(--foxie-accent-rgb),.36)}.editor-versions-dock img[data-v-3304f515]{width:100%;height:100%;object-fit:cover}.editor-versions-dock .add[data-v-3304f515]{display:grid;place-items:center;color:var(--foxie-muted)}.editor-zoom-dock[data-v-3304f515]{height:37px;position:absolute;right:16px;bottom:16px;z-index:35;padding:4px;display:flex;align-items:center;gap:2px;border:1px solid var(--editor-line);border-radius:12px;background:var(--editor-surface);box-shadow:0 14px 36px rgba(0,0,0,.35)}.editor-zoom-dock button[data-v-3304f515]{height:28px;min-width:28px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted);font-size:12px;cursor:pointer}.editor-zoom-dock button[data-v-3304f515]:hover{background:var(--foxie-surface-soft);color:var(--foxie-ink)}.editor-zoom-dock span[data-v-3304f515]{min-width:48px;text-align:center;font-size:12px;font-weight:800}
.floating-panel[data-v-3304f515]{position:absolute;z-index:60;border:1px solid var(--editor-line);border-radius:14px;background:var(--editor-surface);box-shadow:0 22px 60px rgba(0,0,0,.48);color:var(--foxie-ink);overflow:hidden}.floating-panel>header[data-v-3304f515]{height:48px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--editor-line)}.floating-panel>header>div[data-v-3304f515]{display:grid}.floating-panel>header strong[data-v-3304f515]{font-size:12px}.floating-panel>header small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.floating-panel>header button[data-v-3304f515]{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted);cursor:pointer}.brush-panel[data-v-3304f515]{left:15px;top:46px;width:290px;max-height:calc(100% - 120px);overflow:auto}.preset-list[data-v-3304f515]{padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.preset-list button[data-v-3304f515]{min-height:54px;padding:6px;border:1px solid var(--editor-line);border-radius:8px;background:var(--foxie-surface-soft);color:var(--foxie-ink);display:grid;text-align:left;cursor:pointer}.preset-list strong[data-v-3304f515]{font-size:12px}.preset-list small[data-v-3304f515]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.preset-list em[data-v-3304f515]{margin-top:3px;color:var(--foxie-accent);font-size:12px;font-style:normal}.brush-panel>label[data-v-3304f515],.brush-footer[data-v-3304f515]{margin:0 9px 8px}.brush-panel>label[data-v-3304f515]{display:grid;gap:4px;font-size:12px;color:var(--foxie-muted)}.brush-panel select[data-v-3304f515]{height:30px;padding:0 7px;border:1px solid var(--editor-line);border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px}.brush-sliders[data-v-3304f515]{padding:0 9px;display:grid;gap:7px}.brush-sliders label[data-v-3304f515],.adjustment-panel>label[data-v-3304f515]{display:grid;gap:3px}.brush-sliders label span[data-v-3304f515],.adjustment-panel>label span[data-v-3304f515]{display:flex;justify-content:space-between;color:var(--foxie-muted);font-size:12px}.brush-sliders input[type=range][data-v-3304f515],.adjustment-panel input[type=range][data-v-3304f515]{width:100%;accent-color:var(--foxie-accent)}.brush-footer[data-v-3304f515]{padding-top:8px;border-top:1px solid var(--editor-line);display:flex;align-items:center;justify-content:space-between;color:var(--foxie-muted);font-size:12px}.brush-footer label[data-v-3304f515]{display:flex;align-items:center;gap:5px}.brush-footer input[type=color][data-v-3304f515]{width:31px;height:24px;padding:0;border:1px solid var(--editor-line);border-radius:6px;background:transparent}.adjustment-panel[data-v-3304f515]{right:15px;top:46px;width:230px;padding-bottom:10px}.adjustment-panel>label[data-v-3304f515]{margin:8px 11px}.adjustment-panel nav[data-v-3304f515]{padding:8px 10px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-top:1px solid var(--editor-line)}.adjustment-panel nav button[data-v-3304f515]{height:30px;border:1px solid var(--editor-line);border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-muted);display:flex;align-items:center;justify-content:center;gap:3px;font-size:12px;cursor:pointer}
.editor-right-panel[data-v-3304f515]{grid-area:panel;z-index:45;min-width:0;min-height:0;border-left:1px solid var(--editor-line);background:var(--editor-surface);display:grid;grid-template-rows:52px auto minmax(0,1fr) auto;overflow:hidden}.editor-right-panel>header[data-v-3304f515]{height:52px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--editor-line)}.editor-right-panel>header>div[data-v-3304f515]{display:grid}.editor-right-panel>header strong[data-v-3304f515]{font-size:12px}.editor-right-panel>header small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.editor-right-panel>header button[data-v-3304f515]{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted);cursor:pointer}.layer-create-actions[data-v-3304f515]{padding:7px;display:flex;gap:4px;border-bottom:1px solid var(--editor-line)}.layer-create-actions button[data-v-3304f515]{height:29px;padding:0 7px;border:1px solid var(--editor-line);border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-muted);display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.layers-list[data-v-3304f515]{min-height:0;padding:5px;overflow:auto}.root-label[data-v-3304f515]{padding:5px 5px 3px;color:var(--foxie-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.layer-row-wrap[data-v-3304f515]{margin:2px 0}.layer-row[data-v-3304f515]{width:100%;min-height:48px;padding:4px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--foxie-ink);display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:6px;align-items:center;text-align:left;cursor:pointer}.layer-row[data-v-3304f515]:hover,.layer-row.active[data-v-3304f515]{background:var(--foxie-surface-soft);border-color:var(--editor-line)}.layer-row.active[data-v-3304f515]{box-shadow:inset 2px 0 var(--foxie-accent)}.layer-row>img[data-v-3304f515]{width:38px;height:38px;border-radius:6px;object-fit:cover;background:#111}.layer-row>span[data-v-3304f515]{min-width:0;display:grid}.layer-row strong[data-v-3304f515]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row small[data-v-3304f515]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.layer-actions[data-v-3304f515]{display:flex;gap:1px;font-style:normal}.layer-actions button[data-v-3304f515],.layer-folder header nav button[data-v-3304f515]{width:25px;height:25px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--foxie-muted);display:grid;place-items:center;cursor:pointer}.layer-actions button[data-v-3304f515]:hover,.layer-folder header nav button[data-v-3304f515]:hover{background:var(--foxie-surface-raised);color:var(--foxie-accent)}.layer-folder[data-v-3304f515]{margin-top:5px;border:1px solid var(--editor-line);border-radius:9px;overflow:hidden}.layer-folder>header[data-v-3304f515]{height:34px;padding:0 4px;display:flex;align-items:center;gap:4px;background:var(--foxie-surface-soft);cursor:pointer}.layer-folder>header>strong[data-v-3304f515]{min-width:0;flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-folder header nav[data-v-3304f515]{display:flex}.layer-footer[data-v-3304f515]{padding:6px;display:flex;gap:3px;border-top:1px solid var(--editor-line)}.layer-footer button[data-v-3304f515]{width:31px;height:31px;border:0;border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-muted);display:grid;place-items:center;cursor:pointer}.layer-footer button[data-v-3304f515]:hover{color:var(--foxie-accent)}.layer-footer button.danger[data-v-3304f515]{margin-left:auto}.layer-footer button.danger[data-v-3304f515]:hover{color:#ef5350}.history-list[data-v-3304f515]{grid-row:2/-1;min-height:0;padding:7px;overflow:auto;display:grid;align-content:start;gap:4px}.history-list>button[data-v-3304f515]{min-height:44px;padding:7px;border:1px solid var(--editor-line);border-radius:8px;background:var(--foxie-surface-soft);color:var(--foxie-ink);display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.history-list>button.current[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.35)}.history-list>button span[data-v-3304f515]{display:grid}.history-list strong[data-v-3304f515]{font-size:12px}.history-list small[data-v-3304f515]{margin-top:2px;color:var(--foxie-muted);font-size:12px}.empty-history[data-v-3304f515]{padding:20px;text-align:center;color:var(--foxie-muted);font-size:12px}.hidden-editor-input[data-v-3304f515]{display:none}
.image-tool-panel[data-v-3304f515]{z-index:740!important;min-width:300px;min-height:300px;max-width:calc(100% - 12px);max-height:calc(100% - 12px);display:grid;grid-template-rows:58px minmax(0,1fr) 62px;border-radius:20px;overflow:hidden;container-type:inline-size;container-name:image-tools;background:color-mix(in srgb,var(--editor-surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--foxie-accent) 12%,var(--editor-line));box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(1.04);animation:foxieToolPanelIn-3304f515 .22s cubic-bezier(.2,.82,.2,1)}.image-tool-panel.is-landing[data-v-3304f515]{grid-template-rows:58px minmax(0,1fr)}.image-tool-panel-drag[data-v-3304f515]{min-width:0;padding:0 12px;cursor:move;user-select:none;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--editor-line);background:linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface-raised) 88%,transparent),color-mix(in srgb,var(--editor-surface) 96%,transparent))}.image-tool-header-icon[data-v-3304f515]{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.10);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.15)}.image-tool-header-copy[data-v-3304f515]{min-width:0;flex:1;display:grid;gap:2px}.image-tool-header-copy strong[data-v-3304f515]{font-size:12px;line-height:1.1}.image-tool-header-copy small[data-v-3304f515]{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.image-tool-mode-pill[data-v-3304f515]{height:24px;padding:0 8px;border:1px solid rgba(var(--foxie-accent-rgb),.22);border-radius:999px;display:flex;align-items:center;gap:5px;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.07);font-size:12px;font-weight:850;white-space:nowrap}.image-tool-window-hint[data-v-3304f515]{display:flex;align-items:center;gap:4px;color:var(--foxie-muted);font-size:12px;font-weight:750;pointer-events:none}.image-tool-panel-close[data-v-3304f515]{width:31px;height:31px;flex:0 0 31px;border:0;border-radius:9px;display:grid;place-items:center;background:transparent;color:var(--foxie-muted);cursor:pointer;transition:.16s ease}.image-tool-panel-close[data-v-3304f515]:hover{background:var(--foxie-surface-soft);color:var(--foxie-ink);transform:rotate(4deg)}.image-tool-resize-handle[data-v-3304f515]{width:29px!important;height:29px!important;position:absolute;right:2px;bottom:2px;z-index:4;border:0!important;border-radius:9px 0 16px 0!important;display:grid!important;place-items:center!important;background:transparent!important;color:var(--foxie-muted)!important;cursor:nwse-resize!important;transition:.16s ease}.image-tool-resize-handle[data-v-3304f515]:hover{color:var(--foxie-accent)!important;background:rgba(var(--foxie-accent-rgb),.08)!important}.image-tool-landing[data-v-3304f515]{min-height:0;padding:clamp(14px,3cqw,26px);display:grid;grid-template-columns:minmax(180px,.92fr) minmax(220px,1.08fr);gap:clamp(14px,3cqw,28px);align-items:center;overflow:auto;background:radial-gradient(circle at 12% 12%,rgba(var(--foxie-accent-rgb),.11),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 4%,var(--editor-surface)),var(--editor-surface) 62%);scrollbar-width:thin;scrollbar-color:rgba(var(--foxie-accent-rgb),.34) transparent}.image-tool-landing[data-v-3304f515]::-webkit-scrollbar,.foxie-tool-scroll[data-v-3304f515]::-webkit-scrollbar,.image-tool-tabs[data-v-3304f515]::-webkit-scrollbar{width:7px;height:7px}.image-tool-landing[data-v-3304f515]::-webkit-scrollbar-track,.foxie-tool-scroll[data-v-3304f515]::-webkit-scrollbar-track,.image-tool-tabs[data-v-3304f515]::-webkit-scrollbar-track{background:transparent}.image-tool-landing[data-v-3304f515]::-webkit-scrollbar-thumb,.foxie-tool-scroll[data-v-3304f515]::-webkit-scrollbar-thumb,.image-tool-tabs[data-v-3304f515]::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(var(--foxie-accent-rgb),.34);background-clip:padding-box}.image-tool-landing[data-v-3304f515]::-webkit-scrollbar-thumb:hover,.foxie-tool-scroll[data-v-3304f515]::-webkit-scrollbar-thumb:hover,.image-tool-tabs[data-v-3304f515]::-webkit-scrollbar-thumb:hover{background:rgba(var(--foxie-accent-rgb),.55);background-clip:padding-box}.image-tool-hero[data-v-3304f515]{min-width:0;min-height:220px;display:grid;place-items:center;overflow:hidden}.image-tool-hero img[data-v-3304f515]{width:100%;height:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(0,0,0,.22));animation:foxieHeroFloat-3304f515 5s ease-in-out infinite}.image-tool-hero-fallback[data-v-3304f515]{width:min(210px,72%);aspect-ratio:1;border:1px dashed rgba(var(--foxie-accent-rgb),.32);border-radius:28px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--foxie-accent);background:radial-gradient(circle at 50% 40%,rgba(var(--foxie-accent-rgb),.14),transparent 70%)}.image-tool-hero-fallback span[data-v-3304f515]{font-size:12px;font-weight:850;letter-spacing:.08em}.image-tool-landing-copy[data-v-3304f515]{min-width:0;display:grid;align-content:center;gap:12px}.image-tool-eyebrow[data-v-3304f515]{color:var(--foxie-accent);font-size:12px;font-weight:900;letter-spacing:.13em}.image-tool-landing-copy h3[data-v-3304f515]{margin:0;max-width:390px;font-size:clamp(.95rem,3cqw,1.18rem);line-height:1.12;letter-spacing:-.035em}.image-tool-landing-copy p[data-v-3304f515]{margin:0;max-width:410px;color:var(--foxie-muted);font-size:clamp(.48rem,1.5cqw,.58rem);line-height:1.65}.image-tool-enter[data-v-3304f515]{width:max-content;height:40px;margin-top:3px;padding:0 15px;border:0;border-radius:12px;display:flex;align-items:center;gap:8px;background:var(--foxie-accent);color:#fff;font-size:12px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(var(--foxie-accent-rgb),.23);transition:transform .16s ease,box-shadow .16s ease}.image-tool-enter[data-v-3304f515]:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(var(--foxie-accent-rgb),.3)}.image-tool-workspace[data-v-3304f515]{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(132px,156px) minmax(0,1fr);overflow:hidden}.image-tool-tabs[data-v-3304f515]{min-width:0;min-height:0;padding:8px 6px;border-right:1px solid var(--editor-line);display:grid;align-content:start;gap:4px;overflow:auto;background:color-mix(in srgb,var(--foxie-surface-soft) 60%,transparent);scrollbar-width:thin;scrollbar-color:rgba(var(--foxie-accent-rgb),.28) transparent}.image-tool-tabs button[data-v-3304f515]{width:100%;min-width:0;min-height:48px;padding:6px 7px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--foxie-muted);display:grid;grid-template-columns:29px minmax(0,1fr) 14px;align-items:center;gap:6px;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.image-tool-tabs button[data-v-3304f515]:hover{background:rgba(var(--foxie-accent-rgb),.055);color:var(--foxie-ink);transform:translateX(2px)}.image-tool-tabs button.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.23);background:linear-gradient(90deg,rgba(var(--foxie-accent-rgb),.12),rgba(var(--foxie-accent-rgb),.045));color:var(--foxie-accent);box-shadow:inset 2px 0 var(--foxie-accent)}.image-tool-tab-icon[data-v-3304f515]{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--foxie-surface-raised);box-shadow:inset 0 0 0 1px var(--editor-line)}.image-tool-tabs button.active .image-tool-tab-icon[data-v-3304f515]{background:rgba(var(--foxie-accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.16)}.image-tool-tab-copy[data-v-3304f515]{min-width:0;display:grid;gap:1px}.image-tool-tab-copy strong[data-v-3304f515]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-ink);font-size:12px}.image-tool-tab-copy small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.image-tool-tab-arrow[data-v-3304f515]{opacity:.36}.image-tool-body[data-v-3304f515]{min-width:0;min-height:0;padding:12px;overflow:auto;display:grid;align-content:start;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(var(--foxie-accent-rgb),.34) transparent}.image-tool-body[data-v-3304f515]>*{animation:foxieToolSectionIn-3304f515 .2s cubic-bezier(.2,.8,.2,1) both}.tool-intro-card[data-v-3304f515]{min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 15%,var(--editor-line));border-radius:13px;display:flex;align-items:flex-start;gap:9px;background:linear-gradient(135deg,rgba(var(--foxie-accent-rgb),.08),rgba(var(--foxie-accent-rgb),.025))}.tool-intro-card>span[data-v-3304f515]{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.10)}.tool-intro-card>div[data-v-3304f515]{min-width:0;display:grid;gap:3px}.tool-intro-card strong[data-v-3304f515]{font-size:12px}.tool-intro-card p[data-v-3304f515]{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.5}.tool-section[data-v-3304f515]{min-width:0;padding:10px;border:1px solid var(--editor-line);border-radius:13px;display:grid;gap:9px;background:color-mix(in srgb,var(--foxie-surface-soft) 62%,transparent)}.tool-section>header[data-v-3304f515]{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tool-section>header>span[data-v-3304f515]{font-size:12px;font-weight:850;color:var(--foxie-ink)}.tool-section>header>small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted);text-align:right}.tool-grid[data-v-3304f515]{min-width:0;display:grid;gap:7px}.tool-grid.two[data-v-3304f515]{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid.three[data-v-3304f515]{grid-template-columns:repeat(3,minmax(0,1fr))}.image-tool-body label[data-v-3304f515]{min-width:0;display:grid;gap:5px;color:var(--foxie-muted);font-size:12px}.image-tool-body label>span[data-v-3304f515]:first-child{display:flex;align-items:center;gap:4px}.image-tool-body label>span small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.image-tool-body input[type=number][data-v-3304f515],.image-tool-body textarea[data-v-3304f515]{width:100%;box-sizing:border-box;border:1px solid var(--editor-line);border-radius:10px;outline:0;background:var(--foxie-surface-raised);color:var(--foxie-ink);font:inherit;font-size:12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.image-tool-body input[type=number][data-v-3304f515]{height:36px;padding:0 9px}.image-tool-body textarea[data-v-3304f515]{min-height:74px;padding:9px 10px;resize:vertical;line-height:1.5}.image-tool-body input[type=number][data-v-3304f515]:focus,.image-tool-body textarea[data-v-3304f515]:focus{border-color:rgba(var(--foxie-accent-rgb),.58);background:color-mix(in srgb,var(--foxie-surface-raised) 92%,var(--foxie-accent) 8%);box-shadow:0 0 0 3px rgba(var(--foxie-accent-rgb),.08)}.tool-field[data-v-3304f515]{display:grid!important;gap:6px!important}.tool-switch[data-v-3304f515]{padding:9px 10px;border:1px solid var(--editor-line);border-radius:12px;display:grid!important;grid-template-columns:20px 20px minmax(0,1fr)!important;align-items:center;gap:7px!important;background:color-mix(in srgb,var(--foxie-surface-soft) 68%,transparent);cursor:pointer;transition:.16s ease}.tool-switch[data-v-3304f515]:hover{border-color:rgba(var(--foxie-accent-rgb),.28);background:rgba(var(--foxie-accent-rgb),.045)}.tool-switch input[data-v-3304f515],.rapport-sides input[data-v-3304f515]{position:absolute;opacity:0;pointer-events:none}.tool-check-box[data-v-3304f515]{width:18px;height:18px;border:1px solid color-mix(in srgb,var(--foxie-muted) 38%,var(--editor-line));border-radius:6px;display:grid!important;place-items:center!important;color:transparent;background:var(--foxie-surface-raised);transition:.16s ease}.tool-switch input:checked+.tool-check-box[data-v-3304f515],.rapport-sides input:checked+.tool-check-box[data-v-3304f515]{border-color:var(--foxie-accent);background:var(--foxie-accent);color:#fff;box-shadow:0 0 0 3px rgba(var(--foxie-accent-rgb),.09)}.tool-switch>span[data-v-3304f515]:last-child{min-width:0;display:grid}.tool-switch strong[data-v-3304f515]{color:var(--foxie-ink);font-size:12px}.tool-switch small[data-v-3304f515]{margin-top:2px;font-size:12px;line-height:1.45}.rapport-mode-grid[data-v-3304f515]{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rapport-mode-grid button[data-v-3304f515]{min-width:0;min-height:96px;padding:10px;border:1px solid var(--editor-line);border-radius:12px;background:var(--foxie-surface-raised);color:var(--foxie-muted);display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px;text-align:left;cursor:pointer;transition:.18s cubic-bezier(.2,.8,.2,1)}.rapport-mode-grid button[data-v-3304f515]:hover{transform:translateY(-2px);border-color:rgba(var(--foxie-accent-rgb),.24);box-shadow:0 10px 24px rgba(0,0,0,.1)}.rapport-mode-grid button.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.48);background:linear-gradient(145deg,rgba(var(--foxie-accent-rgb),.13),rgba(var(--foxie-accent-rgb),.04));box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.05),0 12px 28px rgba(var(--foxie-accent-rgb),.08)}.rapport-mode-icon[data-v-3304f515]{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.10)}.rapport-mode-grid button>span[data-v-3304f515]:last-child{min-width:0;display:grid;gap:3px}.rapport-mode-grid button strong[data-v-3304f515]{color:var(--foxie-ink);font-size:12px}.rapport-mode-grid button small[data-v-3304f515]{font-size:12px;line-height:1.42}.rapport-mode-grid button em[data-v-3304f515]{margin-top:3px;width:max-content;padding:2px 5px;border-radius:5px;background:rgba(var(--foxie-accent-rgb),.08);color:var(--foxie-accent);font-size:12px;font-style:normal;font-weight:900;letter-spacing:.06em}.rapport-sides[data-v-3304f515]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.rapport-sides label[data-v-3304f515]{min-width:0;height:40px;padding:0 7px;border:1px solid var(--editor-line);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;cursor:pointer;transition:.16s ease}.rapport-sides label[data-v-3304f515]:hover{border-color:rgba(var(--foxie-accent-rgb),.28);color:var(--foxie-ink)}.rapport-sides label.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.42);background:rgba(var(--foxie-accent-rgb),.08);color:var(--foxie-accent)}.selection-status[data-v-3304f515]{min-width:0;padding:9px 10px;border:1px solid var(--editor-line);border-radius:11px;display:flex;align-items:flex-start;gap:7px;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-surface-soft) 72%,transparent);font-size:12px;line-height:1.48}.selection-status>.v-icon[data-v-3304f515]{flex:0 0 auto;margin-top:1px}.selection-status.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.2);color:var(--foxie-ink)}.selection-status.ai-finish-note[data-v-3304f515]{background:linear-gradient(135deg,rgba(var(--foxie-accent-rgb),.09),rgba(var(--foxie-accent-rgb),.025))}.rapport-reference-reset[data-v-3304f515]{width:max-content;max-width:100%;height:34px;padding:0 10px;border:1px solid var(--editor-line);border-radius:9px;display:flex;align-items:center;gap:6px;background:var(--foxie-surface-soft);color:var(--foxie-muted);font-size:12px;font-weight:800;cursor:pointer;transition:.16s ease}.rapport-reference-reset[data-v-3304f515]:hover{border-color:rgba(var(--foxie-accent-rgb),.28);color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.06)}.tool-message[data-v-3304f515]{margin:0;padding:9px 10px;border-radius:10px;display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.45}.tool-message.error[data-v-3304f515]{color:#ef6b6b;background:rgba(239,83,80,.09);border:1px solid rgba(239,83,80,.16)}.tool-message.success[data-v-3304f515]{color:#65c991;background:rgba(56,180,116,.09);border:1px solid rgba(56,180,116,.16)}.image-tool-panel>footer[data-v-3304f515]{min-width:0;padding:9px 12px;border-top:1px solid var(--editor-line);display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--editor-surface) 97%,transparent)}.image-tool-panel>footer button[data-v-3304f515]{height:38px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.16s ease}.tool-secondary[data-v-3304f515]{border:1px solid var(--editor-line);background:var(--foxie-surface-soft);color:var(--foxie-muted)}.tool-secondary[data-v-3304f515]:hover{color:var(--foxie-ink);border-color:rgba(var(--foxie-accent-rgb),.22)}.tool-primary[data-v-3304f515]{margin-left:auto;border:0;background:var(--foxie-accent);color:#fff;box-shadow:0 9px 22px rgba(var(--foxie-accent-rgb),.2)}.tool-primary[data-v-3304f515]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(var(--foxie-accent-rgb),.28)}.tool-primary[data-v-3304f515]:disabled{opacity:.42;cursor:not-allowed}.tool-footer-context[data-v-3304f515]{min-width:0;display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px}.tools-dropdown button span[data-v-3304f515]{width:auto!important;color:inherit!important}@container image-tools (max-width:560px){.image-tool-mode-pill[data-v-3304f515],.image-tool-window-hint[data-v-3304f515]{display:none}.image-tool-workspace[data-v-3304f515]{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.image-tool-tabs[data-v-3304f515]{grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--editor-line);padding:5px}.image-tool-tabs button[data-v-3304f515]{min-height:54px;grid-template-columns:1fr;place-items:center;text-align:center;gap:3px}.image-tool-tab-copy small[data-v-3304f515],.image-tool-tab-arrow[data-v-3304f515]{display:none}.image-tool-tab-copy strong[data-v-3304f515]{font-size:12px}.image-tool-tab-icon[data-v-3304f515]{width:28px;height:28px}.tool-grid.three[data-v-3304f515]{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid.three label[data-v-3304f515]:last-child{grid-column:1/-1}.rapport-sides[data-v-3304f515]{grid-template-columns:repeat(2,minmax(0,1fr))}.image-tool-body[data-v-3304f515]{padding:9px}.image-tool-panel>footer[data-v-3304f515]{padding:7px 9px}.tool-footer-context[data-v-3304f515]{display:none}}@container image-tools (max-width:410px){.image-tool-panel-drag[data-v-3304f515]{padding:0 8px}.image-tool-header-copy small[data-v-3304f515]{display:none}.image-tool-workspace[data-v-3304f515]{grid-template-rows:58px minmax(0,1fr)}.image-tool-tabs[data-v-3304f515]{grid-auto-columns:64px}.image-tool-tab-copy strong[data-v-3304f515]{display:none}.tool-grid.two[data-v-3304f515],.tool-grid.three[data-v-3304f515],.rapport-mode-grid[data-v-3304f515]{grid-template-columns:1fr}.tool-grid.three label[data-v-3304f515]:last-child{grid-column:auto}.rapport-mode-grid button[data-v-3304f515]{min-height:80px}.rapport-sides[data-v-3304f515]{grid-template-columns:1fr 1fr}.tool-section[data-v-3304f515]{padding:8px}.image-tool-panel>footer button[data-v-3304f515]{padding:0 9px}.tool-secondary span[data-v-3304f515]{display:none}}@keyframes foxieToolPanelIn-3304f515{from{opacity:0;transform:scale(.985) translateY(5px)}to{opacity:1;transform:none}}@keyframes foxieToolSectionIn-3304f515{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes foxieHeroFloat-3304f515{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.fullscreen-ai-composer[data-v-3304f515]{width:min(660px,calc(100% - 180px));min-height:58px;position:absolute;left:50%;bottom:76px;z-index:520;transform:translateX(-50%);padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--editor-line));border-radius:18px;background:color-mix(in srgb,var(--editor-surface) 96%,transparent);box-shadow:0 14px 42px rgba(0,0,0,.26);backdrop-filter:blur(18px) saturate(1.06)}.fullscreen-ai-composer textarea[data-v-3304f515]{min-height:42px;max-height:120px;padding:10px;border:0;outline:0;resize:none;background:transparent;color:var(--foxie-ink);font:inherit;font-size:12px}.fullscreen-ai-composer button[data-v-3304f515]{height:38px;min-width:70px;padding:0 12px;border:0;border-radius:11px;background:var(--foxie-accent);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.fullscreen-ai-composer button[data-v-3304f515]:disabled{opacity:.4}.v-theme--light{--editor-bg:#f0f2f4;--editor-surface:#fff}.v-theme--light .editor-viewport.grid-visible.grid-dots[data-v-3304f515]{background-image:radial-gradient(circle,rgba(25,36,44,.28) 1px,transparent 1.2px)}.v-theme--light .editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:linear-gradient(to right,rgba(25,36,44,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(25,36,44,.12) 1px,transparent 1px)}
@media(max-width:1100px){.foxie-infinite-editor[data-v-3304f515]{grid-template-columns:50px minmax(0,1fr) 220px}.editor-menu-right button span[data-v-3304f515]{display:none}.preset-list[data-v-3304f515]{grid-template-columns:1fr}.brush-panel[data-v-3304f515]{width:260px}.editor-versions-dock[data-v-3304f515]{max-width:190px;overflow-x:auto}}
@media(max-width:850px){.image-tool-panel[data-v-3304f515]{min-width:290px}.image-tool-landing[data-v-3304f515]{grid-template-columns:1fr;min-height:0}.image-tool-hero[data-v-3304f515]{min-height:160px;max-height:210px}.foxie-infinite-editor[data-v-3304f515]{grid-template-columns:48px minmax(0,1fr);grid-template-areas:'menu menu' 'tools canvas'}.editor-right-panel[data-v-3304f515]{position:absolute;right:0;top:40px;bottom:0;width:min(280px,80vw);grid-area:none;box-shadow:-20px 0 55px rgba(0,0,0,.35)}.editor-menu-left .menu-anchor[data-v-3304f515]:nth-of-type(3),.editor-menu-left .menu-anchor[data-v-3304f515]:nth-of-type(4){display:none}.editor-menu-right>button[data-v-3304f515]:not(:last-child){display:none}.editor-versions-dock[data-v-3304f515]{display:none}.editor-bottom-tools[data-v-3304f515]{max-width:calc(100% - 130px);overflow-x:auto}.fullscreen-ai-composer[data-v-3304f515]{width:calc(100% - 40px)}}
@media(max-width:560px){.image-tool-panel[data-v-3304f515]{left:6px!important;right:6px!important;top:46px!important;width:auto!important;height:calc(100% - 100px)!important;min-width:0!important;max-height:none!important}.image-tool-resize-handle[data-v-3304f515],.image-tool-window-hint[data-v-3304f515]{display:none!important}.fullscreen-ai-composer[data-v-3304f515]{bottom:64px;width:calc(100% - 20px)}.image-tool-tabs[data-v-3304f515]{grid-template-columns:repeat(5,1fr);padding:4px}.image-tool-tabs button span[data-v-3304f515]{display:none}.tool-grid.two[data-v-3304f515],.tool-grid.three[data-v-3304f515]{grid-template-columns:1fr}.tool-grid.three label[data-v-3304f515]:last-child{grid-column:auto}.editor-menu-bar[data-v-3304f515]{padding-inline:4px}.editor-menu-left .menu-anchor[data-v-3304f515]{display:none}.editor-bottom-tools[data-v-3304f515]{left:8px;right:8px;transform:none;max-width:none}.editor-zoom-dock[data-v-3304f515]{display:none}.ruler-horizontal[data-v-3304f515],.ruler-vertical[data-v-3304f515],.ruler-corner[data-v-3304f515]{display:none}.editor-viewport.with-rulers[data-v-3304f515]{padding:0}.brush-panel[data-v-3304f515],.adjustment-panel[data-v-3304f515]{left:8px;right:8px;width:auto;top:8px;max-height:calc(100% - 85px)}.fullscreen-ai-composer[data-v-3304f515]{bottom:68px}}
@media(prefers-reduced-motion:reduce){.busy-orb i[data-v-3304f515]{animation:none!important}}
.editor-trace-button[data-v-3304f515]{position:relative;display:inline-flex!important;align-items:center;gap:5px}.editor-trace-button b[data-v-3304f515]{min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-soft));color:var(--foxie-accent);font-size:12px}.editor-trace-button.warn b[data-v-3304f515]{color:#b78612}.editor-trace-button.alert b[data-v-3304f515]{color:#d84c4c}
.measurement-tool-card[data-v-3304f515]{margin-top:9px;padding:10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 24%,var(--editor-line));border-radius:12px;display:grid;gap:9px;background:color-mix(in srgb,var(--foxie-surface-soft) 80%,transparent)}
.measurement-tool-card>header[data-v-3304f515]{display:flex;align-items:center;justify-content:space-between;gap:8px}.measurement-tool-card>header>span[data-v-3304f515]{display:flex;align-items:center;gap:6px}.measurement-tool-card>header strong[data-v-3304f515]{font-size:12px}.measurement-tool-card>header em[data-v-3304f515]{padding:3px 6px;border-radius:6px;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.06em;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.1)}
.measurement-tool-card>p[data-v-3304f515]{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.5}
.measurement-targets[data-v-3304f515]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.measurement-targets button[data-v-3304f515],.measurement-generate[data-v-3304f515]{border:1px solid var(--editor-line);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-muted);cursor:pointer}.measurement-targets button[data-v-3304f515]{min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.measurement-targets button.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.42);background:rgba(var(--foxie-accent-rgb),.1);color:var(--foxie-accent)}
.measurement-side-grid[data-v-3304f515]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.measurement-side-grid label[data-v-3304f515]{min-height:42px;padding:6px;border:1px solid var(--editor-line);border-radius:8px;display:flex;align-items:center;gap:6px;background:var(--foxie-surface-raised);cursor:pointer}.measurement-side-grid label>span[data-v-3304f515]{display:grid;gap:1px}.measurement-side-grid b[data-v-3304f515]{font-size:12px}.measurement-side-grid small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.measurement-side-grid input[data-v-3304f515]{accent-color:var(--foxie-accent)}
.measurement-source-status[data-v-3304f515]{min-height:32px;padding:6px 8px;border:1px dashed var(--editor-line);border-radius:8px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px}.measurement-source-status.ready[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.3);color:var(--foxie-ink)}
.measurement-generate[data-v-3304f515]{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;color:#fff;background:var(--foxie-accent);border-color:transparent}.measurement-generate[data-v-3304f515]:disabled{opacity:.38;cursor:not-allowed}
.editor-context-menu.measurement-context-menu[data-v-3304f515]{position:fixed;z-index:1500;min-width:190px;padding:5px;border:1px solid var(--editor-line);border-radius:10px;display:grid;gap:3px;background:var(--editor-surface);box-shadow:0 16px 42px rgba(0,0,0,.38)}.measurement-context-menu button[data-v-3304f515]{height:34px;padding:0 9px;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;text-align:left;color:var(--foxie-ink);background:transparent;cursor:pointer}.measurement-context-menu button[data-v-3304f515]:hover{background:var(--foxie-surface-soft)}.measurement-context-menu small[data-v-3304f515]{padding:2px 9px 5px;color:var(--foxie-muted);font-size:12px}
@media(max-width:850px){.measurement-side-grid[data-v-3304f515]{grid-template-columns:1fr 1fr}.measurement-targets[data-v-3304f515]{grid-template-columns:1fr}}
.measurement-modal-backdrop[data-v-3304f515]{position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center;padding:18px;background:rgba(4,7,10,.54);backdrop-filter:blur(7px)}
.measurement-modal[data-v-3304f515]{width:min(520px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));overflow:auto;border:1px solid color-mix(in srgb,var(--foxie-border) 84%,transparent);border-radius:18px;background:color-mix(in srgb,var(--foxie-surface-raised) 98%,#000 2%);box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03);color:var(--foxie-ink)}
.measurement-modal__header[data-v-3304f515]{min-height:68px;padding:13px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--editor-line)}.measurement-modal__icon[data-v-3304f515]{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.11);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.18)}.measurement-modal__header>div[data-v-3304f515]:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.measurement-modal__header strong[data-v-3304f515]{font-size:13px}.measurement-modal__header small[data-v-3304f515]{color:var(--foxie-muted);font-size:12px}.measurement-modal__header>button[data-v-3304f515]{width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;background:var(--foxie-surface-soft);color:var(--foxie-muted);cursor:pointer}.measurement-modal__header>button[data-v-3304f515]:hover{color:var(--foxie-ink)}
.measurement-modal__body[data-v-3304f515]{padding:13px;display:grid;gap:12px}.measurement-reading[data-v-3304f515]{min-height:70px;padding:12px 13px;border:1px solid rgba(var(--foxie-accent-rgb),.22);border-radius:13px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(var(--foxie-accent-rgb),.10),rgba(var(--foxie-accent-rgb),.035))}.measurement-reading>div[data-v-3304f515]{display:grid;gap:3px}.measurement-reading span[data-v-3304f515]{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--foxie-muted)}.measurement-reading strong[data-v-3304f515]{font-size:20px;line-height:1.1;letter-spacing:-.025em}.measurement-reading small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.measurement-reading>i[data-v-3304f515],.measurement-reading>.v-icon[data-v-3304f515]{color:var(--foxie-accent)}
.measurement-unit-block[data-v-3304f515],.measurement-side-block[data-v-3304f515]{padding:11px;border:1px solid var(--editor-line);border-radius:13px;background:color-mix(in srgb,var(--foxie-surface-soft) 72%,transparent)}.measurement-unit-block>label[data-v-3304f515],.measurement-side-title>span[data-v-3304f515]{display:block;margin-bottom:8px;font-size:12px;font-weight:850}.measurement-unit-tabs[data-v-3304f515]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.measurement-unit-tabs button[data-v-3304f515]{min-height:52px;padding:7px;border:1px solid var(--editor-line);border-radius:10px;display:grid;place-items:center;gap:2px;background:var(--foxie-surface-raised);color:var(--foxie-muted);cursor:pointer}.measurement-unit-tabs button b[data-v-3304f515]{font-size:12px}.measurement-unit-tabs button span[data-v-3304f515]{font-size:12px}.measurement-unit-tabs button.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.48);background:rgba(var(--foxie-accent-rgb),.11);color:var(--foxie-accent);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.08)}.measurement-auto-scale[data-v-3304f515]{margin-top:8px;display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px;line-height:1.45}
.measurement-side-title[data-v-3304f515]{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.measurement-side-title small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.measurement-side-visual[data-v-3304f515]{display:grid;grid-template-columns:92px minmax(150px,1fr) 92px;grid-template-rows:38px 104px 38px;grid-template-areas:'. top .' 'left target right' '. bottom .';gap:6px}.measurement-side-visual>button[data-v-3304f515]{border:1px solid var(--editor-line);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;font-weight:800;cursor:pointer}.measurement-side-visual>button.active[data-v-3304f515]{border-color:rgba(var(--foxie-accent-rgb),.5);background:rgba(var(--foxie-accent-rgb),.12);color:var(--foxie-accent);box-shadow:0 0 0 1px rgba(var(--foxie-accent-rgb),.06)}.measurement-side-visual .side-top[data-v-3304f515]{grid-area:top}.measurement-side-visual .side-bottom[data-v-3304f515]{grid-area:bottom}.measurement-side-visual .side-left[data-v-3304f515]{grid-area:left}.measurement-side-visual .side-right[data-v-3304f515]{grid-area:right}.measurement-target-preview[data-v-3304f515]{grid-area:target;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--foxie-border) 80%,transparent);border-radius:11px;display:grid;place-items:center;align-content:center;gap:3px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--foxie-surface-soft) 82%,transparent) 0 10px,color-mix(in srgb,var(--foxie-surface-raised) 88%,transparent) 10px 20px)}.measurement-target-preview[data-v-3304f515]:before{content:'';position:absolute;inset:12px;border:1px dashed rgba(var(--foxie-accent-rgb),.66);border-radius:7px}.measurement-target-preview i[data-v-3304f515]{width:26px;height:2px;border-radius:999px;background:var(--foxie-accent);box-shadow:0 0 12px rgba(var(--foxie-accent-rgb),.32)}.measurement-target-preview strong[data-v-3304f515]{font-size:12px;letter-spacing:.08em}.measurement-target-preview small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}
.measurement-modal__error[data-v-3304f515]{min-height:34px;padding:7px 9px;border:1px solid rgba(239,83,80,.3);border-radius:9px;display:flex;align-items:center;gap:6px;color:#ef5350;background:rgba(239,83,80,.07);font-size:12px}.measurement-modal__footer[data-v-3304f515]{padding:11px 13px;border-top:1px solid var(--editor-line);display:flex;justify-content:flex-end;gap:7px}.measurement-modal__footer button[data-v-3304f515]{height:36px;padding:0 13px;border-radius:9px;font-size:12px;font-weight:850;cursor:pointer}.measurement-modal__footer .secondary[data-v-3304f515]{border:1px solid var(--editor-line);background:var(--foxie-surface-soft);color:var(--foxie-ink)}.measurement-modal__footer .primary[data-v-3304f515]{border:0;display:flex;align-items:center;gap:6px;background:var(--foxie-accent);color:#fff;box-shadow:0 8px 20px rgba(var(--foxie-accent-rgb),.2)}.measurement-modal__footer .primary[data-v-3304f515]:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:620px){.measurement-modal-backdrop[data-v-3304f515]{padding:8px}.measurement-modal[data-v-3304f515]{width:100%;border-radius:15px}.measurement-side-visual[data-v-3304f515]{grid-template-columns:72px minmax(120px,1fr) 72px}.measurement-side-title[data-v-3304f515]{align-items:flex-start;flex-direction:column}.measurement-reading strong[data-v-3304f515]{font-size:17px}}
.main-editor-context[data-v-3304f515]{width:266px;max-height:min(560px,calc(100vh - 24px));overflow:auto;padding:6px;border-radius:12px;background:color-mix(in srgb,var(--foxie-surface-raised) 98%,#000 2%);box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035)}
.main-editor-context .context-menu-heading[data-v-3304f515]{min-height:44px;padding:7px 9px;display:flex;align-items:center;gap:8px;border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}.main-editor-context .context-menu-heading>span[data-v-3304f515]{min-width:0;display:grid;gap:2px}.main-editor-context .context-menu-heading strong[data-v-3304f515]{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-ink);font-size:12px}.main-editor-context .context-menu-heading small[data-v-3304f515]{font-size:12px}
.main-editor-context>button[data-v-3304f515]{width:100%;min-height:34px;height:auto;padding:6px 8px;justify-content:flex-start;border-radius:8px}.main-editor-context>button>span[data-v-3304f515]{min-width:0;display:grid;gap:1px}.main-editor-context>button>span>strong[data-v-3304f515]{font-size:12px}.main-editor-context>button>span>small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.main-editor-context>button.context-primary[data-v-3304f515]{min-height:43px;margin-top:4px;color:var(--foxie-ink);background:rgba(var(--foxie-accent-rgb),.055)}.main-editor-context>button.context-primary[data-v-3304f515]:hover{background:rgba(var(--foxie-accent-rgb),.11)}.main-editor-context>button.context-primary>.v-icon[data-v-3304f515]{color:var(--foxie-accent)}.main-editor-context>button.danger[data-v-3304f515]{color:#ef6b68}.main-editor-context>button[data-v-3304f515]:disabled{opacity:.34;cursor:not-allowed}.main-editor-context>i[data-v-3304f515]{height:1px;margin:5px 4px;background:var(--editor-line)}

/* foxie-inspace-fidelity-v7 */
.foxie-infinite-editor[data-v-3304f515]{--editor-bg:color-mix(in srgb,var(--foxie-surface-soft) 96%,var(--foxie-surface) 4%);grid-template-columns:228px minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important;grid-template-areas:'menu menu' 'panel canvas'!important;background:var(--editor-bg)!important}.foxie-infinite-editor[data-v-3304f515]:not(:has(.editor-right-panel)){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'menu' 'canvas'!important}.foxie-infinite-editor.is-fullscreen[data-v-3304f515]{grid-template-columns:228px minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important}
.figma-editor-topbar[data-v-3304f515]{height:44px!important;padding:0 10px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent)!important;box-shadow:0 1px 0 var(--editor-line);backdrop-filter:blur(18px)}.figma-file-identity[data-v-3304f515]{display:flex;align-items:center;gap:8px;margin-left:4px}.figma-mark[data-v-3304f515]{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);font-size:12px;font-weight:900}.figma-file-identity>span[data-v-3304f515]:last-child{display:grid}.figma-file-identity strong[data-v-3304f515]{font-size:12px}.figma-file-identity small[data-v-3304f515]{margin-top:2px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.figma-top-actions[data-v-3304f515]{gap:2px!important}.figma-top-actions button[data-v-3304f515]{height:31px!important;padding:0 8px!important;border-radius:8px!important;font-size:12px!important}.figma-top-actions button.active[data-v-3304f515]{color:var(--foxie-accent)!important;background:rgba(var(--foxie-accent-rgb),.09)!important}.figma-top-divider[data-v-3304f515]{width:1px;height:20px;margin:0 4px;background:var(--editor-line)}.dot-grid-toggle i[data-v-3304f515]{width:14px;height:14px;background-image:radial-gradient(circle,currentColor 1.25px,transparent 1.45px);background-size:5px 5px}
.editor-right-panel[data-v-3304f515]{grid-area:panel!important;border-left:0!important;border-right:1px solid var(--editor-line)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent)!important;box-shadow:none!important}.editor-canvas-shell[data-v-3304f515]{grid-area:canvas!important}.editor-viewport[data-v-3304f515]{background-color:color-mix(in srgb,var(--foxie-surface-soft) 96%,#94a3b8 4%)!important}.v-theme--dark .editor-viewport[data-v-3304f515]{background-color:#111418!important}.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:radial-gradient(circle at 0 0,color-mix(in srgb,var(--foxie-muted) 68%,transparent) 1.65px,transparent 2px)!important;background-size:var(--foxie-grid-size) var(--foxie-grid-size)!important;background-position:var(--foxie-grid-x) var(--foxie-grid-y)!important}.v-theme--dark .editor-viewport.grid-visible.grid-dots[data-v-3304f515],.v-theme--dark .editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:radial-gradient(circle at 0 0,rgba(226,232,240,.62) 1.65px,transparent 2px)!important}
.inspace-tools-sidebar[data-v-3304f515]{position:absolute;left:calc(50% + 114px);bottom:14px;z-index:95;max-width:calc(100% - 260px);padding:4px;border:1px solid color-mix(in srgb,var(--foxie-border) 88%,transparent);border-radius:13px;background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);box-shadow:0 10px 28px rgba(15,23,42,.14),0 2px 7px rgba(15,23,42,.08);backdrop-filter:blur(16px) saturate(1.1);transform:translateX(-50%)}.inspace-tools-grid[data-v-3304f515]{display:flex;align-items:center;gap:1px}.inspace-tool-wrapper[data-v-3304f515]{position:relative;flex:0 0 auto}.inspace-tool-divider[data-v-3304f515]{width:1px;height:20px;margin:0 4px;background:color-mix(in srgb,var(--foxie-border) 88%,transparent)}.inspace-tool-button[data-v-3304f515]{position:relative;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer;transition:140ms}.inspace-tool-button>svg[data-v-3304f515]{width:16px;height:16px}.inspace-tool-button[data-v-3304f515]:hover:not(:disabled){color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-muted) 8%,transparent)}.inspace-tool-button.active[data-v-3304f515]{color:var(--foxie-accent);border-color:rgba(var(--foxie-accent-rgb),.24);background:rgba(var(--foxie-accent-rgb),.11)}.inspace-tool-button[data-v-3304f515]:disabled{opacity:.34;cursor:not-allowed}.inspace-group-indicator[data-v-3304f515]{position:absolute;right:3px;bottom:3px;width:0;height:0;border-bottom:3px solid currentColor;border-left:3px solid transparent;opacity:.52}.inspace-color-indicator[data-v-3304f515]{position:absolute;right:4px;bottom:4px;width:6px;height:6px;border:1.5px solid var(--foxie-surface-raised);border-radius:50%}.inspace-tool-button[data-tooltip][data-v-3304f515]::after{position:absolute;bottom:calc(100% + 9px);left:50%;z-index:400;padding:5px 7px;border-radius:6px;color:var(--foxie-surface);background:color-mix(in srgb,var(--foxie-ink) 94%,transparent);content:attr(data-tooltip);font-size:12px;font-weight:600;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:120ms;white-space:nowrap}.inspace-tool-button[data-tooltip][data-v-3304f515]:hover::after{opacity:1;transform:translate(-50%,0)}
.inspace-tool-panel[data-v-3304f515],.inspace-tool-drawer[data-v-3304f515]{position:absolute;bottom:calc(100% + 10px);left:50%;z-index:250;border:1px solid var(--foxie-border);border-radius:12px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);box-shadow:0 14px 34px rgba(15,23,42,.16);backdrop-filter:blur(16px);transform:translateX(-50%)}.inspace-ai-tools-wrapper[data-v-3304f515]{z-index:280}.inspace-ai-tools-trigger[data-v-3304f515] .v-icon__svg{width:17px;height:17px}.inspace-ai-tools-drawer[data-v-3304f515]{left:auto!important;right:0!important;width:320px!important;min-width:320px!important;transform:none!important;padding:7px!important}.inspace-ai-tools-drawer>button[data-v-3304f515]{min-height:48px!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important}.inspace-ai-tools-drawer>button>span[data-v-3304f515]:nth-child(2){min-width:0;display:grid;gap:2px}.inspace-ai-tools-drawer>button strong[data-v-3304f515]{font-size:12px}.inspace-ai-tools-drawer>button small[data-v-3304f515]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px;font-weight:500}.inspace-ai-tools-drawer .inspace-ai-featured[data-v-3304f515]{margin-bottom:4px;background:color-mix(in srgb,var(--foxie-accent) 8%,transparent)}.inspace-tool-drawer[data-v-3304f515]{min-width:188px;padding:6px}.inspace-drawer-title[data-v-3304f515]{padding:7px 9px 8px;color:var(--foxie-muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.inspace-tool-drawer>button[data-v-3304f515]{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:8px;color:var(--foxie-ink);background:transparent;cursor:pointer;font-size:12px;text-align:left}.inspace-tool-drawer>button[data-v-3304f515]:hover:not(:disabled),.inspace-tool-drawer>button.active[data-v-3304f515]{color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.09)}.inspace-drawer-icon[data-v-3304f515]{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--foxie-border);border-radius:6px}.inspace-drawer-icon svg[data-v-3304f515]{width:14px;height:14px}.zoom-panel[data-v-3304f515]{width:220px;padding:11px;display:grid;gap:8px}.zoom-panel header[data-v-3304f515],.zoom-panel footer[data-v-3304f515]{display:flex;justify-content:space-between;font-size:12px}.zoom-panel input[data-v-3304f515]{width:100%;accent-color:var(--foxie-accent)}.color-panel[data-v-3304f515]{width:250px;padding:12px}.color-panel header[data-v-3304f515]{display:grid;grid-template-columns:32px 1fr 30px;gap:9px;align-items:center}.color-panel header>div[data-v-3304f515]{display:grid}.color-panel header button[data-v-3304f515]{width:30px;height:30px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface);color:var(--foxie-muted)}.color-panel header svg[data-v-3304f515]{width:15px}.active-color[data-v-3304f515]{width:32px;height:32px;border-radius:9px;border:2px solid var(--foxie-surface-raised);box-shadow:0 0 0 1px var(--foxie-border)}.inspace-color-input[data-v-3304f515]{width:100%;height:28px;margin:10px 0}.inspace-palette[data-v-3304f515]{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.inspace-palette button[data-v-3304f515]{aspect-ratio:1;border:2px solid var(--foxie-surface-raised);border-radius:7px;box-shadow:0 0 0 1px var(--foxie-border)}.inspace-palette button.active[data-v-3304f515]{box-shadow:0 0 0 2px var(--foxie-accent)}
.brush-panel[data-v-3304f515]{left:50%!important;top:auto!important;bottom:66px!important;transform:translateX(-50%)!important;width:min(372px,calc(100vw - 24px))!important;max-height:min(720px,calc(100vh - 120px))!important}.editor-bottom-tools[data-v-3304f515]{display:none!important}.editor-versions-dock[data-v-3304f515]{left:auto!important;right:16px!important}.editor-zoom-dock[data-v-3304f515]{right:auto!important;left:16px!important}
.ai-layer-progress[data-v-3304f515]{position:absolute;z-index:70;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(var(--foxie-accent-rgb),.28);border-radius:12px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 91%,transparent);box-shadow:0 12px 35px rgba(0,0,0,.22);backdrop-filter:blur(12px);transform:translate(-50%,-50%);pointer-events:none}.ai-layer-progress>span[data-v-3304f515]:last-child{min-width:0;display:grid}.ai-layer-progress strong[data-v-3304f515]{font-size:12px}.ai-layer-progress small[data-v-3304f515]{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.ai-layer-spinner[data-v-3304f515]{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(var(--foxie-accent-rgb),.1)}.ai-layer-spinner i[data-v-3304f515]{width:13px;height:13px;border:2px solid rgba(var(--foxie-accent-rgb),.22);border-top-color:var(--foxie-accent);border-radius:50%;animation:inspaceSpin-3304f515 .7s linear infinite}@keyframes inspaceSpin-3304f515{to{transform:rotate(360deg)}}
.inspace-context-overlay[data-v-3304f515]{position:fixed;inset:0;z-index:2147483300}.inspace-context-menu[data-v-3304f515]{position:fixed;width:264px;max-height:calc(100vh - 24px);overflow:auto;padding:6px;border:1px solid var(--foxie-border);border-radius:12px;background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);box-shadow:0 18px 50px rgba(15,23,42,.22);backdrop-filter:blur(16px)}.inspace-context-menu .measure-context-primary[data-v-3304f515]{min-height:44px!important;height:auto!important;background:rgba(var(--foxie-accent-rgb),.055)!important}.inspace-context-menu .measure-context-primary[data-v-3304f515]:hover{background:rgba(var(--foxie-accent-rgb),.12)!important}.inspace-context-menu .measure-context-primary>.v-icon[data-v-3304f515]{color:var(--foxie-accent)!important}.inspace-context-menu .measure-context-primary>span[data-v-3304f515]{display:grid;gap:1px;min-width:0}.inspace-context-menu .measure-context-primary strong[data-v-3304f515]{font-size:12px}.inspace-context-menu .measure-context-primary small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}
.inspace-context-menu>button[data-v-3304f515]{width:100%;height:32px;padding:0 9px;border:0;border-radius:8px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;color:var(--foxie-ink);background:transparent;text-align:left;font-size:12px}.inspace-context-menu>button[data-v-3304f515]:hover:not(:disabled){color:#fff;background:var(--foxie-accent)}.inspace-context-menu>button[data-v-3304f515]:disabled{opacity:.35}.inspace-context-menu>button.danger[data-v-3304f515]{color:#ef4444}.inspace-context-menu>button.danger[data-v-3304f515]:hover{color:#fff;background:#ef4444}.inspace-context-menu>i[data-v-3304f515]{height:1px;display:block;margin:5px;background:var(--foxie-border)}.context-history-row[data-v-3304f515]{height:34px;padding:0 7px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center}.context-history-row>button[data-v-3304f515]{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted)}.context-history-row>span[data-v-3304f515]{text-align:center;font-size:12px}.context-zoom[data-v-3304f515]{padding:8px;display:grid;grid-template-columns:20px 1fr 44px 34px;gap:7px;align-items:center}.context-zoom input[data-v-3304f515]{width:100%;accent-color:var(--foxie-accent)}
@media(max-width:900px){.foxie-infinite-editor[data-v-3304f515],.foxie-infinite-editor.is-fullscreen[data-v-3304f515]{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'menu' 'canvas'!important}.editor-right-panel[data-v-3304f515]{position:absolute!important;left:8px;top:52px;bottom:64px;width:min(260px,calc(100% - 16px));z-index:90;border:1px solid var(--foxie-border)!important;border-radius:12px}.inspace-tools-sidebar[data-v-3304f515]{left:50%;max-width:calc(100% - 16px);overflow-x:auto}.figma-top-actions button span[data-v-3304f515]{display:none}}

/* foxie-editor-interactions-v8 */
/* DOT GRID IS THE DEFAULT AND ONLY CANVAS MESH. Kept deliberately high contrast. */
.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-color:#0b1016!important;background-image:radial-gradient(circle at center,rgba(179,205,229,.76) 1.7px,transparent 2.05px)!important;background-size:20px 20px!important;background-position:var(--foxie-grid-x) var(--foxie-grid-y)!important}
.v-theme--light,.v-theme--light{background-color:#f4f6f8!important;background-image:radial-gradient(circle at center,rgba(62,78,96,.60) 1.55px,transparent 1.92px)!important}
.document-stage[data-v-3304f515]{z-index:2}.ruler-corner[data-v-3304f515],.ruler-horizontal[data-v-3304f515],.ruler-vertical[data-v-3304f515]{z-index:120!important}
.foxie-infinite-editor.panel-collapsed[data-v-3304f515]{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'menu' 'canvas'!important}
.foxie-infinite-editor.panel-collapsed .editor-canvas-shell[data-v-3304f515]{min-width:0!important;width:100%!important}
.foxie-infinite-editor.panel-collapsed .inspace-tools-sidebar[data-v-3304f515]{left:50%!important;max-width:calc(100% - 28px)!important}
.inspace-tools-sidebar[data-v-3304f515]{z-index:210!important}
.inspace-tool-panel[data-v-3304f515],.inspace-tool-drawer[data-v-3304f515]{z-index:360!important}
.inspace-context-overlay[data-v-3304f515]{z-index:2147483646!important}.inspace-context-menu[data-v-3304f515]{z-index:2147483647!important}
.foxie-infinite-editor.is-fullscreen .inspace-context-overlay[data-v-3304f515]{position:fixed!important;inset:0!important;z-index:2147483646!important}
.editor-drop-target[data-v-3304f515]{position:absolute;inset:14px;z-index:500;display:grid;place-items:center;align-content:center;gap:7px;border:2px dashed var(--foxie-accent);border-radius:18px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 84%,transparent);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.12),0 0 60px rgba(var(--foxie-accent-rgb),.14);backdrop-filter:blur(7px);pointer-events:none}
.editor-drop-target>span[data-v-3304f515]{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.12)}.editor-drop-target strong[data-v-3304f515]{font-size:12px}.editor-drop-target small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}
.dot-grid-toggle.active i[data-v-3304f515]{box-shadow:0 0 0 3px rgba(var(--foxie-accent-rgb),.12),0 0 14px rgba(var(--foxie-accent-rgb),.36)!important}
@media(max-width:900px){.foxie-infinite-editor.panel-collapsed[data-v-3304f515]{grid-template-columns:minmax(0,1fr)!important}.foxie-infinite-editor.panel-collapsed .inspace-tools-sidebar[data-v-3304f515]{left:50%!important}}

/* foxie-editor-workspace-v9 */
/* The visual stage is the whole viewport. Layers are no longer clipped by the source image rectangle. */
.editor-viewport[data-v-3304f515]{isolation:isolate!important}
.document-stage[data-v-3304f515]{z-index:2!important;box-shadow:none!important;overflow:visible!important;pointer-events:none}
.document-canvas[data-v-3304f515]{width:100%!important;height:100%!important;background:transparent!important;box-shadow:none!important;outline:0!important;pointer-events:auto}
.selection-box[data-v-3304f515],.selection-lasso[data-v-3304f515]{pointer-events:none}

/* InfiniteSpace mesh: keep the two original patterns separate and exact. */
.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:none!important}
.editor-viewport[data-v-3304f515]::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background-position:var(--foxie-grid-x) var(--foxie-grid-y);background-size:var(--foxie-grid-size) var(--foxie-grid-size)}
.editor-viewport.grid-visible.grid-dots[data-v-3304f515]::before{opacity:1;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.25px)!important}
.editor-viewport.grid-visible.grid-lines[data-v-3304f515]::before{opacity:1;background-image:linear-gradient(to right,rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.10) 1px,transparent 1px)!important}
.v-theme--light{background-image:radial-gradient(circle,rgba(25,36,44,.28) 1px,transparent 1.2px)!important}
.v-theme--light{background-image:linear-gradient(to right,rgba(25,36,44,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(25,36,44,.12) 1px,transparent 1px)!important}

/* Coherent light canvas. Do not leave a dark viewport inside a light shell. */
.v-theme--light{--editor-bg:#eef1f4!important;--editor-surface:#ffffff!important;--editor-line:#d7dde4!important;--editor-muted:#66727f!important;background:#eef1f4!important;color:#1f2933!important}
.v-theme--light,.v-theme--light{background:#eef1f4!important;color:#1f2933!important}
.v-theme--light,.v-theme--light,.v-theme--light,.v-theme--light,.v-theme--light,.v-theme--light,.v-theme--light{background:#ffffff!important;color:#1f2933!important;border-color:#d7dde4!important}
.v-theme--light,.v-theme--light,.v-theme--light{background:#f8fafc!important;color:#65717e!important;border-color:#d7dde4!important}
.v-theme--light,.v-theme--light{background:#98a3af!important}
.v-theme--light,.v-theme--light{color:#66727f!important}
.v-theme--light,.v-theme--light{color:#1f2933!important;background:#eef1f4!important}
.v-theme--light,.v-theme--light{color:var(--foxie-accent)!important;background:rgba(var(--foxie-accent-rgb),.10)!important}

/* foxie-editor-geometry-v10 */
.editor-viewport[data-v-3304f515],.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-color:#0b1016!important;background-image:none!important}
.workspace-grid-layer[data-v-3304f515]{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background-position:var(--foxie-grid-x) var(--foxie-grid-y);background-size:var(--foxie-grid-size) var(--foxie-grid-size);transition:opacity .12s ease}
.editor-viewport.grid-visible.grid-dots .workspace-grid-layer[data-v-3304f515]{opacity:1;background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.25px)}
.editor-viewport.grid-visible.grid-lines .workspace-grid-layer[data-v-3304f515]{opacity:1;background-image:linear-gradient(to right,rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.10) 1px,transparent 1px)}
.document-stage[data-v-3304f515]{z-index:2!important;background:transparent!important}.document-canvas[data-v-3304f515]{background:transparent!important}
.selected-layer-frame[data-v-3304f515]{position:absolute;z-index:6;box-sizing:border-box;border:1.5px solid var(--foxie-accent);box-shadow:0 0 0 1px rgba(var(--foxie-accent-rgb),.18),0 0 14px rgba(var(--foxie-accent-rgb),.16);pointer-events:none;transform-origin:center center}
.selected-layer-frame>span[data-v-3304f515]{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);padding:3px 6px;border:1px solid rgba(var(--foxie-accent-rgb),.34);border-radius:6px;white-space:nowrap;color:#fff;background:var(--foxie-accent);box-shadow:0 5px 14px rgba(0,0,0,.22);font-size:12px;font-weight:800;line-height:1.2}
.selection-box[data-v-3304f515]{z-index:7!important;border:1.5px dashed var(--foxie-accent)!important;background:rgba(var(--foxie-accent-rgb),.07)!important;box-shadow:0 0 0 1px rgba(var(--foxie-accent-rgb),.10),0 0 12px rgba(var(--foxie-accent-rgb),.14);animation:foxieSelectionPulse-3304f515 .8s ease-in-out infinite alternate}
.selection-lasso[data-v-3304f515]{z-index:7!important}.selection-lasso polygon[data-v-3304f515]{animation:foxieMarchingAnts-3304f515 .72s linear infinite}
.selection-metrics[data-v-3304f515]{position:absolute;z-index:9;transform:translateX(-50%);padding:4px 7px;border:1px solid rgba(var(--foxie-accent-rgb),.34);border-radius:7px;white-space:nowrap;color:#fff;background:var(--foxie-accent);box-shadow:0 7px 18px rgba(0,0,0,.24);font-size:12px;font-weight:850;pointer-events:none}
@keyframes foxieMarchingAnts-3304f515{to{stroke-dashoffset:-26}}@keyframes foxieSelectionPulse-3304f515{from{filter:brightness(.92)}to{filter:brightness(1.18)}}
.editor-versions-dock[data-v-3304f515]{pointer-events:auto!important}.editor-versions-dock button[data-v-3304f515]{pointer-events:auto!important}
.v-theme--light,.v-theme--light,.v-theme--light{background-color:#eef1f4!important;background-image:none!important}
.v-theme--light{background-image:radial-gradient(circle,rgba(25,36,44,.28) 1px,transparent 1.2px)}
.v-theme--light{background-image:linear-gradient(to right,rgba(25,36,44,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(25,36,44,.12) 1px,transparent 1px)}

/* foxie-editor-geometry-finalize-v11 */
/* Keep the editor overlay above the workspace, but never let the full viewport canvas swallow the dedicated mesh or controls. */
.workspace-grid-layer[data-v-3304f515]{display:block!important;visibility:visible!important}
.document-canvas[data-v-3304f515]{position:absolute!important;inset:0!important}
.selected-layer-frame[data-v-3304f515],.selection-box[data-v-3304f515],.selection-lasso[data-v-3304f515],.selection-metrics[data-v-3304f515]{will-change:transform,left,top,width,height}

/* foxie-editor-tools-v12 */
/* One real mesh layer only. Never darken the workspace just because the grid is enabled. */
.editor-viewport[data-v-3304f515]::before{display:none!important}
.editor-viewport[data-v-3304f515],.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background:#0b1016!important;background-image:none!important}
.workspace-grid-layer[data-v-3304f515]{display:block!important;visibility:visible!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;opacity:0!important;background-color:transparent!important;background-size:var(--foxie-grid-size) var(--foxie-grid-size)!important;background-position:var(--foxie-grid-x) var(--foxie-grid-y)!important}
.editor-viewport.grid-visible.grid-dots .workspace-grid-layer[data-v-3304f515]{opacity:1!important;background-image:radial-gradient(circle at 1.4px 1.4px,rgba(222,236,249,.88) 1.35px,transparent 1.65px)!important}
.editor-viewport.grid-visible.grid-lines .workspace-grid-layer[data-v-3304f515]{opacity:1!important;background-image:linear-gradient(to right,rgba(211,226,240,.22) 1px,transparent 1px),linear-gradient(to bottom,rgba(211,226,240,.22) 1px,transparent 1px)!important}
.document-stage[data-v-3304f515]{z-index:4!important}.document-canvas[data-v-3304f515]{z-index:4!important;background:transparent!important}
.v-theme--light,.v-theme--light,.v-theme--light{background:#eef1f4!important}
.v-theme--light{background-image:radial-gradient(circle at 1.4px 1.4px,rgba(35,49,63,.68) 1.3px,transparent 1.62px)!important}
.v-theme--light{background-image:linear-gradient(to right,rgba(35,49,63,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(35,49,63,.18) 1px,transparent 1px)!important}
.wand-selection-overlay[data-v-3304f515]{position:absolute!important;z-index:8!important;background:var(--foxie-accent)!important;opacity:.34!important;pointer-events:none!important;transform-origin:center center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;filter:drop-shadow(0 0 1px var(--foxie-accent)) drop-shadow(0 0 5px rgba(var(--foxie-accent-rgb),.3))}
.brush-size-cursor[data-v-3304f515]{position:absolute;z-index:12;border:1px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.66),0 0 10px rgba(0,0,0,.32);pointer-events:none;display:grid;place-items:center;transform-origin:center center}
.brush-size-cursor.eraser[data-v-3304f515]{border-color:var(--foxie-accent);box-shadow:0 0 0 1px rgba(0,0,0,.62),0 0 12px rgba(var(--foxie-accent-rgb),.32)}
.brush-size-cursor>i[data-v-3304f515]{display:block;border:1px solid currentColor;border-radius:50%;opacity:.46}
.brush-size-cursor>b[data-v-3304f515]{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 6px;border:1px solid var(--editor-line);border-radius:7px;white-space:nowrap;color:var(--foxie-ink);background:var(--editor-surface);box-shadow:0 7px 18px rgba(0,0,0,.2);font-size:12px;font-weight:800}
.eraser-panel[data-v-3304f515]{left:auto!important;right:18px!important;top:58px!important;bottom:auto!important;width:292px!important;transform:none!important}.eraser-settings[data-v-3304f515]{padding:10px;display:grid;gap:11px}.eraser-settings label[data-v-3304f515]{display:grid;gap:5px}.eraser-settings label span[data-v-3304f515]{display:flex;justify-content:space-between;color:var(--foxie-muted);font-size:12px}.eraser-settings label b[data-v-3304f515]{color:var(--foxie-ink)}.eraser-settings input[data-v-3304f515]{width:100%;accent-color:var(--foxie-accent)}
.inspace-tools-sidebar[data-v-3304f515]{bottom:18px!important;z-index:340!important}
.selection-lasso polygon[data-v-3304f515]{stroke-linecap:round;stroke-linejoin:round}

/* foxie-editor-precision-v13 */
.tool-eraser .editor-viewport[data-v-3304f515]{cursor:none!important}.tool-eraser .selection-box[data-v-3304f515],.tool-eraser .selection-lasso[data-v-3304f515],.tool-eraser .wand-selection-overlay[data-v-3304f515]{display:none!important}.tool-eraser .brush-size-cursor[data-v-3304f515]{display:grid!important}.selection-lasso polygon[data-v-3304f515]{vector-effect:non-scaling-stroke}

/* foxie-editor-selection-ai-v14 */
.workspace-grid-layer[data-v-3304f515]{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:none!important;background-color:transparent!important;transition:none!important}
.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:none!important}
.wand-options-panel[data-v-3304f515]{right:18px!important;top:58px!important;left:auto!important;bottom:auto!important;width:286px!important;z-index:520!important}.wand-options-panel label[data-v-3304f515]{padding:8px 12px;display:grid;gap:6px}.wand-options-panel label span[data-v-3304f515]{display:flex;justify-content:space-between;font-size:12px}.wand-options-panel input[type=range][data-v-3304f515]{width:100%;accent-color:var(--foxie-accent)}.wand-options-panel .wand-check[data-v-3304f515]{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.wand-options-panel>small[data-v-3304f515]{padding:0 12px 10px;color:var(--foxie-muted);font-size:12px}
.ai-region-wrapper[data-v-3304f515]{position:relative}.ai-region-panel[data-v-3304f515]{width:300px!important;right:0!important;left:auto!important;bottom:46px!important;top:auto!important;padding:8px!important;display:grid!important;gap:6px!important;z-index:760!important}.ai-region-panel header[data-v-3304f515]{display:grid;gap:2px;padding:5px}.ai-region-panel header strong[data-v-3304f515]{font-size:12px}.ai-region-panel header small[data-v-3304f515],.ai-region-panel>small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted);line-height:1.4}.ai-region-panel>button[data-v-3304f515]{width:100%;height:34px;border:1px solid var(--editor-line);border-radius:8px;background:var(--editor-surface);color:var(--foxie-ink);display:flex;align-items:center;gap:7px;padding:0 9px;font-size:12px}.ai-region-panel>button[data-v-3304f515]:disabled{opacity:.35}.ai-region-status[data-v-3304f515]{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;background:var(--foxie-surface-soft);font-size:12px}.ai-region-status span[data-v-3304f515]{flex:1;color:var(--foxie-muted)}.ai-region-status span.ready[data-v-3304f515]{color:var(--foxie-accent);font-weight:700}.ai-region-status button[data-v-3304f515]{border:0;background:transparent;color:var(--foxie-muted);cursor:pointer}
.inspace-tools-sidebar[data-v-3304f515]{position:absolute!important;left:50%!important;right:auto!important;bottom:10px!important;transform:translateX(-50%)!important;z-index:700!important;overflow:visible!important}.inspace-tools-grid[data-v-3304f515],.inspace-tool-wrapper[data-v-3304f515]{overflow:visible!important}.inspace-tool-drawer[data-v-3304f515],.inspace-tool-panel[data-v-3304f515]{z-index:780!important}

/* foxie-image-library-grid-v17 */
/* Grid is painted directly on the viewport. This intentionally bypasses the old dedicated grid layer, whose z-index/background rules were overwritten by earlier editor patches. */
.workspace-grid-layer[data-v-3304f515]{display:none!important}
.editor-viewport[data-v-3304f515],.editor-viewport.grid-visible.grid-dots[data-v-3304f515],.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-color:#0b1016!important;background-image:none!important}
.editor-viewport.grid-visible.grid-dots[data-v-3304f515]{background-image:radial-gradient(circle at 1.25px 1.25px,rgba(226,236,247,.72) 1.2px,transparent 1.55px)!important;background-size:var(--foxie-grid-size) var(--foxie-grid-size)!important;background-position:var(--foxie-grid-x) var(--foxie-grid-y)!important}
.editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:linear-gradient(to right,rgba(218,230,242,.22) 1px,transparent 1px),linear-gradient(to bottom,rgba(218,230,242,.22) 1px,transparent 1px)!important;background-size:var(--foxie-grid-size) var(--foxie-grid-size)!important;background-position:var(--foxie-grid-x) var(--foxie-grid-y)!important}
html[data-foxie-theme='light'],html[data-foxie-theme='light'],html[data-foxie-theme='light']{background-color:#eef1f4!important}
html[data-foxie-theme='light']{background-image:radial-gradient(circle at 1.25px 1.25px,rgba(43,55,67,.48) 1.15px,transparent 1.5px)!important}
html[data-foxie-theme='light']{background-image:linear-gradient(to right,rgba(43,55,67,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(43,55,67,.16) 1px,transparent 1px)!important}
html[data-foxie-theme='dark'],html[data-foxie-theme='dark'],html[data-foxie-theme='dark']{background-color:#0b1016!important}
.line-grid-toggle[data-v-3304f515]{gap:5px!important}

/* foxie-canvas-ruler-grid-v18 */
/* The old patch stack painted a fixed 20px mesh on a hard-coded dark viewport. Keep it dead and render one ruler-driven overlay instead. */
.foxie-infinite-editor .workspace-grid-layer{display:none!important}
html .foxie-infinite-editor .editor-canvas-shell,html .foxie-infinite-editor .editor-viewport,html .foxie-infinite-editor .editor-viewport.grid-visible.grid-dots,html .foxie-infinite-editor .editor-viewport.grid-visible.grid-lines{background-color:var(--foxie-shell-bg,var(--foxie-surface-soft,#f6f8fa))!important;background-image:none!important}
.foxie-infinite-editor .ruler-grid-overlay{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;opacity:1!important;transition:none!important;will-change:background-position,background-size}
.foxie-infinite-editor .document-stage,.foxie-infinite-editor .document-canvas{z-index:4!important}

/* foxie-canvas-chrome-grid-v19 */
.foxie-infinite-editor .editor-zoom-dock{left:44px!important;right:auto!important;bottom:16px!important;z-index:80!important}
.foxie-infinite-editor .ruler-grid-overlay{z-index:2!important;pointer-events:none!important}
.foxie-infinite-editor .ruler-horizontal,.foxie-infinite-editor .ruler-vertical,.foxie-infinite-editor .ruler-corner{z-index:40!important}

/* foxie-canvas-compact-composer-v20 */
.ai-composer-toggle[data-v-3304f515]{overflow:visible!important;transition:transform .22s cubic-bezier(.22,.8,.24,1),background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important}.inspace-ai-composer-entry[data-v-3304f515]{margin-bottom:2px!important}.inspace-ai-divider[data-v-3304f515]{display:block;height:1px;margin:4px 2px;background:var(--foxie-border)}.ai-composer-toggle .v-icon[data-v-3304f515]{transition:transform .34s cubic-bezier(.2,.9,.2,1),filter .25s ease!important}.ai-composer-toggle:hover .v-icon[data-v-3304f515]{transform:rotate(-8deg) scale(1.06)}.ai-composer-toggle.collapsed[data-v-3304f515]{color:var(--foxie-accent)!important;border-color:rgba(var(--foxie-accent-rgb),.34)!important;background:rgba(var(--foxie-accent-rgb),.12)!important;box-shadow:0 0 0 1px rgba(var(--foxie-accent-rgb),.06),0 0 18px rgba(var(--foxie-accent-rgb),.17)!important}.ai-composer-toggle.collapsed .v-icon[data-v-3304f515]{transform:scale(1.08)}.ai-composer-status-dot[data-v-3304f515]{position:absolute!important;right:4px!important;top:4px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--foxie-accent)!important;opacity:0!important;box-shadow:0 0 0 0 rgba(var(--foxie-accent-rgb),.42)!important;transition:opacity .18s ease!important}.ai-composer-toggle.collapsed .ai-composer-status-dot[data-v-3304f515]{opacity:1!important;animation:foxieComposerPulse-3304f515 1.9s ease-out infinite}@keyframes foxieComposerPulse-3304f515{0%{box-shadow:0 0 0 0 rgba(var(--foxie-accent-rgb),.38)}70%,100%{box-shadow:0 0 0 8px rgba(var(--foxie-accent-rgb),0)}}

/* foxie-editor-drag-drop-v23 */
.editor-drop-target[data-v-3304f515]{animation:foxie-drop-breathe-3304f515 1.35s ease-in-out infinite alternate!important}
@keyframes foxie-drop-breathe-3304f515{from{box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.10),0 0 34px rgba(var(--foxie-accent-rgb),.10)}to{box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.22),0 0 68px rgba(var(--foxie-accent-rgb),.22)}}

/* foxie-canvas-designer-v25 */
.designer-path-preview[data-v-3304f515],.designer-node-overlay[data-v-3304f515]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:220;overflow:hidden}.designer-node-overlay[data-v-3304f515]{z-index:650}.designer-node-overlay circle[data-v-3304f515]{pointer-events:all;cursor:move;fill:var(--foxie-surface-raised);stroke:var(--foxie-accent);stroke-width:1.5}.designer-node-overlay circle.control[data-v-3304f515]{fill:var(--foxie-accent)}.designer-toast[data-v-3304f515]{position:absolute;top:48px;left:50%;transform:translateX(-50%);max-width:min(480px,85%);padding:10px 15px;z-index:900;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 6px 25px #0002;font-size:12px;pointer-events:none}.designer-toast.error[data-v-3304f515]{border-color:#ef4444;color:#ef4444}
.foxie-infinite-editor .brush-panel[data-v-3304f515],.foxie-infinite-editor .eraser-panel[data-v-3304f515],.foxie-infinite-editor .wand-options-panel[data-v-3304f515]{display:none!important}
.foxie-infinite-editor .inspace-tool-button[data-v-3304f515]:focus-visible{outline:2px solid var(--foxie-accent);outline-offset:2px}
.foxie-infinite-editor .inspace-tools-sidebar[data-v-3304f515]{max-width:calc(100% - 40px)!important}.foxie-infinite-editor .inspace-tools-grid[data-v-3304f515]{flex-wrap:wrap;justify-content:center;gap:2px}.foxie-infinite-editor .inspace-tool-button[data-v-3304f515]{width:32px;height:34px}.foxie-infinite-editor .inspace-tool-divider[data-v-3304f515]{margin-inline:2px}
.foxie-infinite-editor.tool-hand .editor-viewport[data-v-3304f515]{cursor:grab}.foxie-infinite-editor.tool-hand .editor-viewport[data-v-3304f515]:active{cursor:grabbing}.foxie-infinite-editor.tool-pen .editor-viewport[data-v-3304f515],.foxie-infinite-editor.tool-text .editor-viewport[data-v-3304f515],.foxie-infinite-editor.tool-bucket .editor-viewport[data-v-3304f515],.foxie-infinite-editor.tool-gradient .editor-viewport[data-v-3304f515],.foxie-infinite-editor.tool-clone .editor-viewport[data-v-3304f515],.foxie-infinite-editor.tool-pencil .editor-viewport[data-v-3304f515],.foxie-infinite-editor.tool-crop .editor-viewport[data-v-3304f515]{cursor:crosshair}
@media(min-width:1100px){.foxie-infinite-editor.designer-open .editor-viewport[data-v-3304f515]{width:calc(100% - 320px)!important}.foxie-infinite-editor.designer-open .inspace-tools-sidebar[data-v-3304f515]{left:calc(50% - 160px)!important;max-width:calc(100% - 350px)!important}.foxie-infinite-editor.designer-open .fullscreen-ai-composer[data-v-3304f515]{max-width:calc(100% - 56px)!important}}
@media(max-width:1099px){.foxie-infinite-editor.designer-open .inspace-tools-sidebar[data-v-3304f515]{max-width:calc(100% - 24px)!important;z-index:900!important}.foxie-infinite-editor .inspace-tools-grid[data-v-3304f515]{gap:0}.foxie-infinite-editor .inspace-tool-button[data-v-3304f515]{width:28px;height:30px}}

/* foxie-canvas-vector-nodes-ui-v26 */
.selection-lasso[data-v-3304f515]{overflow:visible!important}.selection-lasso polygon[data-v-3304f515]{paint-order:stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .35px currentColor)}
/* foxie-canvas-brush-pip-v28 */.brush-pip[data-v-3304f515]{position:absolute;z-index:720;display:flex;flex-direction:column;min-width:180px;min-height:150px;overflow:hidden;border:1px solid color-mix(in srgb,var(--foxie-accent) 46%,var(--foxie-border));border-radius:13px;background:var(--foxie-surface-raised);box-shadow:0 18px 50px #0005,0 0 0 1px color-mix(in srgb,var(--foxie-accent) 9%,transparent);user-select:none}.brush-pip header[data-v-3304f515]{height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:color-mix(in srgb,var(--foxie-surface-raised) 88%,var(--foxie-accent) 12%);border-bottom:1px solid var(--foxie-border);cursor:grab}.brush-pip header[data-v-3304f515]:active{cursor:grabbing}.brush-pip header span[data-v-3304f515]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--foxie-ink)}.brush-pip header small[data-v-3304f515]{font-size:12px;color:var(--foxie-ink-muted)}.brush-pip canvas[data-v-3304f515]{display:block;flex:1;min-height:0;width:100%;height:calc(100% - 28px)}.brush-pip-resize[data-v-3304f515]{position:absolute;right:1px;bottom:1px;width:18px;height:18px;border:0;background:linear-gradient(135deg,transparent 0 48%,color-mix(in srgb,var(--foxie-accent) 75%,transparent) 49% 56%,transparent 57% 66%,color-mix(in srgb,var(--foxie-accent) 75%,transparent) 67% 74%,transparent 75%);cursor:nwse-resize}.designer-node-overlay[data-v-3304f515]{overflow:visible}.designer-node-overlay circle[data-v-3304f515]{vector-effect:non-scaling-stroke}
.psd-file-actions[data-v-3304f515]{position:absolute;right:14px;top:12px;z-index:1050;display:flex;gap:5px}.psd-file-actions button[data-v-3304f515]{height:32px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-muted);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 10px 30px #0003}.psd-file-actions button[data-v-3304f515]:hover{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--foxie-border))}.psd-file-actions button[data-v-3304f515]:disabled{opacity:.45;cursor:wait}.psd-busy-indicator[data-v-3304f515]{position:absolute;left:50%;top:54px;transform:translateX(-50%);z-index:1200;height:34px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border));border-radius:11px;background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 14px 40px #0005;font-size:12px;font-weight:700;pointer-events:none}.psd-busy-indicator[data-v-3304f515] .v-progress-circular{color:var(--foxie-accent)}@media(max-width:760px){.psd-file-actions span[data-v-3304f515]{display:none}.psd-file-actions button[data-v-3304f515]{width:32px;padding:0;justify-content:center}}

/* foxie-canvas-performance-decompose-v45 */
.decompose-action[data-v-3304f515]{position:relative}.decompose-menu[data-v-3304f515]{position:absolute;right:0;top:39px;bottom:auto;width:250px;padding:6px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-raised);box-shadow:0 18px 46px #0005;display:grid;gap:4px;z-index:1400}.decompose-menu>button[data-v-3304f515]{height:auto!important;min-height:54px!important;padding:9px 10px!important;display:grid!important;justify-items:start!important;text-align:left;border-radius:9px!important}.decompose-menu strong[data-v-3304f515]{font-size:12px;color:var(--foxie-ink)}.decompose-menu small[data-v-3304f515]{font-size:12px;line-height:1.35;color:var(--foxie-muted)}.psd-performance-pill[data-v-3304f515]{height:27px;display:flex;align-items:center;padding:0 8px;border:1px solid color-mix(in srgb,var(--foxie-accent) 40%,var(--foxie-border));border-radius:999px;background:color-mix(in srgb,var(--foxie-accent) 10%,transparent);color:var(--foxie-accent);font-size:12px;font-weight:800;white-space:nowrap}

/* foxie-canvas-decompose-pixel-guard-v47 */
.psd-file-actions[data-v-3304f515]{overflow:visible!important;z-index:2300!important}.decompose-action[data-v-3304f515]{overflow:visible!important}.decompose-menu[data-v-3304f515]{z-index:2400!important;max-height:min(320px,calc(100vh - 72px));overflow:auto}.decompose-menu>button[data-v-3304f515]{pointer-events:auto!important}

/* foxie-canvas-decompose-fidelity-progress-v48 */
.decompose-progress-overlay[data-v-3304f515]{position:absolute;inset:0;z-index:2600;display:grid;place-items:center;padding:24px;background:rgba(5,10,18,.30);backdrop-filter:blur(12px) saturate(.78);-webkit-backdrop-filter:blur(12px) saturate(.78);pointer-events:auto}.decompose-progress-card[data-v-3304f515]{width:min(520px,calc(100vw - 48px));padding:22px;border:1px solid color-mix(in srgb,var(--foxie-accent) 36%,var(--foxie-border));border-radius:22px;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent);box-shadow:0 24px 72px #0008}.decompose-progress-percent[data-v-3304f515]{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--foxie-ink)}.decompose-progress-title[data-v-3304f515]{margin-top:8px;color:var(--foxie-muted);font-size:12px;font-weight:700}.decompose-progress-meter[data-v-3304f515]{height:8px;margin-top:16px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--foxie-border) 70%,transparent)}.decompose-progress-meter i[data-v-3304f515]{display:block;height:100%;border-radius:inherit;background:var(--foxie-accent);transition:width .32s ease}.decompose-progress-stats[data-v-3304f515]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px}.decompose-progress-stats div[data-v-3304f515]{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--foxie-border) 70%,transparent);border-radius:10px;background:color-mix(in srgb,var(--foxie-surface) 72%,transparent)}.decompose-progress-stats span[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.decompose-progress-stats b[data-v-3304f515]{font-size:12px;color:var(--foxie-ink)}.decompose-progress-log[data-v-3304f515]{display:grid;gap:5px;margin-top:14px;max-height:112px;overflow:hidden}.decompose-progress-log>div[data-v-3304f515]{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--foxie-muted)}.decompose-progress-log[data-v-3304f515] .v-icon{color:var(--foxie-accent)}@media(max-width:620px){.decompose-progress-card[data-v-3304f515]{padding:18px}.decompose-progress-percent[data-v-3304f515]{font-size:34px}.decompose-progress-stats[data-v-3304f515]{grid-template-columns:1fr}}

/* foxie-ai-ui-refinement-v53 */
.editor-menu-right[data-v-3304f515]{gap:4px!important;min-width:0}.canvas-file-actions-slot[data-v-3304f515]{display:flex;align-items:center;min-width:0}.figma-top-actions .psd-file-actions[data-v-3304f515],.editor-menu-bar .psd-file-actions[data-v-3304f515]{position:static!important;inset:auto!important;z-index:auto!important;display:flex!important;align-items:center;gap:2px!important;padding:3px!important;border:1px solid color-mix(in srgb,var(--foxie-border) 90%,var(--foxie-accent) 10%)!important;border-radius:10px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;box-shadow:0 5px 18px rgba(0,0,0,.10)!important}.figma-top-actions .psd-file-actions>button[data-v-3304f515],.figma-top-actions .decompose-action>button[data-v-3304f515],.editor-menu-bar .psd-file-actions>button[data-v-3304f515],.editor-menu-bar .decompose-action>button[data-v-3304f515]{height:28px!important;min-width:28px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:var(--foxie-muted)!important;font-size:12px!important;font-weight:760!important;letter-spacing:-.01em!important;transition:background .15s ease,color .15s ease,transform .15s ease!important}.figma-top-actions .psd-file-actions>button[data-v-3304f515]:hover,.figma-top-actions .decompose-action>button[data-v-3304f515]:hover,.editor-menu-bar .psd-file-actions>button[data-v-3304f515]:hover,.editor-menu-bar .decompose-action>button[data-v-3304f515]:hover{background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft))!important;color:var(--foxie-ink)!important}.figma-top-actions .psd-file-actions>button[data-v-3304f515]:active,.figma-top-actions .decompose-action>button[data-v-3304f515]:active{transform:translateY(1px)}.figma-top-actions .psd-file-actions button[data-v-3304f515]:disabled,.editor-menu-bar .psd-file-actions button[data-v-3304f515]:disabled{opacity:.4!important}.figma-top-actions .decompose-action[data-v-3304f515],.editor-menu-bar .decompose-action[data-v-3304f515]{position:relative!important}.figma-top-actions .decompose-menu[data-v-3304f515],.editor-menu-bar .decompose-menu[data-v-3304f515]{top:calc(100% + 9px)!important;bottom:auto!important;right:0!important;width:272px!important;padding:7px!important;border:1px solid color-mix(in srgb,var(--foxie-border) 84%,var(--foxie-accent) 16%)!important;border-radius:14px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 98%,#000 2%)!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important;z-index:2800!important}.figma-top-actions .decompose-menu>button[data-v-3304f515],.editor-menu-bar .decompose-menu>button[data-v-3304f515]{min-height:58px!important;height:auto!important;padding:10px 11px!important;display:grid!important;justify-items:start!important;text-align:left!important;border:1px solid transparent!important;border-radius:10px!important}.figma-top-actions .decompose-menu>button[data-v-3304f515]:hover,.editor-menu-bar .decompose-menu>button[data-v-3304f515]:hover{border-color:color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important}.figma-top-actions .decompose-menu strong[data-v-3304f515],.editor-menu-bar .decompose-menu strong[data-v-3304f515]{font-size:12px!important}.figma-top-actions .decompose-menu small[data-v-3304f515],.editor-menu-bar .decompose-menu small[data-v-3304f515]{margin-top:2px!important;font-size:12px!important;line-height:1.35!important}.figma-top-actions .psd-performance-pill[data-v-3304f515],.editor-menu-bar .psd-performance-pill[data-v-3304f515]{height:23px!important;margin:0 2px!important;padding:0 7px!important;font-size:12px!important}.canvas-file-divider[data-v-3304f515]{margin-inline:2px!important}.psd-busy-indicator[data-v-3304f515]{top:52px!important;z-index:1800!important}
@media(max-width:1260px){.figma-top-actions .psd-file-actions span[data-v-3304f515],.editor-menu-bar .psd-file-actions span[data-v-3304f515]{display:none!important}.figma-top-actions .psd-file-actions>button[data-v-3304f515],.figma-top-actions .decompose-action>button[data-v-3304f515],.editor-menu-bar .psd-file-actions>button[data-v-3304f515],.editor-menu-bar .decompose-action>button[data-v-3304f515]{width:29px!important;padding:0!important;justify-content:center!important}.figma-top-actions .psd-performance-pill[data-v-3304f515],.editor-menu-bar .psd-performance-pill[data-v-3304f515]{display:none!important}.canvas-file-divider[data-v-3304f515]{display:none!important}}
@media(max-width:880px){.canvas-file-actions-slot[data-v-3304f515]{margin-left:auto}.figma-top-actions>button[data-v-3304f515]:not(:last-child){display:none!important}.figma-top-actions .decompose-menu[data-v-3304f515],.editor-menu-bar .decompose-menu[data-v-3304f515]{right:-34px!important}}

/* foxie-canvas-collaboration-v58: project-level editor permissions. */
.project-readonly .editor-tools-sidebar>button[data-v-3304f515]:not([title^="Mover"]):not([title^="Zoom"]):not([title^="Conta-gotas"]):not([title^="Seleção direta"]){opacity:.38!important}.project-readonly .document-stage[data-v-3304f515]{cursor:default}.foxie-infinite-editor.project-readonly[data-v-3304f515]:after{content:'SOMENTE VISUALIZAÇÃO';position:absolute;left:66px;top:48px;z-index:170;padding:5px 7px;border:1px solid var(--editor-line);border-radius:7px;color:var(--foxie-muted);background:var(--editor-surface);font-size:12px;font-weight:850;letter-spacing:.06em;pointer-events:none}
/* foxie-canvas-infinite-viewport-v72 */
.free-ink-toggle-v72[data-v-3304f515]{height:30px;padding:0 9px;border:0;border-radius:7px;display:flex;align-items:center;gap:5px;color:var(--foxie-muted);background:transparent;font-size:12px;font-weight:720;cursor:pointer}.free-ink-toggle-v72[data-v-3304f515]:hover,.free-ink-toggle-v72.active[data-v-3304f515]{color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-soft))}.free-ink-toggle-v72.active[data-v-3304f515]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foxie-accent) 40%,transparent)}
.free-ink-dock-v72[data-v-3304f515]{position:absolute;top:52px;left:50%;z-index:980;transform:translateX(-50%);height:42px;padding:5px 6px 5px 10px;border:1px solid var(--foxie-border);border-radius:12px;display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.free-ink-dock-v72>strong[data-v-3304f515]{font-size:12px;white-space:nowrap}.free-ink-kinds-v72[data-v-3304f515]{display:flex;align-items:center;padding:2px;border-radius:8px;background:var(--foxie-surface-soft)}.free-ink-kinds-v72 button[data-v-3304f515]{height:26px;padding:0 8px;border:0;border-radius:6px;color:var(--foxie-muted);background:transparent;font-size:12px}.free-ink-kinds-v72 button.active[data-v-3304f515]{color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 1px 4px rgba(0,0,0,.12)}.free-ink-color-v72[data-v-3304f515]{width:28px;height:28px;position:relative;border:1px solid var(--foxie-border);border-radius:8px;overflow:hidden;cursor:pointer}.free-ink-color-v72 input[data-v-3304f515]{position:absolute;inset:0;opacity:0}.free-ink-color-v72 span[data-v-3304f515]{position:absolute;inset:5px;border-radius:50%}.free-ink-size-v72[data-v-3304f515]{width:130px;display:grid;grid-template-columns:38px 1fr;gap:5px;align-items:center}.free-ink-size-v72 span[data-v-3304f515]{color:var(--foxie-muted);font-size:12px;text-align:right}.free-ink-size-v72 input[data-v-3304f515]{width:100%}.free-ink-clear-v72[data-v-3304f515]{width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}.free-ink-clear-v72[data-v-3304f515]:hover{color:#e05561;background:rgba(224,85,97,.09)}
@media(max-width:850px){.free-ink-toggle-v72 span[data-v-3304f515]{display:none}.free-ink-toggle-v72[data-v-3304f515]{width:30px;padding:0;justify-content:center}.free-ink-dock-v72[data-v-3304f515]{max-width:calc(100vw - 24px)}.free-ink-dock-v72>strong[data-v-3304f515]{display:none}.free-ink-size-v72[data-v-3304f515]{width:90px}}
/* foxie-canvas-screen-space-world-v74 */
.free-world-canvas-v74[data-v-3304f515]{position:absolute;inset:0;width:100%;height:100%;z-index:12;display:block;pointer-events:none}.foxie-infinite-editor.free-world-active .document-stage[data-v-3304f515]{opacity:0!important;pointer-events:none!important}.foxie-infinite-editor.free-world-active .selection-box[data-v-3304f515],.foxie-infinite-editor.free-world-active .selection-lasso[data-v-3304f515]{display:none!important}.deep-zoom-indicator-v74[data-v-3304f515]{position:absolute;right:16px;top:44px;z-index:34;padding:6px 9px;border:1px solid var(--editor-line);border-radius:10px;display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;background:color-mix(in srgb,var(--editor-surface) 94%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.22);pointer-events:none}.deep-zoom-indicator-v74 span[data-v-3304f515],.deep-zoom-indicator-v74 small[data-v-3304f515]{color:var(--foxie-muted);font-size:12px}.deep-zoom-indicator-v74 strong[data-v-3304f515]{font-size:12px;text-align:right}.deep-zoom-indicator-v74 small[data-v-3304f515]{grid-column:1/-1;margin-top:2px}.foxie-infinite-editor.free-world-active .free-ink-toggle-v72[data-v-3304f515]{color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.12)}
/* foxie-canvas-world-anchor-zoom-v77 */
.foxie-infinite-editor.free-world-active .designer-path-preview[data-v-3304f515],.foxie-infinite-editor.free-world-active .designer-node-overlay[data-v-3304f515]{display:none!important}
/* foxie-canvas-world-space-3d-v78 */
.foxie-infinite-editor:not(.free-world-active) .free-world-canvas-v74.ground-only[data-v-3304f515]{z-index:1!important;pointer-events:none!important}
.foxie-infinite-editor:not(.free-world-active) .document-stage[data-v-3304f515]{position:absolute;z-index:3}
.foxie-infinite-editor.free-world-active .document-stage[data-v-3304f515]{opacity:0!important;pointer-events:none!important}
.foxie-infinite-editor.free-world-active .editor-bottom-tools[data-v-3304f515],.foxie-infinite-editor.free-world-active .editor-versions-dock[data-v-3304f515]{z-index:40}
.three-d-toggle-v78[data-v-3304f515]{height:30px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:0 8px;background:transparent;color:var(--foxie-muted);font-size:12px}.three-d-toggle-v78[data-v-3304f515]:hover,.three-d-toggle-v78.active[data-v-3304f515]{color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-accent) 13%,transparent)}
/* foxie-canvas-3d-workspace-v81 */
.foxie-infinite-editor.three-d-active[data-v-3304f515]{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'menu' 'canvas'!important}
.foxie-infinite-editor.three-d-active .inspace-tools-sidebar[data-v-3304f515],
.foxie-infinite-editor.three-d-active .editor-tools-sidebar[data-v-3304f515],
.foxie-infinite-editor.three-d-active .editor-right-panel[data-v-3304f515],
.foxie-infinite-editor.three-d-active .editor-bottom-tools[data-v-3304f515],
.foxie-infinite-editor.three-d-active .editor-versions-dock[data-v-3304f515],
.foxie-infinite-editor.three-d-active .editor-zoom-dock[data-v-3304f515],
.foxie-infinite-editor.three-d-active .floating-panel[data-v-3304f515],
.foxie-infinite-editor.three-d-active .fullscreen-ai-composer[data-v-3304f515]{display:none!important}
.foxie-infinite-editor.three-d-active .editor-canvas-shell[data-v-3304f515]{grid-area:canvas!important;min-width:0!important;min-height:0!important}
.foxie-infinite-editor.three-d-active .ruler-horizontal[data-v-3304f515],
.foxie-infinite-editor.three-d-active .ruler-vertical[data-v-3304f515],
.foxie-infinite-editor.three-d-active .ruler-corner[data-v-3304f515]{display:none!important}
/* foxie-canvas-free-world-single-renderer-v82 */
/* Free mode has one visual authority: free-world-canvas-v74. */
.foxie-infinite-editor.free-world-active .editor-viewport.grid-visible.grid-dots[data-v-3304f515],
.foxie-infinite-editor.free-world-active .editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:none!important}
.foxie-infinite-editor.free-world-active .workspace-grid-layer[data-v-3304f515],
.foxie-infinite-editor.free-world-active .document-stage[data-v-3304f515],
.foxie-infinite-editor.free-world-active .selected-layer-frame[data-v-3304f515],
.foxie-infinite-editor.free-world-active .selection-box[data-v-3304f515],
.foxie-infinite-editor.free-world-active .selection-lasso[data-v-3304f515],
.foxie-infinite-editor.free-world-active .designer-path-preview[data-v-3304f515],
.foxie-infinite-editor.free-world-active .designer-node-overlay[data-v-3304f515],
.foxie-infinite-editor.free-world-active .semantic-region-overlay[data-v-3304f515]{display:none!important}
.foxie-infinite-editor.free-world-active .free-world-canvas-v74[data-v-3304f515]{z-index:20!important;opacity:1!important;visibility:visible!important}
/* foxie-canvas-free-world-grid-authority-v83 */
.editor-viewport.free-world-viewport[data-v-3304f515],
.editor-viewport.free-world-viewport.grid-visible.grid-dots[data-v-3304f515],
.editor-viewport.free-world-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:none!important;background-size:initial!important;background-position:initial!important}
.editor-viewport.free-world-viewport[data-v-3304f515]::before,
.editor-viewport.free-world-viewport[data-v-3304f515]::after{background-image:none!important;display:none!important}
.editor-viewport.free-world-viewport .workspace-grid-layer[data-v-3304f515]{display:none!important;opacity:0!important;visibility:hidden!important}
/* foxie-canvas-shared-world-camera-v84 */
/* Normal and Free share the exact same visual world. */
.foxie-infinite-editor.free-world-active .document-stage[data-v-3304f515]{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}
.foxie-infinite-editor .free-world-canvas-v74[data-v-3304f515]{z-index:2!important;pointer-events:none!important;background:transparent!important}
.foxie-infinite-editor .document-stage[data-v-3304f515]{z-index:4!important}
.foxie-infinite-editor .workspace-grid-layer[data-v-3304f515]{display:none!important;opacity:0!important;visibility:hidden!important}
/* v82/v83 selectors are intentionally neutralized: the viewport grid remains the single grid. */
.foxie-infinite-editor.free-world-active .editor-viewport.grid-visible.grid-dots[data-v-3304f515]{background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.25px)!important}
.foxie-infinite-editor.free-world-active .editor-viewport.grid-visible.grid-lines[data-v-3304f515]{background-image:linear-gradient(to right,rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.10) 1px,transparent 1px)!important}
.foxie-infinite-editor.free-world-active .editor-viewport.grid-visible[data-v-3304f515]{background-size:var(--foxie-grid-size) var(--foxie-grid-size)!important;background-position:var(--foxie-grid-x) var(--foxie-grid-y)!important}
/* foxie-canvas-tablet-touch-mobile-v88 */
.editor-input-devices-v88[data-v-3304f515]{display:flex;align-items:center;gap:4px;margin-right:3px;flex:0 0 auto}.editor-menu-bar>.editor-input-devices-v88[data-v-3304f515]{margin-left:auto}.device-badge-v88[data-v-3304f515]{width:28px;height:28px;border:1px solid var(--editor-line);border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.device-badge-v88.pen[data-v-3304f515]{color:var(--foxie-accent);box-shadow:inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.16)}
.editor-viewport[data-v-3304f515]{touch-action:none!important;overscroll-behavior:none!important;-webkit-user-select:none!important;user-select:none!important}
@media (pointer:coarse), (max-width:900px){
.foxie-infinite-editor[data-v-3304f515]{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'menu' 'canvas'!important;grid-template-rows:42px minmax(0,1fr)!important}
.editor-tools-sidebar[data-v-3304f515]{display:none!important}.editor-canvas-shell[data-v-3304f515]{grid-area:canvas!important;min-width:0!important}
.editor-menu-bar[data-v-3304f515]{height:42px!important;min-height:42px!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.editor-menu-bar[data-v-3304f515]::-webkit-scrollbar{display:none}.editor-menu-left[data-v-3304f515],.editor-menu-right[data-v-3304f515]{flex:0 0 auto!important}.editor-menu-bar button[data-v-3304f515]{min-width:38px!important;min-height:34px!important}
.editor-right-panel[data-v-3304f515]{position:absolute!important;z-index:160!important;left:auto!important;right:8px!important;top:50px!important;bottom:8px!important;width:min(340px,82vw)!important;max-width:82vw!important;border:1px solid var(--editor-line)!important;border-radius:14px!important;box-shadow:0 20px 64px rgba(0,0,0,.5)!important}
.inspace-tools-sidebar[data-v-3304f515],.editor-bottom-tools[data-v-3304f515]{max-width:calc(100vw - 20px)!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;touch-action:pan-x!important}.inspace-tools-sidebar[data-v-3304f515]::-webkit-scrollbar,.editor-bottom-tools[data-v-3304f515]::-webkit-scrollbar{display:none}
.inspace-tools-sidebar button[data-v-3304f515],.editor-bottom-tools button[data-v-3304f515]{min-width:42px!important;min-height:42px!important}
.floating-panel[data-v-3304f515]{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 110px)!important;overflow:auto!important}
input[type=range][data-v-3304f515]{min-height:34px!important}
}
@media (max-width:640px){
.editor-input-devices-v88 .device-badge-v88[data-v-3304f515]:not(.pen){display:none}.editor-menu-left .menu-anchor[data-v-3304f515]{display:none!important}.editor-menu-right>button[data-v-3304f515]:not(:last-child){display:none!important}
.editor-right-panel[data-v-3304f515]{left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:min(58dvh,520px)!important;border-radius:18px!important}
.ruler-horizontal[data-v-3304f515],.ruler-vertical[data-v-3304f515],.ruler-corner[data-v-3304f515]{display:none!important}.editor-viewport.with-rulers[data-v-3304f515]{padding:0!important}
.brush-panel[data-v-3304f515],.adjustment-panel[data-v-3304f515]{position:absolute!important;left:8px!important;right:8px!important;top:8px!important;bottom:auto!important;width:auto!important;max-height:calc(100dvh - 128px)!important}
.inspace-tools-sidebar[data-v-3304f515],.editor-bottom-tools[data-v-3304f515]{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important}
.fullscreen-ai-composer[data-v-3304f515]{left:8px!important;right:8px!important;width:auto!important;transform:none!important;bottom:calc(64px + env(safe-area-inset-bottom))!important}
}
/* foxie-canvas-multiselect-v91 */
.layer-row.multi[data-v-3304f515]{background:rgba(var(--foxie-accent-rgb),.13)!important;box-shadow:inset 3px 0 0 var(--foxie-accent),inset 0 0 0 1px rgba(var(--foxie-accent-rgb),.28)!important}.layer-row.multi img[data-v-3304f515]{box-shadow:0 0 0 1px var(--foxie-accent)}
.layer-marquee-v91[data-v-3304f515]{position:absolute;z-index:72;pointer-events:none;border:1px solid var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.12);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.multi-selection-badge-v91[data-v-3304f515]{position:absolute;z-index:73;left:50%;top:42px;transform:translateX(-50%);padding:6px 10px;border:1px solid rgba(var(--foxie-accent-rgb),.34);border-radius:999px;background:color-mix(in srgb,var(--editor-surface) 88%,transparent);color:var(--foxie-ink);font-size:12px;font-weight:850;box-shadow:0 10px 26px rgba(0,0,0,.24);pointer-events:none;backdrop-filter:blur(8px)}
.layer-context-menu-v91[data-v-3304f515]{position:fixed;z-index:2147483600;width:238px;padding:6px;border:1px solid var(--editor-line,var(--foxie-border));border-radius:12px;background:var(--editor-surface,var(--foxie-surface-raised));color:var(--foxie-ink);box-shadow:0 22px 60px rgba(0,0,0,.5);display:grid;gap:1px}.layer-context-menu-v91 header[data-v-3304f515]{padding:8px 9px 7px;display:grid;gap:2px;border-bottom:1px solid var(--editor-line,var(--foxie-border));margin-bottom:3px}.layer-context-menu-v91 header strong[data-v-3304f515]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-context-menu-v91 header small[data-v-3304f515]{font-size:12px;color:var(--foxie-muted)}.layer-context-menu-v91>button[data-v-3304f515]{height:31px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--foxie-ink);display:flex;align-items:center;gap:8px;text-align:left;font:inherit;font-size:12px;cursor:pointer}.layer-context-menu-v91>button[data-v-3304f515]:hover:not(:disabled){background:var(--foxie-surface-soft)}.layer-context-menu-v91>button[data-v-3304f515]:disabled{opacity:.32;cursor:not-allowed}.layer-context-menu-v91>button.danger[data-v-3304f515]{color:#ef6b6b}.layer-context-menu-v91>i[data-v-3304f515]{height:1px;margin:4px 3px;background:var(--editor-line,var(--foxie-border))}
/* foxie-canvas-multiselect-workspace-v92 */
.layer-marquee-v91[data-v-3304f515]{outline:1px solid rgba(var(--foxie-accent-rgb),.18)}
/* foxie-canvas-canonical-workspace-v4: canonical stacking keeps Canvas controls usable in windowed and native fullscreen modes. */
.foxie-infinite-editor .editor-ai-composer-v106[data-v-3304f515],.foxie-infinite-editor .editor-ai-composer-v107[data-v-3304f515]{z-index:300!important}
.foxie-infinite-editor .fullscreen-ai-composer[data-v-3304f515]{z-index:520!important}
.foxie-infinite-editor .canvas-tool-island[data-v-3304f515]{z-index:560!important;overflow:visible!important}
.foxie-infinite-editor .canvas-tool-tray[data-v-3304f515]{z-index:575!important}
.foxie-infinite-editor .image-tool-panel[data-v-3304f515]{z-index:740!important}
.foxie-infinite-editor .editor-context-menu[data-v-3304f515]{z-index:1200!important}
.foxie-infinite-editor .inspace-tools-sidebar[data-v-3304f515]{z-index:5000!important;overflow:visible!important}
.foxie-infinite-editor .inspace-tools-grid[data-v-3304f515],.foxie-infinite-editor .inspace-tool-wrapper[data-v-3304f515]{overflow:visible!important}
.foxie-infinite-editor .inspace-tool-wrapper[data-v-3304f515]:has(.inspace-tool-drawer),.foxie-infinite-editor .inspace-tool-wrapper[data-v-3304f515]:has(.inspace-tool-panel){z-index:5010!important}
.foxie-infinite-editor .inspace-tool-drawer[data-v-3304f515],.foxie-infinite-editor .inspace-tool-panel[data-v-3304f515]{z-index:5020!important}
.foxie-infinite-editor .inspace-tool-button[data-tooltip][data-v-3304f515]::after{z-index:5030!important}
.foxie-infinite-editor .canvas-3d-coming-soon[data-v-3304f515]{opacity:.42!important;cursor:not-allowed!important;filter:saturate(.25)}

/* foxie-canvas-resilience-v120 · foxie-header-left-v120 */
.foxie-header-left-v120[data-v-3304f515]{min-width:0;flex:1;gap:3px;overflow:visible}.foxie-header-left-v120__brand[data-v-3304f515]{height:28px;padding:0 8px;display:flex;align-items:center;gap:4px;flex:0 0 auto;border-right:1px solid var(--editor-line);white-space:nowrap}.foxie-header-left-v120__brand b[data-v-3304f515]{font-size:12px;letter-spacing:-.02em;color:var(--foxie-ink)}.foxie-header-left-v120__brand em[data-v-3304f515]{font-size:12px;font-style:normal;font-weight:750;color:var(--foxie-accent)}.foxie-header-left-v120>.menu-divider[data-v-3304f515]:first-of-type{display:none}.foxie-header-left-v120 .menu-anchor>button[data-v-3304f515]{height:28px;padding:0 8px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:680;white-space:nowrap}.editor-menu-right[data-v-3304f515]{flex:0 0 auto;min-width:0}
@media(max-width:1180px){.foxie-header-left-v120__brand em[data-v-3304f515]{display:none}.foxie-header-left-v120 .menu-anchor>button[data-v-3304f515]{padding-inline:6px}.editor-menu-right button span[data-v-3304f515]{display:none}}
@media(max-width:980px){.foxie-header-left-v120__brand[data-v-3304f515]{display:none}.foxie-header-left-v120 .menu-anchor[data-v-3304f515]:nth-of-type(4){display:none}}

/* foxie-canvas-professional-header-v121: one authoritative compact left toolbar; project/call/share teleport remains untouched on the right. */
.editor-menu-bar[data-v-3304f515]{height:40px!important;min-height:40px!important;padding:0 7px!important;display:flex!important;align-items:center!important;gap:6px!important;overflow:visible!important}
.canvas-head-primary-v121[data-v-3304f515]{height:100%;min-width:0;flex:0 1 auto;display:flex;align-items:center;gap:5px;white-space:nowrap}
.canvas-head-back-v121[data-v-3304f515]{width:29px!important;min-width:29px!important;height:29px!important;padding:0!important;border:0!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:transparent!important;color:var(--foxie-muted)!important}
.canvas-head-back-v121[data-v-3304f515]:hover{background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important}
.canvas-head-brand-v121[data-v-3304f515]{height:29px;padding:0 7px 0 3px;display:flex;align-items:center;gap:4px;border-right:1px solid color-mix(in srgb,var(--foxie-border) 78%,transparent)}
.canvas-head-brand-v121 strong[data-v-3304f515]{font-size:12px;font-weight:820;letter-spacing:-.025em;color:var(--foxie-ink)}
.canvas-head-brand-v121 span[data-v-3304f515]{font-size:12px;font-weight:780;color:var(--foxie-accent)}
.canvas-head-separator-v121[data-v-3304f515]{display:none}
.canvas-head-mode-v121[data-v-3304f515],.canvas-head-file-v121[data-v-3304f515],.canvas-head-history-v121[data-v-3304f515],.canvas-head-view-v121[data-v-3304f515],.canvas-head-utility-v121[data-v-3304f515]{height:31px;padding:2px;display:flex;align-items:center;gap:1px;border:1px solid color-mix(in srgb,var(--foxie-border) 88%,transparent);border-radius:9px;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.canvas-head-primary-v121 button[data-v-3304f515]{position:relative;height:26px!important;min-width:26px!important;padding:0 6px!important;border:0!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;color:var(--foxie-muted)!important;font-size:12px!important;font-weight:730!important;box-shadow:none!important;transition:background .14s ease,color .14s ease,transform .14s ease!important}
.canvas-head-primary-v121 button[data-v-3304f515]:hover:not(:disabled){background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))!important;color:var(--foxie-ink)!important}
.canvas-head-primary-v121 button[data-v-3304f515]:active:not(:disabled){transform:translateY(1px)}
.canvas-head-primary-v121 button[data-v-3304f515]:disabled{opacity:.36!important;cursor:default!important}
.canvas-head-primary-v121 button.active[data-v-3304f515]{background:color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-surface-soft))!important;color:var(--foxie-accent)!important}
.canvas-head-mode-v121 button[data-v-3304f515]{padding-inline:7px!important}
.canvas-head-file-v121[data-v-3304f515],.canvas-head-history-v121[data-v-3304f515],.canvas-head-view-v121[data-v-3304f515],.canvas-head-utility-v121[data-v-3304f515]{flex:0 0 auto}
.canvas-head-decompose-v121[data-v-3304f515]{position:relative;display:flex}
.canvas-head-decompose-menu-v121[data-v-3304f515]{top:35px!important;bottom:auto!important;left:0!important;right:auto!important;width:280px!important;z-index:3200!important}
.canvas-head-diagnostic-v121 b[data-v-3304f515]{position:absolute;right:1px;top:1px;min-width:10px;height:10px;padding:0 2px;border-radius:999px;display:grid;place-items:center;background:var(--foxie-accent);color:white;font-size:12px;line-height:1}
.canvas-head-diagnostic-v121.alert[data-v-3304f515]{color:#ff6b78!important}.canvas-head-diagnostic-v121.warn[data-v-3304f515]{color:#d6a44c!important}
.canvas-project-toolbar-v67{margin-left:auto!important;flex:0 0 auto!important}
@media(max-width:1240px){.canvas-head-brand-v121 span[data-v-3304f515]{display:none}.canvas-head-brand-v121[data-v-3304f515]{padding-right:5px}.canvas-head-mode-v121 button span[data-v-3304f515]{display:none}.canvas-head-mode-v121 button[data-v-3304f515]{width:27px!important;padding:0!important}.canvas-head-primary-v121[data-v-3304f515]{gap:3px}}
@media(max-width:980px){.canvas-head-brand-v121[data-v-3304f515]{display:none}.canvas-head-view-v121[data-v-3304f515]{display:none}.canvas-head-history-v121[data-v-3304f515]{display:none}.canvas-head-primary-v121[data-v-3304f515]{gap:2px}}
@media(max-width:760px){.canvas-head-file-v121[data-v-3304f515]{display:none}.canvas-head-utility-v121 button[data-v-3304f515]:not(:last-child){display:none!important}}

/* Keep the real chat composer in flow; the editor owns only the conversation row. */
.foxie-ai-page .agent-shell{grid-template-rows:58px minmax(0,1fr) auto!important}
.foxie-ai-page .conversation-scroll{grid-row:2!important;grid-column:1!important;min-height:0!important}
.foxie-ai-page .composer-wrap{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;grid-row:3!important;grid-column:1!important;padding:12px 24px 14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface) 56%,transparent),var(--foxie-surface) 36%)!important}
.foxie-ai-page.is-empty .composer-wrap{position:relative!important;top:auto!important;bottom:auto!important;transform:none!important;padding:10px 24px 16px!important;background:var(--foxie-surface)!important}
.foxie-ai-page .welcome{height:100%!important;min-height:0!important;padding:18px 20px 22px!important;justify-content:center!important;transform:none!important}.foxie-ai-page.is-empty .conversation-scroll{overflow:hidden!important}.foxie-ai-page .message-stream{padding-bottom:30px!important}.foxie-ai-page .composer-hint{font-size:12px!important;line-height:1.45!important;color:color-mix(in srgb,var(--foxie-ink) 72%,var(--foxie-muted))!important;opacity:1!important;margin-top:7px!important}.foxie-ai-page .composer-hint:before{content:'ⓘ';margin-right:5px;color:var(--foxie-accent);font-weight:900}
.foxie-image-generating .welcome,.foxie-runtime-image-turns .welcome{display:none!important}.foxie-image-generating .conversation-scroll{overflow:auto!important}

/* Image editor must occupy the entire conversation cell, never an implicit right-hand grid column. */
.foxie-ai-page.foxie-image-editor-active .conversation-scroll{display:none!important}.foxie-ai-page.foxie-image-editor-active .foxie-editor-host{grid-area:2 / 1 / 3 / 2!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;place-self:stretch!important;position:relative!important;z-index:55!important}.foxie-ai-page.foxie-image-editor-active .composer-wrap{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;padding:8px 24px 10px!important;transform:none!important;z-index:70!important;background:var(--foxie-surface)!important;pointer-events:auto!important}.foxie-ai-page.foxie-image-editor-active .composer-wrap .composer{width:min(760px,100%)!important;pointer-events:auto!important;background:var(--foxie-surface-raised)!important;border-color:color-mix(in srgb,var(--foxie-accent) 32%,var(--foxie-border))!important;box-shadow:0 12px 36px rgba(0,0,0,.25),0 0 0 1px rgba(var(--foxie-accent-rgb),.08)!important}.foxie-ai-page.foxie-image-editor-active .foxie-image-chat-controls,.foxie-ai-page.foxie-image-editor-active .composer-hint,.foxie-ai-page.foxie-image-editor-active .pending-files{display:none!important}

/* Accent glow: the two Foxie AI light points always follow the selected theme accent. */
.nav-item-v2.foxie-ai-themed-entry{position:relative!important;border-color:color-mix(in srgb,var(--foxie-accent) 52%,var(--foxie-border))!important;background:linear-gradient(90deg,rgba(var(--foxie-accent-rgb),.18),rgba(var(--foxie-accent-rgb),.04) 70%,transparent)!important;box-shadow:inset 3px 0 var(--foxie-accent),0 0 26px rgba(var(--foxie-accent-rgb),.16)!important}.nav-item-v2.foxie-ai-themed-entry .nav-icon,.sidebar-item.foxie-ai-themed-entry .sidebar-item-icon,.foxie-ai-page .foxie-ai-mark,.foxie-ai-page .tiny-star,.foxie-ai-page .light-core{color:#fff!important;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 70%,#fff),var(--foxie-accent))!important;box-shadow:0 0 11px rgba(var(--foxie-accent-rgb),.92),0 0 30px rgba(var(--foxie-accent-rgb),.62),0 0 68px rgba(var(--foxie-accent-rgb),.3)!important;animation:foxie-theme-glow 1.9s ease-in-out infinite!important}.nav-item-v2.foxie-ai-themed-entry .nav-icon{border-radius:10px}@keyframes foxie-theme-glow{0%,100%{filter:brightness(1);box-shadow:0 0 10px rgba(var(--foxie-accent-rgb),.82),0 0 27px rgba(var(--foxie-accent-rgb),.5),0 0 56px rgba(var(--foxie-accent-rgb),.22)}50%{filter:brightness(1.2);box-shadow:0 0 18px rgba(var(--foxie-accent-rgb),1),0 0 44px rgba(var(--foxie-accent-rgb),.76),0 0 88px rgba(var(--foxie-accent-rgb),.38)}}
.foxie-image-chat-controls{order:1;width:min(760px,100%);height:26px;margin:0 auto 6px;display:flex;justify-content:flex-end;gap:5px;pointer-events:auto}.foxie-image-chat-controls button{height:26px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-muted);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:780;cursor:pointer}.foxie-image-chat-controls button:hover,.foxie-image-chat-controls button.active{border-color:var(--foxie-accent);color:var(--foxie-accent);background:rgba(var(--foxie-accent-rgb),.08)}.foxie-image-mode-active .composer{border-color:var(--foxie-accent)!important;box-shadow:0 15px 42px rgba(var(--foxie-accent-rgb),.15),0 0 0 3px rgba(var(--foxie-accent-rgb),.08)!important}
.foxie-image-chat-feed{width:min(820px,calc(100% - 38px));margin:0 auto;padding:28px 0 28px}.foxie-image-turn,.foxie-generation-turn{display:grid;gap:18px;margin-bottom:30px}.foxie-image-user-prompt{justify-self:end;max-width:76%;padding:11px 14px;border:1px solid var(--foxie-border);border-radius:17px 17px 6px 17px;background:var(--foxie-surface-soft);font-size:12px;line-height:1.55}.foxie-image-answer{max-width:680px;display:grid;gap:8px}.foxie-image-answer-head{display:flex;align-items:center;gap:7px;font-size:12px}.foxie-image-answer-head>span,.foxie-generation-card header>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);box-shadow:0 0 18px rgba(var(--foxie-accent-rgb),.34)}
/* width:fit-content fixes the old black strip caused by a full-width button around an object-fit image. */
.foxie-generated-image{display:block;width:fit-content;max-width:100%;padding:0;border:1px solid var(--foxie-border);border-radius:18px;overflow:hidden;background:transparent!important;cursor:pointer;box-shadow:0 16px 45px rgba(0,0,0,.13);line-height:0}.foxie-generated-image img{display:block;width:auto;height:auto;max-width:min(680px,100%);max-height:560px;object-fit:contain;background:transparent}.foxie-image-answer nav{display:flex;gap:6px;flex-wrap:wrap}.foxie-image-answer nav button{height:31px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-muted);display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}.foxie-image-answer nav button:hover{color:var(--foxie-accent);border-color:var(--foxie-accent)}

/* Chat-native generation feedback inspired by the familiar GPT/Gemini generation state. */
.foxie-generation-card{width:min(620px,100%);min-height:390px;padding:12px;border:1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border));border-radius:20px;background:color-mix(in srgb,var(--foxie-surface-raised) 97%,#000 3%);display:grid;grid-template-rows:auto minmax(0,1fr);box-shadow:0 18px 54px rgba(0,0,0,.15);overflow:hidden}.foxie-generation-card header{display:flex;align-items:center;gap:9px;padding:2px 3px}.foxie-generation-card header>div{display:grid}.foxie-generation-card header strong{font-size:12px}.foxie-generation-card header small{margin-top:2px;color:var(--foxie-muted);font-size:12px}.generation-visual{min-height:320px;position:relative;display:grid;place-items:center;overflow:hidden}.dot-field{width:min(350px,75vw);aspect-ratio:1/1;position:relative;border-radius:50%;filter:drop-shadow(0 0 18px rgba(var(--foxie-accent-rgb),.35))}.dot-field:before,.dot-field:after,.dot-field i{content:'';position:absolute;inset:0;border-radius:50%}.dot-field:before{background-image:radial-gradient(circle,var(--foxie-accent) 1.05px,transparent 1.25px);background-size:13px 13px;mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.86) 56%,transparent 78%);opacity:.8;animation:foxieDotsBreathe 2.8s ease-in-out infinite}.dot-field:after{inset:20%;background:radial-gradient(circle,rgba(var(--foxie-accent-rgb),.34),rgba(var(--foxie-accent-rgb),.12) 38%,transparent 72%);filter:blur(22px);animation:foxieDotsGlow 2.4s ease-in-out infinite}.dot-field i{inset:8%;border:1px dotted rgba(var(--foxie-accent-rgb),.22);animation:foxieDotsSpin 18s linear infinite}.generation-percent{position:absolute;right:8%;bottom:8%;min-width:55px;height:31px;padding:0 10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border));border-radius:999px;background:var(--foxie-surface-raised);color:var(--foxie-accent);display:grid;place-items:center;font-size:12px;font-weight:850;box-shadow:0 8px 24px rgba(0,0,0,.2)}@keyframes foxieDotsBreathe{0%,100%{transform:scale(.93);opacity:.55}50%{transform:scale(1.03);opacity:1}}@keyframes foxieDotsGlow{0%,100%{transform:scale(.8);opacity:.38}50%{transform:scale(1.2);opacity:.8}}@keyframes foxieDotsSpin{to{transform:rotate(360deg)}}
.foxie-image-drop-overlay{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;background:rgba(4,8,13,.68);backdrop-filter:blur(8px);pointer-events:none}.foxie-image-drop-overlay>div{width:min(520px,calc(100vw - 40px));height:250px;border:2px dashed var(--foxie-accent);border-radius:28px;display:grid;place-items:center;align-content:center;gap:10px;background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 0 68px rgba(var(--foxie-accent-rgb),.32)}.foxie-image-drop-overlay .v-icon{color:var(--foxie-accent)}.foxie-image-drop-overlay span{font-size:12px;color:var(--foxie-muted)}.foxie-image-drop-enter-active,.foxie-image-drop-leave-active{transition:.15s}.foxie-image-drop-enter-from,.foxie-image-drop-leave-to{opacity:0}

/* Gallery is the only modal in this workflow. */
.foxie-gallery-backdrop{position:fixed;inset:0;z-index:15010;padding:28px;display:grid;place-items:center;background:rgba(3,6,10,.82)}.foxie-gallery-modal{width:min(1080px,95vw);height:min(730px,90vh);display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden;border:1px solid var(--foxie-border);border-radius:22px;background:var(--foxie-surface)!important;color:var(--foxie-ink);box-shadow:0 36px 120px rgba(0,0,0,.62);opacity:1!important;backdrop-filter:none!important}.foxie-gallery-modal>header{padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--foxie-border);background:var(--foxie-surface-raised)!important}.foxie-gallery-modal>header>div{display:flex;align-items:center;gap:10px}.foxie-gallery-modal>header>div>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);box-shadow:0 0 24px rgba(var(--foxie-accent-rgb),.3)}.foxie-gallery-modal>header>div>div{display:grid}.foxie-gallery-modal>header strong{font-size:.78rem}.foxie-gallery-modal>header small{font-size:12px;color:var(--foxie-muted)}.foxie-gallery-modal>header>button{width:35px;height:35px;border:0;border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-muted);cursor:pointer}.foxie-gallery-modal>main{overflow:auto;padding:18px;background-color:var(--foxie-surface);background-image:radial-gradient(circle,color-mix(in srgb,var(--foxie-muted) 35%,transparent) 1px,transparent 1.25px);background-size:22px 22px}.foxie-gallery-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:var(--foxie-muted)}.foxie-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.foxie-gallery-grid article{overflow:hidden;border:1px solid var(--foxie-border);border-radius:15px;background:var(--foxie-surface-raised);box-shadow:0 9px 25px rgba(0,0,0,.1)}.foxie-gallery-image{width:100%;aspect-ratio:1/1;padding:0;border:0;background:var(--foxie-surface-soft);display:block;cursor:pointer}.foxie-gallery-image img{width:100%;height:100%;object-fit:cover}.foxie-gallery-meta{padding:9px 10px 5px;display:grid;gap:3px}.foxie-gallery-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foxie-gallery-meta small{font-size:12px;color:var(--foxie-muted)}.foxie-gallery-grid nav{padding:5px 8px 9px;display:flex;gap:5px;flex-wrap:wrap}.foxie-gallery-grid nav button{height:29px;padding:0 7px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-soft);color:var(--foxie-muted);display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.foxie-gallery-grid nav button:hover{color:var(--foxie-accent);border-color:var(--foxie-accent)}.foxie-gallery-grid nav button.danger{margin-left:auto;width:29px;padding:0;justify-content:center}.foxie-gallery-grid nav button.danger:hover{color:#ef5350;border-color:#ef5350}
@media(max-width:720px){.foxie-ai-page .composer-wrap,.foxie-ai-page.is-empty .composer-wrap,.foxie-ai-page.foxie-image-editor-active .composer-wrap{padding-left:11px!important;padding-right:11px!important}.foxie-image-chat-feed{width:calc(100% - 20px)}.foxie-gallery-backdrop{padding:8px}.foxie-gallery-modal{width:100%;height:96vh}.generation-visual{min-height:270px}.foxie-generation-card{min-height:340px}}
@media(prefers-reduced-motion:reduce){.dot-field:before,.dot-field:after,.dot-field i,.nav-item-v2.foxie-ai-themed-entry .nav-icon,.sidebar-item.foxie-ai-themed-entry .sidebar-item-icon,.foxie-ai-page .foxie-ai-mark,.foxie-ai-page .tiny-star,.foxie-ai-page .light-core{animation:none!important}}

/* foxie-editor-shell-immersive-v8 */
@media(min-width:961px){
body.foxie-canvas-immersive{overflow:hidden}
body.foxie-canvas-immersive .shell-content-v2,body.foxie-canvas-immersive .shell-content-v2.expanded{margin-left:0!important;transition:margin-left .28s cubic-bezier(.22,.75,.2,1)!important}
body.foxie-canvas-immersive .content-v2{min-height:100vh!important}
body.foxie-canvas-immersive .topbar-v2{position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;z-index:10020!important;opacity:0!important;pointer-events:none!important;transform:translateY(calc(-100% - 8px))!important;transition:transform .26s cubic-bezier(.22,.75,.2,1),opacity .18s ease!important}
body.foxie-canvas-immersive.foxie-editor-shell-top-open .topbar-v2{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
body.foxie-canvas-immersive .sidebar-v2{z-index:10030!important;opacity:0!important;pointer-events:none!important;transform:translateX(calc(-100% - 10px))!important;transition:transform .28s cubic-bezier(.22,.75,.2,1),opacity .18s ease!important}
body.foxie-canvas-immersive.foxie-editor-shell-side-open .sidebar-v2{opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}
}
.foxie-ai-page.foxie-image-editor-active .composer-wrap{z-index:180!important}.foxie-ai-page.foxie-image-editor-active .composer-wrap .composer{position:relative!important;z-index:181!important}

/* foxie-editor-workspace-v9 */
/* When Canvas is immersive, remove the shell's old 72px layout reservation completely. */
@media(min-width:961px){
body.foxie-canvas-immersive .content-v2{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:9000!important}
body.foxie-canvas-immersive .shell-content-v2,body.foxie-canvas-immersive .shell-content-v2.expanded{width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active{position:relative!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .agent-shell{height:100%!important;min-height:0!important}
}

/* foxie-editor-geometry-v10 */
@media(min-width:961px){
body.foxie-canvas-immersive .shell-content-v2,body.foxie-canvas-immersive .shell-content-v2.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0!important;overflow:hidden!important;z-index:9000!important}
body.foxie-canvas-immersive .content-v2{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.foxie-canvas-immersive .topbar-v2{position:fixed!important;margin:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .agent-shell{height:100%!important;min-height:0!important;grid-template-rows:58px minmax(0,1fr) 0!important;position:relative!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .foxie-editor-host{grid-area:2 / 1 / 3 / 2!important;height:100%!important;min-height:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap{position:absolute!important;left:calc(50% + 114px)!important;right:auto!important;top:auto!important;bottom:64px!important;width:min(760px,calc(100% - 284px))!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;background:transparent!important;z-index:180!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active:has(.foxie-infinite-editor.panel-collapsed) .composer-wrap{left:50%!important;width:min(760px,calc(100% - 36px))!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap .composer{width:100%!important;margin:0!important}
}

/* foxie-editor-tools-v12 */
@media(min-width:961px){
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap{bottom:84px!important;z-index:300!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .foxie-editor-host{overflow:visible!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .foxie-editor-host .inspace-tools-sidebar{bottom:18px!important;z-index:340!important}
}

/* foxie-editor-selection-ai-v14 */
.foxie-ai-page.foxie-image-editor-active .composer-wrap{position:absolute!important;left:50%!important;right:auto!important;bottom:60px!important;transform:translateX(-50%)!important;width:min(720px,calc(100% - 120px))!important;z-index:620!important;margin:0!important}.foxie-ai-page.foxie-image-editor-active .editor-host,.foxie-ai-page.foxie-image-editor-active .foxie-infinite-editor{overflow:visible!important}

/* foxie-image-library-grid-v17 */
.foxie-gallery-modal header small::after{content:' · sincronizada com o perfil';opacity:.72}

/* foxie-canvas-ruler-grid-v18 */
/* Canvas owns the Foxie AI shell while open: the normal chat header must not consume a row above it. */
.foxie-ai-page.foxie-image-editor-active .agent-topbar{display:none!important}
.foxie-ai-page.foxie-image-editor-active .agent-shell{grid-template-rows:minmax(0,1fr) auto!important}
.foxie-ai-page.foxie-image-editor-active .foxie-editor-host{grid-area:1 / 1 / 2 / 2!important;width:100%!important;height:100%!important;min-height:0!important}
.foxie-ai-page.foxie-image-editor-active .composer-wrap{grid-area:2 / 1 / 3 / 2!important}

/* foxie-canvas-chrome-grid-v19 */
html.foxie-canvas-immersive,html.foxie-canvas-immersive body,body.foxie-canvas-immersive{overflow:hidden!important}
body.foxie-canvas-immersive .topbar-v2,body.foxie-canvas-immersive .sidebar-v2{display:none!important}
body.foxie-canvas-immersive .shell-content-v2,body.foxie-canvas-immersive .shell-content-v2.expanded{width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important}
body.foxie-canvas-immersive .content-v2{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:2147481000!important;background:var(--foxie-shell-bg,var(--foxie-surface-soft,#f6f8fa))!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active{position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .agent-shell{width:100%!important;height:100%!important;min-height:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .agent-topbar{display:none!important}

/* foxie-canvas-compact-composer-v20 */
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .agent-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;width:100vw!important;height:100dvh!important;min-height:0!important;gap:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .agent-topbar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .foxie-editor-host{grid-area:1 / 1 / 2 / 2!important;width:100%!important;height:100%!important;min-height:0!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap{grid-row:2!important;grid-column:1!important;max-height:116px!important;min-height:0!important;margin:0!important;overflow:hidden!important;transform-origin:50% 100%!important;transition:max-height .34s cubic-bezier(.22,.78,.22,1),padding .34s cubic-bezier(.22,.78,.22,1),opacity .22s ease,transform .34s cubic-bezier(.22,.78,.22,1),background .28s ease!important;will-change:max-height,opacity,transform!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap .composer{transition:opacity .2s ease,transform .34s cubic-bezier(.22,.78,.22,1),box-shadow .28s ease!important;transform-origin:50% 100%!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active.foxie-editor-composer-collapsed .composer-wrap{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important;transform:translateY(24px) scale(.82)!important;pointer-events:none!important;background:transparent!important}
body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active.foxie-editor-composer-collapsed .composer-wrap .composer{opacity:0!important;transform:translateY(15px) scale(.9)!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap,body.foxie-canvas-immersive .foxie-ai-page.foxie-image-editor-active .composer-wrap .composer{transition:none!important}}

/* foxie-ai-ui-refinement-v53 */
.foxie-image-chat-controls{order:1!important;width:max-content!important;max-width:min(760px,100%)!important;height:auto!important;margin:0 auto 8px!important;padding:4px!important;justify-content:center!important;gap:3px!important;border:1px solid color-mix(in srgb,var(--foxie-border) 88%,var(--foxie-accent) 12%)!important;border-radius:14px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;box-shadow:0 10px 32px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(16px)}.foxie-image-chat-controls .foxie-image-control{height:34px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--foxie-muted)!important;gap:7px!important;font-size:12px!important;font-weight:760!important;letter-spacing:-.01em!important;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important}.foxie-image-chat-controls .foxie-image-control:hover{background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important;transform:translateY(-1px)}.foxie-image-chat-controls .foxie-image-control.active{background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 88%,#fff 12%),var(--foxie-accent))!important;color:#fff!important;box-shadow:0 7px 18px rgba(var(--foxie-accent-rgb),.22)!important}.foxie-image-control .control-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));color:var(--foxie-accent)}.foxie-image-control.active .control-icon{background:rgba(255,255,255,.14);color:#fff}.foxie-image-control .mode-live{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14)}.foxie-image-control em{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));color:var(--foxie-accent);font-size:12px;font-style:normal;font-weight:850}
.foxie-gallery-backdrop{padding:24px!important;background:rgba(3,6,10,.72)!important;backdrop-filter:blur(12px) saturate(.9)!important;overscroll-behavior:contain}.foxie-gallery-modal{width:min(1180px,calc(100vw - 48px))!important;height:min(780px,calc(100vh - 48px))!important;border:1px solid color-mix(in srgb,var(--foxie-border) 82%,var(--foxie-accent) 18%)!important;border-radius:24px!important;background:color-mix(in srgb,var(--foxie-surface) 97%,#000 3%)!important;box-shadow:0 42px 140px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025) inset!important;transform-origin:center;overflow:hidden!important}.foxie-gallery-head{min-height:76px!important;height:auto!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;backdrop-filter:blur(18px)}.foxie-gallery-title{display:flex!important;align-items:center!important;gap:11px!important;min-width:0}.foxie-gallery-title>span{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;color:#fff!important;background:var(--foxie-accent)!important;box-shadow:0 0 24px rgba(var(--foxie-accent-rgb),.25)!important}.foxie-gallery-title>div{display:grid;min-width:0}.foxie-gallery-title strong{font-size:.76rem!important;letter-spacing:-.015em}.foxie-gallery-title small{margin-top:2px;display:flex;align-items:center;gap:7px;font-size:12px!important;color:var(--foxie-muted)!important}.foxie-gallery-title small b{color:var(--foxie-ink);font-weight:850}.foxie-gallery-title small em{display:flex;align-items:center;gap:4px;color:var(--foxie-accent);font-style:normal}.foxie-gallery-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.foxie-gallery-search{width:min(300px,32vw);height:38px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft);display:flex;align-items:center;gap:7px;color:var(--foxie-muted);transition:border-color .15s ease,box-shadow .15s ease}.foxie-gallery-search:focus-within{border-color:color-mix(in srgb,var(--foxie-accent) 55%,var(--foxie-border));box-shadow:0 0 0 3px rgba(var(--foxie-accent-rgb),.09)}.foxie-gallery-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foxie-ink);font:inherit;font-size:12px}.foxie-gallery-search input::placeholder{color:var(--foxie-muted)}.foxie-gallery-close{width:38px!important;height:38px!important;border:1px solid var(--foxie-border)!important;border-radius:11px!important;background:var(--foxie-surface-soft)!important;display:grid!important;place-items:center!important;color:var(--foxie-muted)!important;cursor:pointer}.foxie-gallery-close:hover{color:var(--foxie-ink)!important;border-color:color-mix(in srgb,var(--foxie-accent) 35%,var(--foxie-border))!important}.foxie-gallery-modal>main{overflow:auto!important;padding:18px!important;overscroll-behavior:contain;scrollbar-gutter:stable;background-image:none!important}.foxie-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:14px!important}.foxie-gallery-grid article{overflow:hidden!important;border:1px solid color-mix(in srgb,var(--foxie-border) 92%,transparent)!important;border-radius:17px!important;background:var(--foxie-surface-raised)!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;content-visibility:auto;contain-intrinsic-size:300px}.foxie-gallery-grid article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--foxie-accent) 32%,var(--foxie-border))!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important}.foxie-gallery-image{width:100%!important;position:relative!important;aspect-ratio:4/3!important;padding:0!important;border:0!important;overflow:hidden!important;background:var(--foxie-surface-soft)!important;display:block!important;cursor:pointer}.foxie-gallery-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.foxie-gallery-grid article:hover .foxie-gallery-image img{transform:scale(1.025)}.gallery-edit-hint{position:absolute;right:9px;bottom:9px;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(8,12,18,.72);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:760;opacity:0;transform:translateY(3px);transition:.16s ease}.foxie-gallery-image:hover .gallery-edit-hint{opacity:1;transform:none}.foxie-gallery-meta{padding:11px 12px 6px!important;display:grid!important;gap:3px!important}.foxie-gallery-meta strong{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foxie-gallery-meta small{margin-top:2px;font-size:12px!important;color:var(--foxie-muted)}.foxie-gallery-grid nav{padding:6px 9px 10px!important;display:flex!important;gap:5px!important;flex-wrap:wrap}.foxie-gallery-grid nav button{height:30px!important;padding:0 7px!important;border:1px solid var(--foxie-border)!important;border-radius:9px!important;background:var(--foxie-surface-soft)!important;color:var(--foxie-muted)!important;display:flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;cursor:pointer}.foxie-gallery-grid nav button:hover{color:var(--foxie-accent)!important;border-color:var(--foxie-accent)!important}.foxie-gallery-grid nav button.danger{margin-left:auto;width:30px!important;padding:0!important;justify-content:center!important}.foxie-gallery-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.foxie-gallery-skeleton i{aspect-ratio:4/3;border-radius:17px;background:linear-gradient(105deg,var(--foxie-surface-soft) 20%,color-mix(in srgb,var(--foxie-surface-raised) 70%,var(--foxie-accent) 5%) 38%,var(--foxie-surface-soft) 56%);background-size:220% 100%;animation:foxieGalleryShimmer 1.35s linear infinite}.foxie-gallery-empty{min-height:360px!important;height:100%!important;display:grid!important;place-items:center!important;align-content:center!important;gap:8px!important;color:var(--foxie-muted)!important}.foxie-gallery-empty>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));color:var(--foxie-accent)}.foxie-gallery-empty small{font-size:12px;color:var(--foxie-muted)}.foxie-gallery-enter-active,.foxie-gallery-leave-active{transition:opacity .18s ease}.foxie-gallery-enter-active .foxie-gallery-modal,.foxie-gallery-leave-active .foxie-gallery-modal{transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.foxie-gallery-enter-from,.foxie-gallery-leave-to{opacity:0}.foxie-gallery-enter-from .foxie-gallery-modal{transform:translateY(10px) scale(.985);opacity:.6}.foxie-gallery-leave-to .foxie-gallery-modal{transform:translateY(6px) scale(.99);opacity:.5}@keyframes foxieGalleryShimmer{to{background-position:-220% 0}}
@media(max-width:760px){.foxie-image-chat-controls{width:100%!important;justify-content:stretch!important}.foxie-image-chat-controls .foxie-image-control{flex:1;justify-content:center}.foxie-gallery-backdrop{padding:8px!important}.foxie-gallery-modal{width:100%!important;height:calc(100vh - 16px)!important;border-radius:18px!important}.foxie-gallery-head{align-items:stretch!important;flex-direction:column!important;gap:9px!important}.foxie-gallery-head-actions{width:100%}.foxie-gallery-search{width:100%}.foxie-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.foxie-gallery-grid nav button span{display:none}.gallery-edit-hint{display:none}}
@media(max-width:480px){.foxie-gallery-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.foxie-gallery-skeleton i{animation:none}.foxie-gallery-grid article,.foxie-gallery-image img,.foxie-image-chat-controls .foxie-image-control{transition:none!important}}

/* foxie-ai-chat-gallery-v54: thumbnail-first gallery; no expensive full-resolution paint or backdrop blur. */
.foxie-image-chat-controls .foxie-image-control.generate .control-icon svg{width:16px;height:16px;display:block}.foxie-gallery-backdrop{padding:16px!important;background:rgba(4,7,11,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.foxie-gallery-modal-v54{width:min(1040px,calc(100vw - 32px))!important;height:min(760px,calc(100dvh - 32px))!important;grid-template-rows:64px minmax(0,1fr)!important;border:1px solid var(--foxie-border)!important;border-radius:20px!important;background:var(--foxie-surface)!important;box-shadow:0 32px 90px rgba(0,0,0,.46)!important;backdrop-filter:none!important}.foxie-gallery-modal-v54 .foxie-gallery-head{min-height:64px!important;height:64px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid var(--foxie-border)!important;background:var(--foxie-surface-raised)!important;backdrop-filter:none!important}.foxie-gallery-title{display:flex;align-items:center;gap:9px;min-width:0}.foxie-gallery-title>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;color:var(--foxie-accent)!important;background:rgba(var(--foxie-accent-rgb),.09)!important}.foxie-gallery-title>div{display:grid;min-width:0}.foxie-gallery-title strong{font-size:12px!important}.foxie-gallery-title small{margin-top:2px;display:flex;align-items:center;gap:7px;color:var(--foxie-muted);font-size:12px!important}.foxie-gallery-title small em{display:flex;align-items:center;gap:4px;color:var(--foxie-accent);font-style:normal}.foxie-gallery-head-actions{margin-left:auto;display:flex;align-items:center;gap:7px;min-width:0}.foxie-gallery-search{width:min(280px,31vw);height:36px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);display:flex;align-items:center;gap:7px;color:var(--foxie-muted)}.foxie-gallery-search:focus-within{border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--foxie-border));box-shadow:0 0 0 2px rgba(var(--foxie-accent-rgb),.08)}.foxie-gallery-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foxie-ink);font:inherit;font-size:12px}.foxie-gallery-close{width:36px!important;height:36px!important;border:1px solid var(--foxie-border)!important;border-radius:10px!important;background:var(--foxie-surface-soft)!important;color:var(--foxie-muted)!important;display:grid!important;place-items:center!important}.foxie-gallery-body{min-height:0!important;overflow:auto!important;padding:14px!important;background:var(--foxie-surface)!important;background-image:none!important;scrollbar-gutter:stable}.foxie-gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:10px!important}.foxie-gallery-grid article{overflow:hidden!important;border:1px solid var(--foxie-border)!important;border-radius:13px!important;background:var(--foxie-surface-raised)!important;box-shadow:none!important;content-visibility:auto;contain-intrinsic-size:270px;transform:none!important;transition:border-color .14s ease!important}.foxie-gallery-grid article:hover{border-color:color-mix(in srgb,var(--foxie-accent) 30%,var(--foxie-border))!important;transform:none!important;box-shadow:none!important}.foxie-gallery-image{width:100%!important;aspect-ratio:4/3!important;position:relative!important;overflow:hidden!important;padding:0!important;border:0!important;background:var(--foxie-surface-soft)!important;display:block!important}.foxie-gallery-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transform:none!important;transition:none!important}.gallery-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--foxie-muted);background:linear-gradient(145deg,var(--foxie-surface-soft),var(--foxie-surface-raised))}.gallery-thumb-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-surface) 80%,transparent)}.foxie-gallery-meta{padding:9px 10px 5px!important;display:grid!important}.foxie-gallery-meta strong{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foxie-gallery-meta small{margin-top:2px;color:var(--foxie-muted);font-size:12px!important}.foxie-gallery-grid nav{padding:5px 8px 9px!important;display:flex!important;gap:4px!important;flex-wrap:nowrap!important}.foxie-gallery-grid nav button{height:28px!important;min-width:28px!important;padding:0 6px!important;border:1px solid var(--foxie-border)!important;border-radius:8px!important;background:var(--foxie-surface-soft)!important;color:var(--foxie-muted)!important;display:flex!important;align-items:center!important;gap:4px!important;font-size:12px!important}.foxie-gallery-grid nav button:hover{color:var(--foxie-accent)!important;border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--foxie-border))!important}.foxie-gallery-grid nav button.danger{margin-left:auto!important;padding:0!important;justify-content:center!important}.foxie-gallery-skeleton{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:10px!important}.foxie-gallery-skeleton i{aspect-ratio:4/3;border-radius:13px;background:linear-gradient(100deg,var(--foxie-surface-soft) 24%,var(--foxie-surface-raised) 40%,var(--foxie-surface-soft) 58%);background-size:220% 100%;animation:foxieGalleryV54Loading 1.25s linear infinite}.foxie-gallery-empty{min-height:340px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important}.foxie-gallery-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}.foxie-gallery-empty strong{font-size:12px}.foxie-gallery-empty small{color:var(--foxie-muted);font-size:12px}.gallery-load-more{height:36px;margin:14px auto 2px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-raised);color:var(--foxie-ink);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:720;cursor:pointer}.gallery-load-more span{min-width:23px;height:20px;padding:0 5px;border-radius:999px;background:var(--foxie-surface-soft);color:var(--foxie-muted);display:grid;place-items:center;font-size:12px}@keyframes foxieGalleryV54Loading{to{background-position:-220% 0}}
@media(max-width:760px){.foxie-gallery-backdrop{padding:7px!important}.foxie-gallery-modal-v54{width:100%!important;height:calc(100dvh - 14px)!important;border-radius:16px!important}.foxie-gallery-modal-v54 .foxie-gallery-head{height:auto!important;min-height:106px!important;padding:10px!important;align-items:stretch!important;flex-direction:column!important}.foxie-gallery-head-actions{width:100%}.foxie-gallery-search{width:100%}.foxie-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.foxie-gallery-grid nav button span{display:none}}
@media(max-width:460px){.foxie-gallery-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.foxie-gallery-skeleton i{animation:none!important}}

/* foxie-ai-gallery-history-repair-v56: thumbnails are real images; the empty state is only a neutral loading surface. */
.gallery-thumb-placeholder-loading{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;background:var(--foxie-surface-soft)!important;color:transparent!important}.gallery-thumb-placeholder-loading:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--foxie-surface-raised) 78%,#fff 22%) 45%,transparent 70%);transform:translateX(-100%);animation:foxieRealThumbLoading 1.15s ease-in-out infinite}.gallery-thumb-placeholder-loading i{display:none!important}.foxie-gallery-image img{background:var(--foxie-surface-soft)!important}@keyframes foxieRealThumbLoading{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.gallery-thumb-placeholder-loading:before{animation:none!important}}

.foxie-ai-page .composer-wrap {
  display: flex !important;
  flex-direction: column !important;
}
.foxie-ai-page .pending-files { order: 0;
}
.foxie-ai-page .foxie-image-chat-controls { order: 1;
}
.foxie-ai-page .composer { order: 2;
}
.foxie-ai-page .composer-hint { order: 3;
}

/* While editing, keep the real Foxie composer floating above the tool dock, matching the reference editor. */
.foxie-ai-page.foxie-image-editor-active .composer-wrap {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 70px !important;
  width: min(760px, calc(100% - 120px)) !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 70 !important;
  background: transparent !important;
  pointer-events: none !important;
}
.foxie-ai-page.foxie-image-editor-active .composer-wrap .composer {
  width: 100% !important;
  pointer-events: auto !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, var(--foxie-border)) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.32), 0 0 0 1px rgba(var(--foxie-accent-rgb),.08) !important;
}
.foxie-ai-page.foxie-image-editor-active .foxie-image-chat-controls,
.foxie-ai-page.foxie-image-editor-active .composer-hint,
.foxie-ai-page.foxie-image-editor-active .pending-files {
  display: none !important;
}
.nav-item-v2.foxie-ai-themed-entry .nav-icon {
  color: #fff !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--foxie-accent) 72%, #fff), var(--foxie-accent)) !important;
  box-shadow: 0 0 10px rgba(var(--foxie-accent-rgb), .96), 0 0 30px rgba(var(--foxie-accent-rgb), .66), 0 0 62px rgba(var(--foxie-accent-rgb), .31) !important;
}
@media (max-width: 720px) {
.foxie-ai-page.foxie-image-editor-active .composer-wrap {
    bottom: 67px !important;
    width: calc(100% - 24px) !important;
}
}

.developer-api-compliance-runtime{display:none!important}
html body .developer-api-page{color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important}
html body .developer-api-page :is(.developer-api-head,.api-summary article,.credentials-card,.activity-card,.credential-row,.api-dialog,.secret-dialog){color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html body .developer-api-page :is(.section-head,.credential-row,.activity-row,.api-dialog header,.api-dialog footer,.secret-dialog footer){border-color:var(--foxie-border)!important}
html body .developer-api-page :is(p,small,.credential-main>span,.credential-date span,.activity-empty,.api-dialog footer>span,.secret-dialog p){color:var(--foxie-muted)!important}
html body .developer-api-page :is(.ghost-action,.section-head>button,.row-menu,.api-dialog footer button:not(.primary)){color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important;border-color:var(--foxie-border)!important}
html body .developer-api-page :is(.primary-action,.api-dialog footer .primary,.empty-state>button,.secret-dialog footer>button){color:#fff!important;background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;border-color:transparent!important;box-shadow:0 10px 28px color-mix(in srgb,var(--foxie-accent) 22%,transparent)!important}
html body .developer-api-page :is(.eyebrow,.section-head>div>span,.api-dialog header span,.secret-dialog>small){color:var(--foxie-accent)!important}
html body .developer-api-page :is(.field input,.field textarea,.field select,.secret-box){color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important;border-color:var(--foxie-border)!important;color-scheme:inherit}
html body .developer-api-page .scope-grid button{color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important;border-color:var(--foxie-border)!important}
html body .developer-api-page .scope-grid button.active{color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))!important;border-color:color-mix(in srgb,var(--foxie-accent) 42%,var(--foxie-border))!important}
html body .developer-api-page :is(.credential-icon,.secret-icon){color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft))!important}
html[data-foxie-theme='dark'] body .developer-api-page{color-scheme:dark}

.surface-theme-guardrail{display:none!important}

/* --------------------------------------------------------------------------
 * Foxie visual contract
 * -------------------------------------------------------------------------- */
html body .v-application{
  --foxie-feature-border:color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));
  --foxie-feature-shadow:0 16px 42px color-mix(in srgb,var(--foxie-accent) 8%,transparent);
  --foxie-feature-bg:
    radial-gradient(circle at 4% 0%,color-mix(in srgb,var(--foxie-accent) 11%,transparent),transparent 35rem),
    radial-gradient(circle at 96% 100%,color-mix(in srgb,var(--foxie-accent-strong) 7%,transparent),transparent 28rem),
    linear-gradient(135deg,color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--foxie-accent) 6%),color-mix(in srgb,var(--foxie-surface-soft) 96%,var(--foxie-accent) 4%));
}

/* Legacy green is branding on these product/account surfaces, not semantics. */
html body .v-application :where(.enterprise-finance-page,.account-billing-page,.developer-api-page,.superbot-route-stage,.superbot-guide,.settings-page,.settings-shell){--foxie-green:var(--foxie-accent)!important}
html body .v-overlay__content{--foxie-green:var(--foxie-accent)!important}

/* Last-resort visual contract for legacy/custom overlays that predate the theme store. */
html body .v-application :where([role='dialog'],.v-dialog .v-overlay__content,.v-menu .v-overlay__content,.v-overlay__content>.v-card,.v-overlay__content>.v-sheet){color:var(--foxie-ink)!important}
html body .v-application :where(.v-dialog .v-overlay__content>.v-card,.v-dialog .v-overlay__content>.v-sheet,.v-menu .v-overlay__content>.v-list,.v-menu .v-overlay__content>.v-sheet){background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important}
html[data-foxie-theme='dark'] body .v-application :where([role='dialog'],.v-dialog .v-overlay__content>.v-card,.v-dialog .v-overlay__content>.v-sheet,.v-menu .v-overlay__content>.v-list,.v-menu .v-overlay__content>.v-sheet){background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important;color-scheme:dark}
html body .v-application :where([role='dialog'],.v-overlay__content) :where(input:not([type='checkbox']):not([type='radio']),textarea,select,.v-field,.v-field__overlay){border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important}
html[data-foxie-theme='dark'] body .v-application :where([role='dialog'],.v-overlay__content) :where(input:not([type='checkbox']):not([type='radio']),textarea,select,.v-field,.v-field__overlay){background:var(--foxie-surface-soft)!important}
html body .v-application :where([role='dialog'],.v-overlay__content) :where(input,textarea)::placeholder{color:var(--foxie-muted)!important;opacity:.85}
html body .v-application :where([role='dialog'],.v-overlay__content) :where(.v-card-title,.v-card-subtitle,.v-card-text,label,strong,h1,h2,h3,h4){color:var(--foxie-ink)!important}
html body .v-application :where([role='dialog'],.v-overlay__content) :where(p,small,.text-medium-emphasis,.v-card-subtitle){color:var(--foxie-muted)!important}

/* Common modal CTAs inherit the selected accent instead of the old brand green. */
html body .v-overlay__content :where(.primary-action,.primary-theme-action,.save-action,.confirm-action,.submit-action,.dialog-primary){border-color:color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border))!important;background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--foxie-accent) 18%,transparent)!important}

/* Tabs must never keep a hard-coded light slab or foreign brand color. */
html body .v-application :where(.v-tabs,[role='tablist']){border-color:var(--foxie-border)!important}
html[data-foxie-theme='dark'] body .v-application :where(.v-tabs,[role='tablist']){background:var(--foxie-surface-raised)!important;color:var(--foxie-muted)!important}
html body .v-application :where(.v-tab,[role='tab']){color:var(--foxie-muted)!important}
html body .v-application :where(.v-tab.v-tab--selected,[role='tab'][aria-selected='true']){color:var(--foxie-accent)!important}
html body .v-application :where(.v-tab.v-tab--selected,[role='tab'][aria-selected='true']) .v-tab__slider{background:var(--foxie-accent)!important;color:var(--foxie-accent)!important}

/* Custom application drawers/popovers that do not use Vuetify internals. */
html[data-foxie-theme='dark'] body .v-application :where(.settings-drawer,.profile-drawer,.member-drawer,.details-drawer,.builder-drawer,.node-drawer,.flow-drawer,.side-drawer,.modal-card,.dialog-card,.popover-card,.menu-card,.floating-panel,.command-panel){background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important}
html[data-foxie-theme='dark'] body .v-application :where(.settings-drawer,.profile-drawer,.member-drawer,.details-drawer,.builder-drawer,.node-drawer,.flow-drawer,.side-drawer,.modal-card,.dialog-card,.popover-card,.menu-card,.floating-panel,.command-panel) :where(input,textarea,select){background:var(--foxie-surface-soft)!important;border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important}

/* Settings/profile/onboarding/workspace surfaces use the same neutral surface stack. */
html[data-foxie-theme='dark'] body .v-application :where(.settings-page,.settings-shell,.profile-page,.profile-shell,.workspace-create-page,.workspace-creation-page,.onboarding-page,.onboarding-shell){background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important}
html[data-foxie-theme='dark'] body .v-application :where(.settings-page,.settings-shell,.profile-page,.profile-shell,.workspace-create-page,.workspace-creation-page,.onboarding-page,.onboarding-shell) :where(.card,.panel,.section-card,.settings-card,.profile-card,.step-card){background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important}

/* Selected accent is branding; success/warning/error and third-party colors stay semantic. */
html body .v-application :where(.theme-accent,.accent-text,.active-accent){color:var(--foxie-accent)!important}
html body .v-application :where(.accent-bg,.primary-theme-action){background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;color:#fff!important}

/* --------------------------------------------------------------------------
 * Developer Portal — full viewport, organic atmosphere and system brand
 * -------------------------------------------------------------------------- */
html body .dev-portal{
  --blue:var(--foxie-accent)!important;
  --blue2:var(--foxie-accent-strong)!important;
  --ink:var(--foxie-ink)!important;
  --muted:var(--foxie-muted)!important;
  --line:var(--foxie-border)!important;
  --soft:var(--foxie-surface-soft)!important;
  --panel:var(--foxie-surface-raised)!important;
  --dev-accent:var(--foxie-accent)!important;
  --dev-strong:var(--foxie-accent-strong)!important;
  background:var(--foxie-surface)!important;
  color:var(--foxie-ink)!important;
}
html body .dev-brand{min-width:146px!important;gap:0!important}
html body .dev-brand-mark{display:none!important}
html body .dev-brand>div{display:grid!important;align-content:center!important;line-height:.86!important}
html body .dev-brand strong{height:25px;display:inline-flex!important;align-items:baseline!important;font-size:0!important;letter-spacing:-.06em!important;white-space:nowrap!important}
html body .dev-brand strong::before{content:'Foxie';color:var(--foxie-ink);font-size:24px;font-weight:950;letter-spacing:-.07em;line-height:1}
html body .dev-brand strong::after{content:'.';margin-left:.02em;color:var(--foxie-accent);font-size:24px;font-weight:950;line-height:1}
html body .dev-brand span:last-child{margin:2px 0 0 1px!important;color:var(--foxie-accent)!important;font-size:12px!important;font-weight:950!important;letter-spacing:.21em!important;line-height:1!important}
html body .workspace-pill>span{background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised))!important;color:var(--foxie-accent)!important}
html body .dev-main{background:var(--foxie-surface)!important}
html body .dev-hero{
  min-height:calc(100dvh - 110px)!important;
  height:auto!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  align-items:center!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface) 90%,transparent),color-mix(in srgb,var(--foxie-surface) 72%,transparent) 72%,var(--foxie-surface) 100%)!important;
}
/* Ambient field sits ABOVE the hero background. The previous negative z-index hid it. */
html body .dev-hero::before{
  content:"";position:absolute;z-index:0;inset:-25%;pointer-events:none;
  background:
    radial-gradient(ellipse at 16% 26%,color-mix(in srgb,var(--foxie-accent) 35%,transparent) 0 12%,transparent 42%),
    radial-gradient(ellipse at 78% 22%,color-mix(in srgb,var(--foxie-accent-strong) 25%,transparent) 0 14%,transparent 43%),
    radial-gradient(ellipse at 58% 76%,color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-surface)) 0 15%,transparent 46%);
  background-size:86% 86%,92% 92%,88% 88%;
  filter:blur(54px) saturate(1.28);
  opacity:.92;
  mix-blend-mode:multiply;
  will-change:transform,background-position;
  animation:foxie-dev-cloud-field 19s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
html[data-foxie-theme='dark'] body .dev-hero::before{mix-blend-mode:screen;opacity:.48;filter:blur(62px) saturate(1.18)}
/* Long fade removes the hard horizontal cut before the next section. */
html body .dev-hero::after{
  content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:190px;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--foxie-surface) 18%,transparent) 28%,color-mix(in srgb,var(--foxie-surface) 72%,transparent) 72%,var(--foxie-surface) 100%);
}
html body .dev-hero .hero-orb{
  z-index:0!important;
  width:48vmax!important;height:48vmax!important;
  border-radius:46% 54% 58% 42%/42% 45% 55% 58%!important;
  filter:blur(76px) saturate(1.34)!important;
  opacity:.27!important;
  mix-blend-mode:multiply!important;
  will-change:transform,border-radius!important;
  pointer-events:none!important;
}
html body .dev-hero .orb-a{right:-18vmax!important;top:-21vmax!important;background:color-mix(in srgb,var(--foxie-accent-strong) 48%,var(--foxie-surface))!important;animation:foxie-dev-blob-a 17s ease-in-out infinite alternate!important}
html body .dev-hero .orb-b{left:-16vmax!important;bottom:-22vmax!important;background:color-mix(in srgb,var(--foxie-accent) 42%,var(--foxie-surface-raised))!important;animation:foxie-dev-blob-b 21s ease-in-out infinite alternate!important}
html[data-foxie-theme='dark'] body .dev-hero .hero-orb{mix-blend-mode:screen!important;opacity:.18!important}
html body .dev-hero .hero-inner{min-height:calc(100dvh - 110px)!important;height:auto!important;padding:74px 0 128px!important;position:relative!important;z-index:2!important;justify-content:center!important}
html body .dev-hero .spark{animation:foxie-dev-spark 4.6s ease-in-out infinite!important;filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--foxie-accent) 24%,transparent))}
html body .dev-hero h1{animation:foxie-dev-rise .72s cubic-bezier(.2,.8,.2,1) both!important}
html body .dev-hero .hero-inner>p{animation:foxie-dev-rise .72s .09s cubic-bezier(.2,.8,.2,1) both!important}
html body .dev-hero .hero-prompts{position:relative;z-index:3;animation:foxie-dev-rise .76s .17s cubic-bezier(.2,.8,.2,1) both!important}
html body .dev-hero .hero-prompts button{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease,background .25s ease!important;backdrop-filter:blur(22px) saturate(1.1)!important}
html body .dev-hero .hero-prompts button:hover{transform:translateY(-4px) scale(1.008)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important}
html body .dev-hero .hero-prompts button:nth-child(1){animation:foxie-dev-prompt .65s .22s cubic-bezier(.2,.8,.2,1) both}
html body .dev-hero .hero-prompts button:nth-child(2){animation:foxie-dev-prompt .65s .29s cubic-bezier(.2,.8,.2,1) both}
html body .dev-hero .hero-prompts button:nth-child(3){animation:foxie-dev-prompt .65s .36s cubic-bezier(.2,.8,.2,1) both}

/* No saturated slab inside the portal: feature cards use the dashboard language. */
html body .dev-portal .direction-card.primary{
  color:var(--foxie-ink)!important;
  border:1px solid var(--foxie-feature-border)!important;
  background:var(--foxie-feature-bg)!important;
  box-shadow:var(--foxie-feature-shadow)!important;
}
html body .dev-portal .direction-card.primary .direction-icon{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised))!important}
html body .dev-portal .direction-card.primary p{color:var(--foxie-muted)!important}
html body .dev-portal .direction-card,.dev-portal .resource-grid article{transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease!important}
html body .dev-portal .direction-card:hover,.dev-portal .resource-grid article:hover{transform:translateY(-5px)!important;border-color:color-mix(in srgb,var(--foxie-accent) 30%,var(--foxie-border))!important;box-shadow:0 20px 48px color-mix(in srgb,var(--foxie-accent) 8%,transparent)!important}
html body .dev-portal :where(.code-card pre,.code-tabs button.active,.endpoint-toolbar label,.docs-header button,.tools-links button,.section-head-row>button){background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important}

/* --------------------------------------------------------------------------
 * Dashboard-style large feature cards across account surfaces
 * -------------------------------------------------------------------------- */
html body .finance-hero,
html body .billing-hero,
html body .subscription-summary,
html body .superbot-guide__chat-context{
  border:1px solid var(--foxie-feature-border)!important;
  color:var(--foxie-ink)!important;
  background:var(--foxie-feature-bg)!important;
  box-shadow:var(--foxie-feature-shadow)!important;
}

/* Finance hero */
html body .finance-hero .hero-icon{color:var(--foxie-accent)!important;border-color:color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;box-shadow:none!important}
html body .finance-hero .hero-copy small{color:var(--foxie-accent)!important}
html body .finance-hero .hero-copy h2{color:var(--foxie-ink)!important}
html body .finance-hero .hero-copy p{color:var(--foxie-muted)!important}
html body .finance-hero .hero-finance-glass{color:var(--foxie-ink)!important;border-color:color-mix(in srgb,var(--foxie-accent) 17%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-surface-raised) 76%,transparent)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent)!important}
html body .finance-hero .hero-finance-glass>span,html body .finance-hero .hero-finance-glass small{color:var(--foxie-muted)!important}
html body .finance-hero .hero-finance-glass>span i{background:var(--foxie-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important}
html body .finance-hero .hero-art{opacity:.55!important;filter:saturate(.7)}
html body .finance-hero .hero-art:before,html body .finance-hero .hero-art:after,html body .finance-hero .hero-art i{background:color-mix(in srgb,var(--foxie-accent) 8%,transparent)!important}
html body .finance-hero .hero-art b{background:color-mix(in srgb,var(--foxie-accent-strong) 7%,transparent)!important}

/* Finance plan summary loses plan-specific slabs and follows selected theme. */
html body .subscription-summary.plan-trial,
html body .subscription-summary.plan-starter,
html body .subscription-summary.plan-growth,
html body .subscription-summary.plan-scale{background:var(--foxie-feature-bg)!important}
html body .subscription-summary:after{border-color:color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important;box-shadow:0 0 0 28px color-mix(in srgb,var(--foxie-accent) 2.8%,transparent),0 0 0 56px color-mix(in srgb,var(--foxie-accent) 1.6%,transparent)!important}
html body .subscription-summary>header span{color:var(--foxie-accent)!important}
html body .subscription-summary>header strong,html body .subscription-summary .plan-title strong,html body .subscription-summary dd{color:var(--foxie-ink)!important}
html body .subscription-summary dt{color:var(--foxie-muted)!important}
html body .subscription-summary .plan-title{border-color:color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-surface-raised) 78%,transparent)!important}
html body .subscription-summary .plan-title>span{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))!important}
html body .subscription-summary dl div{border-color:var(--foxie-border)!important}
html body .subscription-summary>a{color:var(--foxie-ink)!important;border-color:var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 82%,transparent)!important}
html body .subscription-summary>a:hover{border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))!important}

/* Billing hero and wallet use the same atmospheric surface. */
html body .billing-hero .hero-kicker{color:var(--foxie-accent)!important}
html body .billing-hero .hero-kicker i{background:var(--foxie-accent)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important}
html body .billing-hero .hero-copy h2{color:var(--foxie-ink)!important}
html body .billing-hero .hero-copy p{color:var(--foxie-muted)!important}
html body .billing-hero .hero-provider{border-color:color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-surface-raised) 74%,transparent)!important}
html body .billing-hero .hero-provider>span{color:var(--foxie-muted)!important}
html body .billing-hero .hero-provider-brand strong{color:var(--foxie-ink)!important}
html body .billing-hero .hero-art-one{border-color:color-mix(in srgb,var(--foxie-accent) 15%,transparent)!important;box-shadow:0 0 0 42px color-mix(in srgb,var(--foxie-accent) 3%,transparent),0 0 0 84px color-mix(in srgb,var(--foxie-accent) 1.8%,transparent)!important}
html body .billing-hero .hero-art-two{background:radial-gradient(circle,color-mix(in srgb,var(--foxie-accent) 12%,transparent),transparent 70%)!important}
html body .account-billing-page .eyebrow{color:var(--foxie-accent)!important}
html body .account-billing-page .wallet-surface{border-color:color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border))!important;background:var(--foxie-feature-bg)!important;box-shadow:var(--foxie-feature-shadow)!important}
html body .account-billing-page .wallet-surface:after{background:radial-gradient(circle,color-mix(in srgb,var(--foxie-accent) 11%,transparent),transparent 68%)!important}
html body .account-billing-page .wallet-add-button{background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--foxie-accent) 19%,transparent)!important}

/* Finance panels that used --foxie-green now inherit the chosen accent. */
html body .enterprise-finance-page :where(.panel-eyebrow,.results-chip strong,.entry-category,.method-summary>header span,.method-summary>header em,.preferred-icon){color:var(--foxie-accent)!important}
html body .enterprise-finance-page :where(.transactions-panel,.method-summary,.transaction-entry){background:linear-gradient(145deg,var(--foxie-surface-raised),color-mix(in srgb,var(--foxie-accent) 2.2%,var(--foxie-surface-raised)))!important}

/* --------------------------------------------------------------------------
 * Conversational SuperBot — theme variables, no fixed green slab
 * -------------------------------------------------------------------------- */
html body .superbot-guide{
  --guide-accent:var(--foxie-accent)!important;
  --guide-accent-strong:var(--foxie-accent-strong)!important;
  --guide-accent-soft:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))!important;
  --guide-border:var(--foxie-border)!important;
  --guide-card:var(--foxie-surface-raised)!important;
  --guide-soft:var(--foxie-surface-soft)!important;
  --guide-ink:var(--foxie-ink)!important;
  --guide-muted:var(--foxie-muted)!important;
}
html body .superbot-guide__chat-context{position:relative!important}
html body .superbot-guide__chat-context>span,html body .superbot-guide__chat-context>footer{color:var(--foxie-accent)!important}
html body .superbot-guide__chat-context h2{color:var(--foxie-ink)!important}
html body .superbot-guide__chat-context>p,html body .superbot-guide__chat-context>footer small{color:var(--foxie-muted)!important}
html body .superbot-guide__chat-context-mark{border-color:color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;box-shadow:0 18px 46px color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important}
html body .superbot-guide__chat-context-data{border-color:color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-surface-raised) 72%,transparent)!important}
html body .superbot-guide__chat-context-data small{color:var(--foxie-muted)!important}
html body .superbot-guide__chat-context-data span{color:var(--foxie-ink)!important}
html body .superbot-guide__chat-context>footer{border-color:var(--foxie-border)!important}
html body .superbot-guide__chat-avatar,html body .superbot-guide__chat-message-avatar{color:#fff!important;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong))!important}
html body .superbot-guide__chat-avatar i{background:var(--foxie-accent)!important}
html body .superbot-guide__chat-thread{background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--foxie-accent) 7%,transparent),transparent 31%),linear-gradient(180deg,var(--foxie-surface-raised),color-mix(in srgb,var(--foxie-surface-soft) 54%,var(--foxie-surface-raised)))!important}
html body .superbot-guide__chat-message.user .superbot-guide__chat-bubble{color:#fff!important;background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;box-shadow:0 10px 28px color-mix(in srgb,var(--foxie-accent) 16%,transparent)!important}
html body .superbot-guide__chat-message.user .superbot-guide__chat-bubble>small{color:color-mix(in srgb,#fff 78%,var(--foxie-accent))!important}
html body .superbot-guide__chat-message.typing .superbot-guide__chat-bubble i{background:var(--foxie-accent)!important}
html body .superbot-guide__chat-composer>button,
html body .superbot-guide__chat-composer .send,
html body .superbot-guide__chat-capabilities .confirm,
html body .superbot-guide__chat-guardrails form>button,
html body .superbot-guide__chat-generate,
html body .superbot-guide__simplified-build{border-color:color-mix(in srgb,var(--foxie-accent) 36%,var(--foxie-border))!important;background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong))!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--foxie-accent) 16%,transparent)!important}
html body .superbot-guide__generation-main{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--foxie-accent) 9%,transparent),transparent 35%),var(--foxie-surface-raised)!important;box-shadow:0 24px 64px color-mix(in srgb,var(--foxie-accent) 9%,transparent)!important}
html body .superbot-guide__generation-magicbot{background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;box-shadow:0 22px 55px color-mix(in srgb,var(--foxie-accent) 12%,transparent)!important}

/* Gentle content entrance for the large dashboard-language surfaces. */
html body .finance-hero,html body .billing-hero,html body .subscription-summary,html body .superbot-guide__chat-context{animation:foxie-feature-enter .52s cubic-bezier(.2,.8,.2,1) both}
@keyframes foxie-dev-cloud-field{
0%{transform:translate3d(-3%,-2%,0) scale(.97) rotate(-1deg);background-position:0% 0%,100% 0%,50% 100%}
50%{transform:translate3d(4%,3%,0) scale(1.05) rotate(1.5deg);background-position:10% 12%,84% 8%,58% 88%}
100%{transform:translate3d(-1%,7%,0) scale(1.01) rotate(-1deg);background-position:4% 18%,92% 16%,43% 80%}
}
@keyframes foxie-dev-blob-a{0%{transform:translate3d(-8%,0,0) scale(.86) rotate(0);border-radius:46% 54% 58% 42%/42% 45% 55% 58%}50%{transform:translate3d(-18%,18%,0) scale(1.08) rotate(22deg);border-radius:58% 42% 46% 54%/52% 62% 38% 48%}100%{transform:translate3d(-4%,31%,0) scale(.96) rotate(42deg);border-radius:41% 59% 53% 47%/62% 40% 60% 38%}}
@keyframes foxie-dev-blob-b{0%{transform:translate3d(0,-5%,0) scale(.9) rotate(0);border-radius:51% 49% 43% 57%/45% 58% 42% 55%}50%{transform:translate3d(24%,-19%,0) scale(1.13) rotate(-26deg);border-radius:38% 62% 56% 44%/57% 41% 59% 43%}100%{transform:translate3d(42%,-8%,0) scale(.98) rotate(-48deg);border-radius:57% 43% 39% 61%/41% 61% 39% 59%}}
@keyframes foxie-dev-rise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes foxie-dev-prompt{from{opacity:0;transform:translate3d(0,13px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes foxie-dev-spark{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(6deg)}}
@keyframes foxie-feature-enter{from{opacity:.55;transform:translate3d(0,10px,0) scale(.994)}to{opacity:1;transform:none}}
@media(max-width:760px){
html body .dev-hero{min-height:calc(100dvh - 110px)!important}
html body .dev-hero .hero-inner{min-height:calc(100dvh - 110px)!important;padding:54px 0 108px!important}
html body .dev-hero::after{height:125px}
html body .dev-hero .hero-orb{width:68vmax!important;height:68vmax!important;opacity:.2!important}
}
@media(prefers-reduced-motion:reduce){
html body .dev-hero::before,html body .dev-hero .hero-orb,html body .dev-hero .spark,html body .dev-hero h1,html body .dev-hero .hero-inner>p,html body .dev-hero .hero-prompts,html body .dev-hero .hero-prompts button,html body .finance-hero,html body .billing-hero,html body .subscription-summary,html body .superbot-guide__chat-context{animation:none!important;transition-duration:.01ms!important}
}
.v-btn {
  align-items: center;
  border-radius: 4px;
  display: inline-grid;
  grid-template-areas: "prepend content append";
  grid-template-columns: max-content auto max-content;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.0892857143em;
  line-height: normal;
  max-width: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-property: box-shadow, transform, opacity, background;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  vertical-align: middle;
  flex-shrink: 0;
}
.v-locale--is-rtl .v-btn {
  text-indent: -0.0892857143em;
}
.v-btn--size-x-small {
  --v-btn-size: 0.625rem;
  --v-btn-height: 20px;
  font-size: var(--v-btn-size);
  min-width: 36px;
  padding: 0 8px;
}

.v-btn--size-small {
  --v-btn-size: 0.75rem;
  --v-btn-height: 28px;
  font-size: var(--v-btn-size);
  min-width: 50px;
  padding: 0 12px;
}

.v-btn--size-default {
  --v-btn-size: 0.875rem;
  --v-btn-height: 36px;
  font-size: var(--v-btn-size);
  min-width: 64px;
  padding: 0 16px;
}

.v-btn--size-large {
  --v-btn-size: 1rem;
  --v-btn-height: 44px;
  font-size: var(--v-btn-size);
  min-width: 78px;
  padding: 0 20px;
}

.v-btn--size-x-large {
  --v-btn-size: 1.125rem;
  --v-btn-height: 52px;
  font-size: var(--v-btn-size);
  min-width: 92px;
  padding: 0 24px;
}

.v-btn.v-btn--density-default {
  height: calc(var(--v-btn-height) + 0px);
}

.v-btn.v-btn--density-comfortable {
  height: calc(var(--v-btn-height) + -8px);
}

.v-btn.v-btn--density-compact {
  height: calc(var(--v-btn-height) + -12px);
}

.v-btn {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-btn--border {
  border-width: thin;
  box-shadow: none;
}
.v-btn--absolute {
  position: absolute;
}
.v-btn--fixed {
  position: fixed;
}
.v-btn:hover > .v-btn__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn:focus-visible > .v-btn__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn:focus > .v-btn__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-btn--variant-plain {
  opacity: 0.62;
}
.v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
  opacity: 1;
}
.v-btn--variant-plain .v-btn__overlay {
  display: none;
}
.v-btn--variant-elevated, .v-btn--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn--variant-elevated {
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--variant-flat {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--variant-outlined {
  border: thin solid currentColor;
}
.v-btn--variant-text .v-btn__overlay {
  background: currentColor;
}
.v-btn--variant-tonal .v-btn__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-btn .v-btn__underlay {
  position: absolute;
}
@supports selector(:focus-visible) {
  .v-btn::after {
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .v-btn:focus-visible::after {
    opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
  }
}
.v-btn--icon {
  border-radius: 50%;
  min-width: 0;
  padding: 0;
}
.v-btn--icon.v-btn--size-default {
  --v-btn-size: 1rem;
}
.v-btn--icon.v-btn--density-default {
  width: calc(var(--v-btn-height) + 12px);
  height: calc(var(--v-btn-height) + 12px);
}
.v-btn--icon.v-btn--density-comfortable {
  width: calc(var(--v-btn-height) + 0px);
  height: calc(var(--v-btn-height) + 0px);
}
.v-btn--icon.v-btn--density-compact {
  width: calc(var(--v-btn-height) + -8px);
  height: calc(var(--v-btn-height) + -8px);
}

.v-btn--elevated:hover, .v-btn--elevated:focus {
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--elevated:active {
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn--flat {
  box-shadow: none;
}
.v-btn--block {
  display: flex;
  flex: 1 0 auto;
  min-width: 100%;
}
.v-btn--spaced {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
}
.v-btn--spaced.v-btn--spaced-start > .v-btn__content {
  justify-content: end;
}
.v-btn--spaced.v-btn--spaced-end > .v-btn__content {
  justify-content: start;
}
.v-btn--disabled {
  pointer-events: none;
  opacity: 0.26;
}
.v-btn--disabled:hover {
  opacity: 0.26;
}
.v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
  box-shadow: none;
  opacity: 1;
  color: rgba(var(--v-theme-on-surface), 0.26);
  background: rgb(var(--v-theme-surface));
}
.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
  opacity: 0.4615384615;
}
.v-btn--loading {
  pointer-events: none;
}
.v-btn--loading .v-btn__content,
.v-btn--loading .v-btn__prepend,
.v-btn--loading .v-btn__append {
  opacity: 0;
}
.v-btn--stacked {
  grid-template-areas: "prepend" "content" "append";
  grid-template-columns: auto;
  grid-template-rows: max-content max-content max-content;
  justify-items: center;
  align-content: center;
}
.v-btn--stacked .v-btn__content {
  flex-direction: column;
  line-height: 1.25;
}
.v-btn--stacked .v-btn__prepend,
.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content > .v-icon--start,
.v-btn--stacked .v-btn__content > .v-icon--end {
  margin-inline: 0;
}
.v-btn--stacked .v-btn__prepend,
.v-btn--stacked .v-btn__content > .v-icon--start {
  margin-bottom: 4px;
}
.v-btn--stacked .v-btn__append,
.v-btn--stacked .v-btn__content > .v-icon--end {
  margin-top: 4px;
}
.v-btn--stacked.v-btn--size-x-small {
  --v-btn-size: 0.625rem;
  --v-btn-height: 56px;
  font-size: var(--v-btn-size);
  min-width: 56px;
  padding: 0 12px;
}

.v-btn--stacked.v-btn--size-small {
  --v-btn-size: 0.75rem;
  --v-btn-height: 64px;
  font-size: var(--v-btn-size);
  min-width: 64px;
  padding: 0 14px;
}

.v-btn--stacked.v-btn--size-default {
  --v-btn-size: 0.875rem;
  --v-btn-height: 72px;
  font-size: var(--v-btn-size);
  min-width: 72px;
  padding: 0 16px;
}

.v-btn--stacked.v-btn--size-large {
  --v-btn-size: 1rem;
  --v-btn-height: 80px;
  font-size: var(--v-btn-size);
  min-width: 80px;
  padding: 0 18px;
}

.v-btn--stacked.v-btn--size-x-large {
  --v-btn-size: 1.125rem;
  --v-btn-height: 88px;
  font-size: var(--v-btn-size);
  min-width: 88px;
  padding: 0 20px;
}

.v-btn--stacked.v-btn--density-default {
  height: calc(var(--v-btn-height) + 0px);
}

.v-btn--stacked.v-btn--density-comfortable {
  height: calc(var(--v-btn-height) + -16px);
}

.v-btn--stacked.v-btn--density-compact {
  height: calc(var(--v-btn-height) + -24px);
}

.v-btn--slim {
  padding: 0 8px;
}
.v-btn--readonly {
  pointer-events: none;
}
.v-btn--rounded {
  border-radius: 24px;
}
.v-btn--rounded.v-btn--icon {
  border-radius: 4px;
}
.v-btn .v-icon {
  --v-icon-size-multiplier: 0.8571428571;
}
.v-btn--icon .v-icon {
  --v-icon-size-multiplier: 1;
}
.v-btn--stacked .v-icon {
  --v-icon-size-multiplier: 1.1428571429;
}
.v-btn--stacked.v-btn--block {
  min-width: 100%;
}

.v-btn__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v-btn__loader > .v-progress-circular {
  width: 1.5em;
  height: 1.5em;
}

.v-btn__content,
.v-btn__prepend,
.v-btn__append {
  align-items: center;
  display: flex;
  transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.v-btn__prepend {
  grid-area: prepend;
  margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
}
.v-btn--slim .v-btn__prepend {
  margin-inline-start: 0;
}

.v-btn__append {
  grid-area: append;
  margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
}
.v-btn--slim .v-btn__append {
  margin-inline-end: 0;
}

.v-btn__content {
  grid-area: content;
  justify-content: center;
  white-space: nowrap;
}
.v-btn__content > .v-icon--start {
  margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
}
.v-btn__content > .v-icon--end {
  margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
}
.v-btn--stacked .v-btn__content {
  white-space: normal;
}

.v-btn__overlay {
  background-color: currentColor;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
  pointer-events: none;
}
.v-btn__overlay,
.v-btn__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-pagination .v-btn {
  width: auto;
  padding-inline: 5px;
}
.v-pagination .v-btn.v-btn--density-default {
  min-width: calc(var(--v-btn-height) + 12px);
}
.v-pagination .v-btn.v-btn--density-comfortable {
  min-width: calc(var(--v-btn-height) + 0px);
}
.v-pagination .v-btn.v-btn--density-compact {
  min-width: calc(var(--v-btn-height) + -8px);
}
.v-pagination .v-btn {
  border-radius: 4px;
}
.v-pagination .v-btn--rounded {
  border-radius: 50%;
}
.v-pagination .v-btn__overlay {
  transition: none;
}
.v-pagination__prev .v-btn, .v-pagination__next .v-btn {
  padding-inline: 0;
}
.v-pagination__prev .v-btn.v-btn--density-default, .v-pagination__next .v-btn.v-btn--density-default {
  width: calc(var(--v-btn-height) + 12px);
}
.v-pagination__prev .v-btn.v-btn--density-comfortable, .v-pagination__next .v-btn.v-btn--density-comfortable {
  width: calc(var(--v-btn-height) + 0px);
}
.v-pagination__prev .v-btn.v-btn--density-compact, .v-pagination__next .v-btn.v-btn--density-compact {
  width: calc(var(--v-btn-height) + -8px);
}
.v-pagination .v-pagination__item--is-active .v-btn__overlay {
  opacity: var(--v-border-opacity);
}

@media (forced-colors: active) {
  .v-btn:not(.v-btn--variant-text, .v-btn--variant-plain) {
    border: thin solid;
  }
  .v-btn:focus-visible {
    outline: 2px solid;
    outline-offset: 2px;
  }
}.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
  opacity: 1;
}
@media (forced-colors: active) {
  .v-btn-toggle > .v-btn:not(.v-btn--disabled) {
    border-color: buttontext !important;
  }
  .v-btn-toggle > .v-btn:not(.v-btn--disabled):focus-visible {
    outline: 0;
  }
  .v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):hover, .v-btn-toggle > .v-btn:not(.v-btn--disabled):not(.v-btn--active):focus-visible {
    color: highlight;
    border-color: currentColor !important;
  }
  .v-btn-toggle > .v-btn--active {
    color: highlight !important;
    forced-color-adjust: preserve-parent-color;
  }
  .v-btn-toggle > .v-btn--active:not(.v-btn--variant-text, .v-btn--variant-plain) {
    background-color: highlight !important;
    color: highlighttext !important;
    border-color: highlight !important;
  }
}.v-btn-group {
  display: inline-flex;
  flex-wrap: nowrap;
  max-width: 100%;
  min-width: 0;
  overflow-y: hidden;
  overflow-x: auto;
  vertical-align: middle;
}
.v-btn-group {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-btn-group--border {
  border-width: thin;
  box-shadow: none;
}
.v-btn-group {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-btn-group {
  border-radius: 4px;
}
.v-btn-group {
  background: transparent;
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn-group--density-default.v-btn-group {
  height: 48px;
}

.v-btn-group--density-comfortable.v-btn-group {
  height: 40px;
}

.v-btn-group--density-compact.v-btn-group {
  height: 36px;
}

.v-btn-group .v-btn {
  border-radius: 0;
  border-color: inherit;
}
.v-btn-group--tile {
  border-radius: 0;
}
.v-btn-group--has-size {
  height: auto !important;
}
.v-btn-group--has-size .v-btn--icon.v-btn--density-default {
  width: calc(var(--v-btn-height) + 0px);
  height: calc(var(--v-btn-height) + 0px);
}
.v-btn-group--has-size .v-btn--icon.v-btn--density-comfortable {
  width: calc(var(--v-btn-height) + -8px);
  height: calc(var(--v-btn-height) + -8px);
}
.v-btn-group--has-size .v-btn--icon.v-btn--density-compact {
  width: calc(var(--v-btn-height) + -12px);
  height: calc(var(--v-btn-height) + -12px);
}
.v-btn-group--horizontal .v-btn:not(:last-child) {
  border-inline-end: none;
}
.v-btn-group--horizontal .v-btn:not(:first-child) {
  border-inline-start: none;
}
.v-btn-group--horizontal .v-btn:first-child {
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
}
.v-btn-group--horizontal .v-btn:last-child {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.v-btn-group--horizontal.v-btn-group--divided .v-btn:not(:last-child) {
  border-inline-end-width: thin;
  border-inline-end-style: solid;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.v-btn-group--vertical {
  flex-direction: column;
  height: auto !important;
}
.v-btn-group--vertical .v-btn:not(:last-child) {
  border-block-end: none;
}
.v-btn-group--vertical .v-btn:not(:first-child) {
  border-block-start: none;
}
.v-btn-group--vertical .v-btn:first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.v-btn-group--vertical .v-btn:last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.v-btn-group--vertical.v-btn-group--divided .v-btn:not(:last-child) {
  border-block-end-width: thin;
  border-block-end-style: solid;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
}
.theme-personalization[data-v-42e74a56]{grid-column:1/-1;margin-top:8px;border:1px solid var(--foxie-accent-border);border-radius:19px;overflow:hidden;background:radial-gradient(circle at 95% 0%,var(--foxie-accent-soft),transparent 28rem),var(--foxie-surface-raised);box-shadow:0 16px 42px var(--foxie-accent-faint)}
.theme-personalization__head[data-v-42e74a56]{padding:18px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.theme-head-icon[data-v-42e74a56]{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-accent-soft)}.theme-personalization__head>div[data-v-42e74a56]:nth-child(2){display:grid}.theme-personalization__head span[data-v-42e74a56]{color:var(--foxie-accent);font-size:12px;font-weight:900;letter-spacing:.08em}.theme-personalization__head h4[data-v-42e74a56]{margin:4px 0 2px;font-size:.9rem;letter-spacing:-.02em}.theme-personalization__head p[data-v-42e74a56]{max-width:720px;margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.45}.theme-sync[data-v-42e74a56]{min-height:29px;padding:0 9px;border:1px solid var(--foxie-accent-border);border-radius:999px;display:flex;align-items:center;gap:5px;background:var(--foxie-accent-faint);white-space:nowrap}
.theme-section[data-v-42e74a56]{padding:17px 18px;border-bottom:1px solid var(--foxie-border)}.theme-section__title[data-v-42e74a56]{margin-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.theme-section__title>div[data-v-42e74a56]{display:grid}.theme-section__title strong[data-v-42e74a56]{font-size:12px}.theme-section__title small[data-v-42e74a56]{margin-top:3px;color:var(--foxie-muted);font-size:12px;line-height:1.45}.theme-section__title>span[data-v-42e74a56]{padding:4px 8px;border-radius:999px;color:var(--foxie-accent);background:var(--foxie-accent-soft);font-size:12px;font-weight:850}
.preset-grid[data-v-42e74a56]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset-card[data-v-42e74a56]{min-height:103px;padding:9px;border:1px solid var(--foxie-border);border-radius:14px;display:grid;grid-template-columns:76px 1fr auto;gap:9px;align-items:center;text-align:left;color:var(--foxie-ink);background:var(--foxie-surface);cursor:pointer;transition:.18s}.preset-card[data-v-42e74a56]:hover,.preset-card.active[data-v-42e74a56]{border-color:var(--foxie-accent-border);box-shadow:0 8px 24px var(--foxie-accent-faint);transform:translateY(-1px)}.preset-card.active[data-v-42e74a56]{background:color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface))}.preset-preview[data-v-42e74a56]{width:76px;height:62px;position:relative;border:1px solid var(--preview-line);border-radius:10px;overflow:hidden;background:var(--preview-bg)}.preview-sidebar[data-v-42e74a56]{width:18px;position:absolute;left:0;top:0;bottom:0;background:var(--preview-panel);border-right:1px solid var(--preview-line)}.preview-top[data-v-42e74a56]{height:12px;position:absolute;left:18px;right:0;top:0;background:var(--preview-panel);border-bottom:1px solid var(--preview-line)}.preview-card[data-v-42e74a56]{position:absolute;left:27px;right:7px;top:21px;bottom:9px;border:1px solid var(--preview-line);border-radius:5px;background:var(--preview-panel)}.preview-action[data-v-42e74a56]{width:19px;height:5px;position:absolute;right:11px;bottom:14px;border-radius:5px;background:var(--preview-accent)}.preset-copy[data-v-42e74a56]{min-width:0;display:grid}.preset-copy strong[data-v-42e74a56]{display:flex;align-items:center;gap:5px;font-size:12px}.preset-copy small[data-v-42e74a56]{margin-top:4px;color:var(--foxie-muted);font-size:12px;line-height:1.35}.preset-check[data-v-42e74a56]{color:var(--foxie-accent)}
.theme-section--split[data-v-42e74a56]{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.theme-subsection+.theme-subsection[data-v-42e74a56]{padding-left:20px;border-left:1px solid var(--foxie-border)}.accent-grid[data-v-42e74a56]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.accent-dot[data-v-42e74a56]{min-height:61px;padding:6px 3px;position:relative;border:1px solid transparent;border-radius:11px;display:grid;place-items:center;gap:3px;color:var(--foxie-muted);background:transparent;cursor:pointer}.accent-dot[data-v-42e74a56]:hover,.accent-dot.active[data-v-42e74a56]{border-color:var(--foxie-accent-border);background:var(--foxie-accent-faint);color:var(--foxie-ink)}.accent-dot>span[data-v-42e74a56]{width:25px;height:25px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 3px 10px rgba(0,0,0,.1)}.accent-dot small[data-v-42e74a56]{font-size:12px;font-weight:750}.accent-dot .v-icon[data-v-42e74a56]{position:absolute;right:4px;top:4px;color:var(--foxie-accent)}
.mode-grid[data-v-42e74a56]{display:grid;gap:6px}.mode-grid button[data-v-42e74a56]{min-height:48px;padding:7px 9px;border:1px solid var(--foxie-border);border-radius:11px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:left;color:var(--foxie-ink);background:var(--foxie-surface);cursor:pointer}.mode-grid button.active[data-v-42e74a56],.mode-grid button[data-v-42e74a56]:hover{border-color:var(--foxie-accent-border);background:var(--foxie-accent-faint)}.mode-grid button>.v-icon[data-v-42e74a56]{color:var(--foxie-accent)}.mode-grid button>span[data-v-42e74a56]{display:grid}.mode-grid strong[data-v-42e74a56]{font-size:12px}.mode-grid small[data-v-42e74a56]{color:var(--foxie-muted);font-size:12px}
.theme-language-note[data-v-42e74a56]{padding:13px 18px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;color:var(--foxie-accent);background:var(--foxie-accent-faint)}.theme-language-note>div[data-v-42e74a56]{display:grid}.theme-language-note strong[data-v-42e74a56]{font-size:12px}.theme-language-note small[data-v-42e74a56]{margin-top:2px;color:var(--foxie-muted);font-size:12px;line-height:1.45}
.theme-personalization__footer[data-v-42e74a56]{min-height:71px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--foxie-surface-soft) 68%,transparent)}.theme-personalization__footer>div[data-v-42e74a56]:first-child{max-width:650px;display:flex;align-items:center;gap:7px;color:var(--foxie-muted);font-size:12px;line-height:1.45}.theme-personalization__footer>div:first-child .v-icon[data-v-42e74a56]{color:var(--foxie-accent);flex:none}.theme-footer-actions[data-v-42e74a56]{display:flex;gap:7px}.theme-reset[data-v-42e74a56]{min-height:36px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);background:transparent;cursor:pointer}.theme-reset[data-v-42e74a56]:hover{color:var(--foxie-accent);border-color:var(--foxie-accent-border)}
@media(max-width:1050px){.preset-grid[data-v-42e74a56]{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-section--split[data-v-42e74a56]{grid-template-columns:1fr}.theme-subsection+.theme-subsection[data-v-42e74a56]{padding-left:0;padding-top:17px;border-left:0;border-top:1px solid var(--foxie-border)}}
@media(max-width:700px){.theme-personalization__head[data-v-42e74a56]{grid-template-columns:auto 1fr}.theme-sync[data-v-42e74a56]{grid-column:1/-1;width:max-content}.preset-grid[data-v-42e74a56]{grid-template-columns:1fr}.accent-grid[data-v-42e74a56]{grid-template-columns:repeat(4,1fr)}.theme-personalization__footer[data-v-42e74a56]{align-items:stretch;flex-direction:column}.theme-footer-actions[data-v-42e74a56]{display:grid;grid-template-columns:1fr 1fr}.theme-reset[data-v-42e74a56]{justify-content:center}}

.credit-exhausted-panel[data-v-1358cfba]{position:relative;width:min(920px,calc(100vw - 28px));min-height:470px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);overflow:hidden;border:1px solid color-mix(in srgb,#f59e0b 20%,var(--foxie-border));border-radius:28px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 34px 100px rgba(13,20,17,.28)}
.credit-modal-close[data-v-1358cfba]{position:absolute;z-index:7;right:14px;top:14px;width:34px;height:34px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-surface-raised) 92%,transparent);cursor:pointer}.credit-modal-close[data-v-1358cfba]:hover{color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.credit-exhausted-copy[data-v-1358cfba]{padding:38px 18px 32px 38px;display:flex;flex-direction:column;justify-content:center}
.credit-eyebrow[data-v-1358cfba]{display:flex;align-items:center;gap:8px;color:#e77b19;font-size:12px;font-weight:950;letter-spacing:.12em}.credit-eyebrow span[data-v-1358cfba]{width:7px;height:7px;border-radius:50%;background:#ff8a23;box-shadow:0 0 0 5px rgba(255,138,35,.09)}
.credit-exhausted-copy h2[data-v-1358cfba]{max-width:520px;margin:12px 0 0;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.03;letter-spacing:-.055em}.credit-exhausted-copy>p[data-v-1358cfba]{max-width:560px;margin:13px 0 0;color:var(--foxie-muted);font-size:.8rem;line-height:1.62}
.credit-modal-loading[data-v-1358cfba]{height:112px;display:grid;place-items:center;color:#e77b19}.credit-modal-packs[data-v-1358cfba]{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;perspective:900px}.credit-modal-pack[data-v-1358cfba]{min-height:116px;padding:14px;position:relative;border:1px solid var(--foxie-border);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;color:var(--foxie-ink);background:var(--foxie-surface-soft);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.credit-modal-pack[data-v-1358cfba]:hover,.credit-modal-pack.selected[data-v-1358cfba]{transform:translateY(-4px) rotateX(2deg);border-color:rgba(239,126,29,.52);box-shadow:0 18px 30px rgba(210,103,14,.12)}.credit-modal-pack[data-v-1358cfba]:disabled{cursor:default}.credit-modal-pack__discount[data-v-1358cfba]{position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:999px;color:#a74d08;background:#fff0df;font-size:12px;font-weight:950}.credit-modal-pack>strong[data-v-1358cfba]{margin-top:12px;font-size:1.05rem}.credit-modal-pack>small[data-v-1358cfba]{color:var(--foxie-muted);font-size:12px}.credit-modal-pack>div[data-v-1358cfba]{margin-top:auto;display:grid}.credit-modal-pack s[data-v-1358cfba]{color:var(--foxie-muted);font-size:12px}.credit-modal-pack b[data-v-1358cfba]{font-size:12px}
.credit-modal-error[data-v-1358cfba]{margin-top:14px;color:#bd4b56;font-size:12px}.credit-modal-actions[data-v-1358cfba]{margin-top:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.credit-modal-primary[data-v-1358cfba],.credit-modal-secondary[data-v-1358cfba]{height:44px;padding:0 16px;border-radius:12px;font-size:12px;font-weight:900}.credit-modal-primary[data-v-1358cfba]{border:0;display:flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg,#ff8a26,#ed6d16);box-shadow:0 14px 28px rgba(224,102,17,.2)}.credit-modal-primary[data-v-1358cfba]:disabled{opacity:.45}.credit-modal-secondary[data-v-1358cfba]{border:1px solid var(--foxie-border);color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.credit-exhausted-art[data-v-1358cfba]{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 52% 50%,rgba(255,157,70,.12),transparent 56%)}.credit-exhausted-art img[data-v-1358cfba]{z-index:2;width:min(100%,430px);max-height:400px;object-fit:contain;filter:drop-shadow(0 32px 34px rgba(201,98,15,.18));transform:perspective(800px) rotateY(-5deg) translateZ(15px)}.credit-exhausted-art span[data-v-1358cfba]{position:absolute;border-radius:50%;border:1px solid rgba(237,127,33,.12)}.credit-exhausted-art span[data-v-1358cfba]:nth-of-type(1){width:340px;height:340px}.credit-exhausted-art span[data-v-1358cfba]:nth-of-type(2){width:430px;height:430px}
@media(max-width:760px){.credit-exhausted-panel[data-v-1358cfba]{grid-template-columns:1fr}.credit-exhausted-copy[data-v-1358cfba]{padding:30px 24px}.credit-exhausted-art[data-v-1358cfba]{min-height:230px;order:-1}.credit-exhausted-art img[data-v-1358cfba]{max-height:240px}.credit-modal-packs[data-v-1358cfba]{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.credit-modal-packs[data-v-1358cfba]{grid-template-columns:1fr}.credit-exhausted-art[data-v-1358cfba]{display:none}.credit-modal-actions[data-v-1358cfba]{align-items:stretch;flex-direction:column}.credit-modal-primary[data-v-1358cfba],.credit-modal-secondary[data-v-1358cfba]{width:100%}}
@media(prefers-reduced-motion:reduce){.credit-modal-pack[data-v-1358cfba]{transition:none}.credit-modal-pack[data-v-1358cfba]:hover,.credit-modal-pack.selected[data-v-1358cfba]{transform:none}}

.plans-page[data-v-791fefff]{width:min(1320px,calc(100% - 40px));margin:22px auto 64px;color:var(--foxie-ink);display:grid;gap:12px}.plans-topbar[data-v-791fefff]{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:6px 2px 0}.eyebrow[data-v-791fefff],.section-head span[data-v-791fefff],.impact-section>header span[data-v-791fefff],.requirements-section>header span[data-v-791fefff]{font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--foxie-green)}.plans-topbar h1[data-v-791fefff]{margin:5px 0 3px;font-size:1.55rem;letter-spacing:-.035em}.plans-topbar p[data-v-791fefff]{margin:0;color:var(--foxie-muted);font-size:12px}.topbar-tools[data-v-791fefff]{display:flex;align-items:flex-end;gap:9px}.current-plan-pill[data-v-791fefff]{min-width:145px;padding:8px 11px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-raised);display:grid}.current-plan-pill span[data-v-791fefff]{font-size:12px;color:var(--foxie-muted);font-weight:850}.current-plan-pill strong[data-v-791fefff]{font-size:12px;margin-top:2px}.current-plan-pill small[data-v-791fefff]{font-size:12px;color:var(--foxie-green);margin-top:1px}.cycle-toggle[data-v-791fefff]{padding:3px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft);display:flex}.cycle-toggle button[data-v-791fefff]{height:35px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--foxie-muted);font-size:12px;font-weight:850}.cycle-toggle button.active[data-v-791fefff]{background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 3px 10px rgba(10,35,28,.06)}.cycle-toggle em[data-v-791fefff]{margin-left:4px;color:var(--foxie-green);font-size:12px;font-style:normal}.plans-loading[data-v-791fefff]{min-height:220px;border:1px solid var(--foxie-border);border-radius:17px;background:var(--foxie-surface-raised);display:grid;place-items:center;align-content:center;gap:8px;color:var(--foxie-green);font-size:12px}
.plans-showcase[data-v-791fefff]{box-sizing:border-box;position:relative;width:min(1160px,100%);margin:0 auto;padding:4px 74px 0;overflow:hidden}.plans-carousel[data-v-791fefff]{--side-x:330px;--side-x-neg:-330px;position:relative;height:590px;perspective:1700px;perspective-origin:50% 48%;transform-style:preserve-3d}.carousel-nav[data-v-791fefff]{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:46px;height:46px;border-radius:15px;border:1px solid var(--foxie-border);display:grid;place-items:center;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 92%,transparent);box-shadow:0 16px 38px rgba(16,29,25,.12);transition:.2s}.carousel-nav[data-v-791fefff]:hover{transform:translateY(-50%) scale(1.05);border-color:color-mix(in srgb,var(--foxie-green) 38%,var(--foxie-border));box-shadow:0 18px 44px rgba(16,29,25,.16)}.carousel-nav.prev[data-v-791fefff]{left:12px}.carousel-nav.next[data-v-791fefff]{right:12px}.carousel-dots[data-v-791fefff]{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:-4px;padding-bottom:4px}.carousel-dots button[data-v-791fefff]{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:color-mix(in srgb,var(--foxie-muted) 28%,transparent);transition:width .25s,background .25s}.carousel-dots button.active[data-v-791fefff]{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--foxie-green),#75dcb9)}
.plan-card[data-v-791fefff]{--plan-accent:#6e8179;--plan-accent-soft:#a9bbb4;position:absolute;top:50%;left:50%;width:350px;height:550px;margin:0;padding:21px;border-radius:26px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);box-shadow:0 18px 45px rgba(18,45,36,.08);transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity,filter;transition:transform .56s cubic-bezier(.2,.78,.2,1),opacity .4s,filter .4s,box-shadow .4s;cursor:pointer}.plan-card[data-v-791fefff]>*{position:relative;z-index:2}.plan-card.is-center[data-v-791fefff]{z-index:12;opacity:1;filter:none;transform:translate(-50%,-50%) translate3d(0,0,95px) rotateY(0deg) scale(1);cursor:default;box-shadow:0 30px 74px rgba(18,45,36,.17)}.plan-card.is-left[data-v-791fefff]{z-index:8;opacity:.67;filter:saturate(.86) brightness(.94);transform:translate(-50%,-50%) translate3d(var(--side-x-neg),18px,-115px) rotateY(23deg) scale(.82)}.plan-card.is-right[data-v-791fefff]{z-index:8;opacity:.67;filter:saturate(.86) brightness(.94);transform:translate(-50%,-50%) translate3d(var(--side-x),18px,-115px) rotateY(-23deg) scale(.82)}.plan-card.is-hidden-left[data-v-791fefff]{z-index:2;opacity:0;filter:saturate(.7) brightness(.86);pointer-events:none;transform:translate(-50%,-50%) translate3d(-510px,34px,-260px) rotateY(38deg) scale(.68)}.plan-card.is-hidden-right[data-v-791fefff]{z-index:2;opacity:0;filter:saturate(.7) brightness(.86);pointer-events:none;transform:translate(-50%,-50%) translate3d(510px,34px,-260px) rotateY(-38deg) scale(.68)}.plan-visual[data-v-791fefff]{position:absolute;z-index:0;inset:0;pointer-events:none}.plan-visual i[data-v-791fefff]{position:absolute;border-radius:50%;border:1px solid currentColor;opacity:.11}.plan-visual i[data-v-791fefff]:nth-child(1){width:230px;height:230px;right:-110px;top:-100px}.plan-visual i[data-v-791fefff]:nth-child(2){width:150px;height:150px;right:-60px;top:-55px}.plan-visual i[data-v-791fefff]:nth-child(3){width:80px;height:80px;right:-10px;top:-18px}.plan-visual span[data-v-791fefff]{position:absolute;width:170px;height:170px;right:-60px;top:-65px;border-radius:50%;filter:blur(38px);opacity:.24}.plan-card.plan-starter[data-v-791fefff]{--plan-accent:#13a873;--plan-accent-soft:#69ddb4;color:#163e31;background:radial-gradient(circle at 86% 8%,rgba(63,218,160,.24),transparent 28%),linear-gradient(155deg,#fff,#eaf9f3 82%);border-color:rgba(19,160,108,.23)}.plan-card.plan-growth[data-v-791fefff]{--plan-accent:#8068ff;--plan-accent-soft:#48cff5;color:#f2f5ff;background:radial-gradient(circle at 88% 6%,rgba(57,208,255,.22),transparent 28%),radial-gradient(circle at 5% 100%,rgba(125,91,255,.23),transparent 30%),linear-gradient(155deg,#1c203e,#0d1328 82%);border-color:rgba(129,110,255,.35)}.plan-card.plan-scale[data-v-791fefff]{--plan-accent:#d5b454;--plan-accent-soft:#f2d982;color:#fff8e6;background:radial-gradient(circle at 88% 6%,rgba(227,191,93,.24),transparent 28%),radial-gradient(circle at 5% 100%,rgba(120,76,255,.18),transparent 28%),linear-gradient(155deg,#1b1917,#09090b 82%);border-color:rgba(222,187,93,.35)}.plan-card.current[data-v-791fefff]:before{content:'';position:absolute;z-index:4;inset:0;padding:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,var(--plan-accent),transparent 24%,var(--plan-accent-soft) 49%,transparent 72%,var(--plan-accent));background-size:220% 220%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:planOutlineFlow-791fefff 4.6s ease-in-out infinite}.plan-card.current[data-v-791fefff]:after{content:'';position:absolute;z-index:1;inset:8px;border-radius:20px;pointer-events:none;box-shadow:inset 0 0 28px color-mix(in srgb,var(--plan-accent) 10%,transparent),0 0 30px color-mix(in srgb,var(--plan-accent) 12%,transparent);animation:planAuraPulse-791fefff 3.8s ease-in-out infinite}.plan-embers[data-v-791fefff]{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none}.plan-embers span[data-v-791fefff]{position:absolute;bottom:8px;width:4px;height:4px;border-radius:50%;background:var(--plan-accent-soft);box-shadow:0 0 8px color-mix(in srgb,var(--plan-accent-soft) 72%,transparent);opacity:0;animation:emberRise-791fefff 4.8s ease-out infinite}.plan-embers span[data-v-791fefff]:nth-child(1){left:12%;animation-delay:.2s}.plan-embers span[data-v-791fefff]:nth-child(2){left:19%;width:3px;height:3px;animation-delay:1.4s}.plan-embers span[data-v-791fefff]:nth-child(3){left:28%;animation-delay:2.8s}.plan-embers span[data-v-791fefff]:nth-child(4){left:36%;width:3px;height:3px;animation-delay:.9s}.plan-embers span[data-v-791fefff]:nth-child(5){left:44%;animation-delay:3.5s}.plan-embers span[data-v-791fefff]:nth-child(6){left:52%;width:3px;height:3px;animation-delay:1.9s}.plan-embers span[data-v-791fefff]:nth-child(7){left:60%;animation-delay:.5s}.plan-embers span[data-v-791fefff]:nth-child(8){left:68%;width:3px;height:3px;animation-delay:2.3s}.plan-embers span[data-v-791fefff]:nth-child(9){left:76%;animation-delay:3.9s}.plan-embers span[data-v-791fefff]:nth-child(10){left:84%;width:3px;height:3px;animation-delay:1.1s}.plan-embers span[data-v-791fefff]:nth-child(11){left:32%;width:2px;height:2px;animation-delay:4.2s}.plan-embers span[data-v-791fefff]:nth-child(12){left:72%;width:2px;height:2px;animation-delay:3.1s}.plan-card header[data-v-791fefff]{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.plan-identity[data-v-791fefff]{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center}.plan-identity>span[data-v-791fefff]{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.1)}.plan-starter .plan-identity>span[data-v-791fefff]{color:#0b8c61;background:#dff7ed}.plan-growth .plan-identity>span[data-v-791fefff]{color:#c3bdff;background:rgba(143,112,255,.14)}.plan-scale .plan-identity>span[data-v-791fefff]{color:#f1d27c;background:rgba(224,189,94,.13)}.plan-identity small[data-v-791fefff],.plan-identity strong[data-v-791fefff]{display:block}.plan-identity small[data-v-791fefff]{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;opacity:.6}.plan-identity strong[data-v-791fefff]{margin-top:3px;font-size:.96rem}.plan-card header>em[data-v-791fefff]{padding:6px 8px;border-radius:999px;font-size:12px;font-style:normal;font-weight:950;letter-spacing:.05em}.plan-card header>em.current[data-v-791fefff]{color:#087b56;background:#dff7ed}.plan-card header>em.featured[data-v-791fefff]{color:#f0eaff;background:rgba(132,102,255,.22)}.plan-card header>em.downgrade[data-v-791fefff]{color:#a15f2c;background:#fff0e2}.plan-card h2[data-v-791fefff]{margin:20px 0 7px;font-size:1.2rem;line-height:1.08;letter-spacing:-.035em}.plan-description[data-v-791fefff]{min-height:48px;margin:0;font-size:12px;line-height:1.5;opacity:.7}.plan-price[data-v-791fefff]{min-height:68px;margin-top:15px;display:flex;align-items:baseline;flex-wrap:wrap}.plan-price>small[data-v-791fefff]{font-size:12px;font-weight:850}.plan-price>strong[data-v-791fefff]{font-size:2.55rem;line-height:.9;letter-spacing:-.07em}.plan-price>span[data-v-791fefff]{font-size:1rem;font-weight:900}.plan-price>em[data-v-791fefff]{margin-left:6px;font-size:12px;font-style:normal;opacity:.58}.annual-note[data-v-791fefff]{width:max-content;margin-top:-5px;padding:4px 7px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.1)}.plan-limits[data-v-791fefff]{margin-top:13px;padding:12px 0;border-top:1px solid rgba(128,145,137,.18);border-bottom:1px solid rgba(128,145,137,.18);display:grid;gap:8px}.plan-limits>div[data-v-791fefff]{display:flex;justify-content:space-between;gap:10px;font-size:12px}.plan-limits span[data-v-791fefff]{display:flex;align-items:center;gap:6px;opacity:.64}.plan-limits strong[data-v-791fefff]{font-size:12px}.plan-action[data-v-791fefff]{margin-top:auto;padding-top:14px}.plan-action button[data-v-791fefff]{width:100%;min-height:42px;border-radius:13px;border:1px solid rgba(126,143,135,.22);display:flex;align-items:center;justify-content:center;gap:7px;color:inherit;background:rgba(255,255,255,.08);font-size:12px;font-weight:900}.plan-action button.primary[data-v-791fefff]{border:0;color:#fff}.plan-starter .plan-action button.primary[data-v-791fefff]{background:linear-gradient(135deg,#10a573,#0a8059)}.plan-growth .plan-action button.primary[data-v-791fefff]{background:linear-gradient(135deg,#7b62ff,#36c7f4)}.plan-scale .plan-action button.primary[data-v-791fefff]{color:#251a05;background:linear-gradient(135deg,#dfbe61,#f8e8a9)}.plan-action button.downgrade[data-v-791fefff]{color:#a15f2c;background:#fff2e7;border-color:#edc9ad}html[data-foxie-theme='dark'] .plan-card.plan-starter[data-v-791fefff]{color:#eefaf4;background:radial-gradient(circle at 86% 8%,rgba(63,218,160,.14),transparent 28%),linear-gradient(155deg,#10211a,#173127 82%);border-color:rgba(63,218,160,.22)}html[data-foxie-theme='dark'] .plan-card.plan-starter .plan-identity>span[data-v-791fefff]{color:#86edc7;background:rgba(63,218,160,.13)}
.comparison-card[data-v-791fefff]{border:1px solid var(--foxie-border);border-radius:17px;background:var(--foxie-surface-raised);overflow:hidden}.section-head[data-v-791fefff]{min-height:68px;padding:13px 15px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.section-head h2[data-v-791fefff]{margin:3px 0 0;font-size:.86rem}.section-head small[data-v-791fefff]{color:var(--foxie-muted);font-size:12px}.comparison-scroll[data-v-791fefff]{overflow:auto}.comparison-grid[data-v-791fefff]{display:grid;min-width:720px}.cell[data-v-791fefff]{min-height:43px;padding:8px 11px;border-right:1px solid var(--foxie-border);border-bottom:1px solid var(--foxie-border);display:flex;align-items:center}.metric-head[data-v-791fefff],.plan-head[data-v-791fefff]{min-height:48px;background:var(--foxie-surface-soft);font-size:12px;font-weight:900}.plan-head[data-v-791fefff]{justify-content:space-between}.plan-head span[data-v-791fefff]{font-size:12px}.plan-head em[data-v-791fefff]{font-style:normal;font-size:12px;color:var(--foxie-green)}.metric-label[data-v-791fefff]{gap:7px;color:var(--foxie-muted);font-size:12px}.metric-label .v-icon[data-v-791fefff]{color:var(--foxie-green)}.metric-value[data-v-791fefff]{justify-content:center;font-size:12px;font-weight:750}.metric-value.current[data-v-791fefff],.plan-head.current[data-v-791fefff]{background:color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-raised))}.metric-value.best[data-v-791fefff]{color:var(--foxie-green);font-weight:950}.plan-head-starter[data-v-791fefff]{box-shadow:inset 0 3px #13a873}.plan-head-growth[data-v-791fefff]{box-shadow:inset 0 3px #8068ff}.plan-head-scale[data-v-791fefff]{box-shadow:inset 0 3px #d5b454}
.downgrade-modal[data-v-791fefff]{border:1px solid color-mix(in srgb,#da884d 25%,var(--foxie-border));border-radius:22px;background:var(--foxie-surface-raised);overflow:hidden;box-shadow:0 28px 80px rgba(46,25,8,.18)}.downgrade-header[data-v-791fefff]{padding:18px 19px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff9f3,var(--foxie-surface-raised) 52%)}.downgrade-title[data-v-791fefff]{display:flex;align-items:flex-start;gap:11px}.down-icon[data-v-791fefff]{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#c56e31;background:#ffead7}.downgrade-title small[data-v-791fefff]{color:#bb672d;font-size:12px;font-weight:950;letter-spacing:.1em}.downgrade-title h2[data-v-791fefff]{margin:4px 0;display:flex;align-items:center;gap:7px;font-size:1.08rem;letter-spacing:-.025em}.downgrade-title p[data-v-791fefff]{margin:0;color:var(--foxie-muted);font-size:12px}.modal-close[data-v-791fefff]{width:35px;height:35px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-muted)}.downgrade-body[data-v-791fefff]{padding:14px;display:grid;gap:12px}.impact-section[data-v-791fefff],.requirements-section[data-v-791fefff]{border:1px solid var(--foxie-border);border-radius:14px;overflow:hidden}.impact-section>header[data-v-791fefff],.requirements-section>header[data-v-791fefff]{min-height:61px;padding:11px 13px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.impact-section>header h3[data-v-791fefff],.requirements-section>header h3[data-v-791fefff]{margin:3px 0 0;font-size:12px}.impact-section>header small[data-v-791fefff]{font-size:12px;color:var(--foxie-muted)}.impact-grid[data-v-791fefff]{padding:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.impact-grid article[data-v-791fefff]{min-height:61px;padding:8px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.impact-grid article.capacity-down[data-v-791fefff]{border-color:#efd6c3;background:#fffaf6}.impact-grid article.feature-loss[data-v-791fefff]{border-color:#ead3dc;background:#fff8fb}.impact-icon[data-v-791fefff]{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#bd6830;background:#ffead8}.feature-loss .impact-icon[data-v-791fefff]{color:#a14769;background:#fce7ef}.impact-grid article>div[data-v-791fefff]{display:grid}.impact-grid small[data-v-791fefff]{font-size:12px;color:var(--foxie-muted)}.impact-grid strong[data-v-791fefff]{margin-top:2px;display:flex;align-items:center;gap:5px;font-size:12px}.impact-grid strong span[data-v-791fefff]{color:var(--foxie-muted);text-decoration:line-through}.impact-grid strong b[data-v-791fefff]{color:#af5627}.feature-loss strong b[data-v-791fefff]{color:#a13c62}.impact-grid em[data-v-791fefff]{font-style:normal;font-size:12px;font-weight:950;color:#b65e29}.feature-loss em[data-v-791fefff]{color:#9a3d61}.empty-impact[data-v-791fefff]{padding:18px;color:var(--foxie-muted);font-size:12px}.requirements-section.ready[data-v-791fefff]{border-color:color-mix(in srgb,var(--foxie-green) 28%,var(--foxie-border))}.requirements-section.blocked[data-v-791fefff]{border-color:#efd3bf}.requirements-section>header button[data-v-791fefff]{height:31px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:8px;display:flex;align-items:center;gap:5px;background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;font-weight:850}.preflight-loading[data-v-791fefff]{min-height:105px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--foxie-muted);font-size:12px}.preflight-error[data-v-791fefff]{margin:10px;padding:11px;border-radius:9px;display:flex;gap:8px;color:#ad3e4b;background:#fff0f2}.preflight-error div[data-v-791fefff]{display:grid}.preflight-error strong[data-v-791fefff]{font-size:12px}.preflight-error span[data-v-791fefff]{font-size:12px}.preflight-ready[data-v-791fefff]{margin:10px;padding:12px;border-radius:10px;display:flex;align-items:center;gap:9px;color:#11744c;background:#edf9f3}.preflight-ready>span[data-v-791fefff]{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#199665}.preflight-ready strong[data-v-791fefff]{font-size:12px}.preflight-ready p[data-v-791fefff]{margin:2px 0 0;font-size:12px}.requirement-summary[data-v-791fefff]{padding:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--foxie-surface-soft)}.requirement-summary article[data-v-791fefff]{padding:8px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);display:grid}.requirement-summary small[data-v-791fefff]{font-size:12px;color:var(--foxie-muted);font-weight:900}.requirement-summary strong[data-v-791fefff]{margin-top:2px;font-size:.8rem}.requirement-summary span[data-v-791fefff]{font-size:12px;color:var(--foxie-muted)}.requirement-summary article.warning strong[data-v-791fefff]{color:#b26828}.requirements-grid[data-v-791fefff]{padding:9px;display:grid;gap:6px}.requirements-grid article[data-v-791fefff]{min-height:72px;padding:8px;border:1px solid #efd5c1;border-radius:10px;background:#fffaf6;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center}.requirements-grid article.wait[data-v-791fefff]{border-color:#efdfb3;background:#fffcf2}.requirement-icon[data-v-791fefff]{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#ba6630;background:#ffead8}.wait .requirement-icon[data-v-791fefff]{color:#a77a19;background:#fff0bd}.requirement-copy[data-v-791fefff]{display:grid}.requirement-copy small[data-v-791fefff]{font-size:12px;color:var(--foxie-muted)}.requirement-copy strong[data-v-791fefff]{margin-top:2px;font-size:12px}.requirement-copy p[data-v-791fefff]{margin:2px 0 0;color:var(--foxie-muted);font-size:12px}.requirement-values[data-v-791fefff]{display:flex;align-items:center;gap:5px;font-size:12px}.requirement-values span[data-v-791fefff]{color:var(--foxie-muted);text-decoration:line-through}.requirement-values strong[data-v-791fefff]{color:#ad5728}.wait .requirement-values strong[data-v-791fefff]{color:#97701b}.requirements-grid article>em[data-v-791fefff]{font-style:normal;font-size:12px;font-weight:950;color:#ad5728}.wait>em[data-v-791fefff]{color:#97701b}.downgrade-footer[data-v-791fefff]{min-height:68px;padding:11px 14px;border-top:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--foxie-surface-soft)}.downgrade-footer>div[data-v-791fefff]:first-child{display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px}.footer-actions[data-v-791fefff]{display:flex;gap:7px}.footer-actions button[data-v-791fefff]{height:38px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:900}.footer-actions .ghost[data-v-791fefff]{border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-ink)}.footer-actions .confirm[data-v-791fefff]{min-width:210px;border:1px solid #bd6933;background:#c86f35;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px}.footer-actions .confirm[data-v-791fefff]:disabled{border-color:var(--foxie-border);background:#e8e8e8;color:#929292}
@keyframes planOutlineFlow-791fefff{0%,100%{background-position:0% 50%;opacity:.78}50%{background-position:100% 50%;opacity:1}}@keyframes planAuraPulse-791fefff{0%,100%{opacity:.62;transform:scale(.995)}50%{opacity:1;transform:scale(1.004)}}@keyframes emberRise-791fefff{0%{transform:translate3d(0,4px,0) scale(.55);opacity:0}14%{opacity:.75}62%{opacity:.38}100%{transform:translate3d(8px,-58px,0) scale(1.05);opacity:0}}
@media(max-width:1240px){.plans-showcase[data-v-791fefff]{padding:4px 58px 0}.plans-carousel[data-v-791fefff]{--side-x:300px;--side-x-neg:-300px;height:570px}.plan-card[data-v-791fefff]{width:330px;height:535px}.plan-card.is-left[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(-300px,17px,-120px) rotateY(22deg) scale(.80)}.plan-card.is-right[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(300px,17px,-120px) rotateY(-22deg) scale(.80)}}
@media(max-width:900px){.plans-topbar[data-v-791fefff]{align-items:flex-start;flex-direction:column}.topbar-tools[data-v-791fefff]{width:100%;justify-content:space-between}.impact-grid[data-v-791fefff]{grid-template-columns:1fr}.requirements-grid article[data-v-791fefff]{grid-template-columns:auto 1fr}.requirement-values[data-v-791fefff],.requirements-grid article>em[data-v-791fefff]{grid-column:2}.downgrade-footer[data-v-791fefff]{align-items:stretch;flex-direction:column}.footer-actions[data-v-791fefff]{width:100%}.footer-actions button[data-v-791fefff]{flex:1}.plans-carousel[data-v-791fefff]{--side-x:245px;--side-x-neg:-245px}.plan-card[data-v-791fefff]{width:310px}.plan-card.is-left[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(-245px,16px,-130px) rotateY(21deg) scale(.70)}.plan-card.is-right[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(245px,16px,-130px) rotateY(-21deg) scale(.70)}}
.plans-page--checkout[data-v-791fefff]{width:100%;height:100%;margin:0;padding:0;background:transparent!important;overflow:visible;pointer-events:none}.plans-page--checkout .plans-topbar[data-v-791fefff],.plans-page--checkout .comparison-card[data-v-791fefff],.plans-page--checkout .carousel-nav[data-v-791fefff],.plans-page--checkout .carousel-dots[data-v-791fefff]{display:none!important}.plans-page--checkout .plan-action[data-v-791fefff]{display:none!important}.plans-page--checkout .plans-loading[data-v-791fefff]{min-height:590px;border:0;background:transparent}.plans-page--checkout .plans-showcase[data-v-791fefff]{width:100%;height:100%;padding:0;overflow:visible}.plans-page--checkout .plans-carousel[data-v-791fefff]{height:100%;min-height:590px;perspective:1700px;perspective-origin:50% 48%;transform-style:preserve-3d;overflow:visible}.plans-page--checkout .plan-card[data-v-791fefff]{pointer-events:none;transform-style:preserve-3d}.plans-page--checkout .plan-card[data-v-791fefff]:not(.is-center){display:none!important}.plans-page--checkout .plan-card.is-center[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(0,-4px,110px) rotateX(-1.5deg) rotateY(2deg) scale(1);animation:checkoutPlanFloat-791fefff 4.6s ease-in-out infinite}@keyframes checkoutPlanFloat-791fefff{0%,100%{translate:0 0}50%{translate:0 -8px}}html[data-foxie-theme='light'],html[data-foxie-theme='light']{color:#fff!important;opacity:1!important}html[data-foxie-theme='light'],html[data-foxie-theme='light'],html[data-foxie-theme='light'],html[data-foxie-theme='light']{color:#fff!important;opacity:1!important}.plans-page--restriction[data-v-791fefff]{width:100%;height:100%;margin:0;padding:0;background:transparent!important;overflow:visible;pointer-events:auto}.plans-page--restriction .plans-topbar[data-v-791fefff],.plans-page--restriction .comparison-card[data-v-791fefff],.plans-page--restriction .carousel-dots[data-v-791fefff],.plans-page--restriction .plan-action[data-v-791fefff]{display:none!important}.plans-page--restriction .plans-loading[data-v-791fefff]{border:0;background:transparent}.plans-page--restriction .plans-showcase[data-v-791fefff]{width:100%;height:100%;padding:0;overflow:visible}.plans-page--restriction .plans-carousel[data-v-791fefff]{height:100%;min-height:420px;perspective:1900px;perspective-origin:50% 44%;transform-style:preserve-3d;overflow:visible}.plans-page--restriction .plan-card[data-v-791fefff]{width:282px;height:390px;padding:17px;border-radius:22px;transform-style:preserve-3d;box-shadow:0 28px 64px rgba(3,17,12,.2);animation:restrictionPlanFloat-791fefff 4.8s ease-in-out infinite}.plans-page--restriction .plan-card[data-v-791fefff]:nth-child(2){animation-delay:-1.4s}.plans-page--restriction .plan-card[data-v-791fefff]:nth-child(3){animation-delay:-2.7s}.plans-page--restriction .plan-card.is-center[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(0,-8px,150px) rotateY(0deg) scale(1);box-shadow:0 38px 86px rgba(3,17,12,.26)}.plans-page--restriction .plan-card.is-left[data-v-791fefff]{opacity:.88;filter:saturate(.95) brightness(.98);transform:translate(-50%,-50%) translate3d(-250px,20px,-110px) rotateY(29deg) scale(.74)}.plans-page--restriction .plan-card.is-right[data-v-791fefff]{opacity:.88;filter:saturate(.95) brightness(.98);transform:translate(-50%,-50%) translate3d(250px,20px,-110px) rotateY(-29deg) scale(.74)}.plans-page--restriction .plan-card.is-hidden-left[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(-450px,32px,-250px) rotateY(40deg) scale(.6)}.plans-page--restriction .plan-card.is-hidden-right[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(450px,32px,-250px) rotateY(-40deg) scale(.6)}.plans-page--restriction .plan-card.is-center[data-v-791fefff]:hover{transform:translate(-50%,-50%) translate3d(0,-15px,178px) rotateX(-3deg) rotateY(4deg) scale(1.025)}.plans-page--restriction .plan-card.is-left[data-v-791fefff]:hover{opacity:.9;filter:saturate(.96) brightness(.97);transform:translate(-50%,-50%) translate3d(-235px,8px,-75px) rotateX(-2deg) rotateY(24deg) scale(.78)}.plans-page--restriction .plan-card.is-right[data-v-791fefff]:hover{opacity:.9;filter:saturate(.96) brightness(.97);transform:translate(-50%,-50%) translate3d(235px,8px,-75px) rotateX(-2deg) rotateY(-24deg) scale(.78)}.plans-page--restriction .plan-card.plan-growth[data-v-791fefff],.plans-page--restriction .plan-card.plan-scale[data-v-791fefff]{color:#f7f9ff!important}.plans-page--restriction .plan-card.plan-growth .plan-description[data-v-791fefff],.plans-page--restriction .plan-card.plan-growth .plan-limits span[data-v-791fefff],.plans-page--restriction .plan-card.plan-scale .plan-description[data-v-791fefff],.plans-page--restriction .plan-card.plan-scale .plan-limits span[data-v-791fefff]{color:rgba(247,249,255,.74)!important;opacity:1}.plans-page--restriction .plan-card.plan-growth .plan-limits strong[data-v-791fefff],.plans-page--restriction .plan-card.plan-scale .plan-limits strong[data-v-791fefff]{color:#fff!important}.plans-page--restriction .plan-card.is-center[data-v-791fefff]:before{content:'';position:absolute;z-index:6;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 8%,var(--plan-accent) 28%,var(--plan-accent-soft) 52%,var(--plan-accent) 74%,transparent 94%);background-size:240% 240%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:restrictionOutlinePulse-791fefff 2.9s ease-in-out infinite}.plans-page--restriction .plan-card.is-center[data-v-791fefff]:after{content:'';position:absolute;z-index:0;inset:12px;border-radius:17px;pointer-events:none;box-shadow:0 0 42px color-mix(in srgb,var(--plan-accent) 22%,transparent),inset 0 0 25px color-mix(in srgb,var(--plan-accent) 8%,transparent);animation:restrictionAuraPulse-791fefff 3.2s ease-in-out infinite}.plans-page--restriction .plan-limits[data-v-791fefff]{transform-style:preserve-3d;perspective:600px}.plans-page--restriction .plan-card.is-center .plan-limits>div[data-v-791fefff]{position:relative;z-index:4;padding:2px 3px;border-radius:6px;transition:transform .25s ease,background .25s ease}.plans-page--restriction .plan-card.is-center .plan-limits>div[data-v-791fefff]:nth-child(1){transform:translateZ(26px) translateX(-3px)}.plans-page--restriction .plan-card.is-center .plan-limits>div[data-v-791fefff]:nth-child(2){transform:translateZ(36px) translateX(4px)}.plans-page--restriction .plan-card.is-center .plan-limits>div[data-v-791fefff]:nth-child(3){transform:translateZ(22px) translateX(-1px)}.plans-page--restriction .plan-card.is-center .plan-limits>div[data-v-791fefff]:nth-child(4){transform:translateZ(32px) translateX(3px)}.plans-page--restriction .plan-card.is-center:hover .plan-limits>div[data-v-791fefff]{background:color-mix(in srgb,var(--plan-accent) 7%,transparent)}.plans-page--restriction .restriction-nav[data-v-791fefff]{display:grid!important;z-index:38;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 78%,transparent);box-shadow:0 15px 32px rgba(4,18,13,.16);backdrop-filter:blur(16px);opacity:.82}.plans-page--restriction .restriction-nav.prev[data-v-791fefff]{left:30px}.plans-page--restriction .restriction-nav.next[data-v-791fefff]{right:30px}.plans-page--restriction .restriction-nav[data-v-791fefff]:hover{opacity:1;transform:translateY(-50%) scale(1.08);border-color:color-mix(in srgb,var(--foxie-accent) 40%,var(--foxie-border))}.restriction-particles[data-v-791fefff]{position:absolute;z-index:1;inset:0;overflow:visible;pointer-events:none}.restriction-particles i[data-v-791fefff]{position:absolute;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--foxie-accent) 72%,#fff);box-shadow:0 0 12px color-mix(in srgb,var(--foxie-accent) 54%,transparent);opacity:0;animation:restrictionParticleDrift-791fefff 5.4s ease-in-out infinite}.restriction-particles i[data-v-791fefff]:nth-child(3n+1){left:18%;top:64%;animation-delay:-.8s}.restriction-particles i[data-v-791fefff]:nth-child(3n+2){left:74%;top:58%;animation-delay:-2.1s}.restriction-particles i[data-v-791fefff]:nth-child(3n){left:50%;top:80%;animation-delay:-3.4s}.restriction-particles i[data-v-791fefff]:nth-child(5n+1){left:34%;top:25%}.restriction-particles i[data-v-791fefff]:nth-child(5n+2){left:66%;top:32%}.restriction-particles i[data-v-791fefff]:nth-child(7n){width:2px;height:2px;left:82%;top:40%}@keyframes restrictionParticleDrift-791fefff{0%{transform:translate3d(0,20px,-20px) scale(.5);opacity:0}18%{opacity:.55}58%{opacity:.8}100%{transform:translate3d(18px,-90px,80px) scale(1.35);opacity:0}}@keyframes restrictionOutlinePulse-791fefff{0%,100%{background-position:0% 50%;opacity:.55;filter:brightness(.95)}50%{background-position:100% 50%;opacity:1;filter:brightness(1.22)}}@keyframes restrictionAuraPulse-791fefff{0%,100%{opacity:.48;transform:scale(.985)}50%{opacity:.9;transform:scale(1.015)}}.plans-page--restriction .plan-card h2[data-v-791fefff]{margin:14px 0 5px;font-size:.95rem}.plans-page--restriction .plan-description[data-v-791fefff]{min-height:34px;font-size:12px;line-height:1.4}.plans-page--restriction .plan-price[data-v-791fefff]{min-height:48px;margin-top:10px}.plans-page--restriction .plan-price>strong[data-v-791fefff]{font-size:1.9rem}.plans-page--restriction .plan-limits[data-v-791fefff]{margin-top:7px;padding:8px 0;gap:5px}.plans-page--restriction .plan-limits>div[data-v-791fefff]{font-size:12px}.plans-page--restriction .plan-limits strong[data-v-791fefff]{font-size:12px}.plans-page--restriction .plan-identity>span[data-v-791fefff]{width:40px;height:40px;border-radius:12px}.plans-page--restriction .plan-identity small[data-v-791fefff]{font-size:12px}.plans-page--restriction .plan-identity strong[data-v-791fefff]{font-size:.78rem}@keyframes restrictionPlanFloat-791fefff{0%,100%{translate:0 0}50%{translate:0 -7px}}.plans-page--compact[data-v-791fefff]{width:100%;margin:0;padding:0}.plans-page--compact .plans-topbar[data-v-791fefff],.plans-page--compact .comparison-card[data-v-791fefff],.plans-page--compact .carousel-nav[data-v-791fefff],.plans-page--compact .carousel-dots[data-v-791fefff]{display:none!important}.plans-page--compact .plans-showcase[data-v-791fefff]{padding:0;overflow:visible}.plans-page--compact .plans-carousel[data-v-791fefff]{height:360px;--side-x:210px;--side-x-neg:-210px}.plans-page--compact .plan-card[data-v-791fefff]{width:260px;height:340px;padding:15px;border-radius:20px}.plans-page--compact .plan-card h2[data-v-791fefff]{margin-top:12px;font-size:.92rem}.plans-page--compact .plan-description[data-v-791fefff]{min-height:36px;font-size:12px}.plans-page--compact .plan-price[data-v-791fefff]{min-height:48px;margin-top:9px}.plans-page--compact .plan-price>strong[data-v-791fefff]{font-size:1.72rem}.plans-page--compact .plan-limits[data-v-791fefff]{margin-top:8px;padding:8px 0;gap:5px}.plans-page--compact .plan-limits>div[data-v-791fefff]{font-size:12px}.plans-page--compact .plan-limits strong[data-v-791fefff]{font-size:12px}.plans-page--compact .plan-action[data-v-791fefff]{padding-top:8px}.plans-page--compact .plan-action button[data-v-791fefff]{min-height:34px;font-size:12px}.plans-page--compact .plan-card.is-left[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(-210px,14px,-115px) rotateY(22deg) scale(.76)}.plans-page--compact .plan-card.is-right[data-v-791fefff]{transform:translate(-50%,-50%) translate3d(210px,14px,-115px) rotateY(-22deg) scale(.76)}@media(max-width:760px){.plans-showcase[data-v-791fefff]{padding:0;overflow:visible}.plans-carousel[data-v-791fefff]{height:auto;display:grid;grid-template-columns:1fr;gap:12px;perspective:none}.plan-card[data-v-791fefff],.plan-card.is-center[data-v-791fefff],.plan-card.is-left[data-v-791fefff],.plan-card.is-right[data-v-791fefff],.plan-card.is-hidden-left[data-v-791fefff],.plan-card.is-hidden-right[data-v-791fefff]{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;transform:none;opacity:1;filter:none;z-index:auto;pointer-events:auto;cursor:default}.carousel-nav[data-v-791fefff],.carousel-dots[data-v-791fefff]{display:none}}
@media(max-width:620px){.plans-page[data-v-791fefff]{width:calc(100% - 18px);margin-top:14px}.plans-topbar h1[data-v-791fefff]{font-size:1.25rem}.topbar-tools[data-v-791fefff]{align-items:stretch;flex-direction:column}.cycle-toggle[data-v-791fefff]{display:grid;grid-template-columns:1fr 1fr}.current-plan-pill[data-v-791fefff]{width:100%}.section-head[data-v-791fefff]{align-items:flex-start;flex-direction:column}.downgrade-header[data-v-791fefff]{padding:14px}.down-icon[data-v-791fefff]{display:none}.downgrade-title h2[data-v-791fefff]{font-size:.88rem;flex-wrap:wrap}.downgrade-body[data-v-791fefff]{padding:8px}.impact-section>header[data-v-791fefff],.requirements-section>header[data-v-791fefff]{align-items:flex-start;flex-direction:column}.requirement-summary[data-v-791fefff]{grid-template-columns:1fr}.requirements-grid article[data-v-791fefff]{grid-template-columns:1fr}.requirement-icon[data-v-791fefff]{display:none}.requirement-values[data-v-791fefff],.requirements-grid article>em[data-v-791fefff]{grid-column:auto}.footer-actions[data-v-791fefff]{display:grid;grid-template-columns:1fr}.footer-actions .confirm[data-v-791fefff]{min-width:0}}
@media(prefers-reduced-motion:reduce){.plan-card[data-v-791fefff],.carousel-dots button[data-v-791fefff]{transition:none}.plan-card.current[data-v-791fefff]:before,.plan-card.current[data-v-791fefff]:after,.plan-embers span[data-v-791fefff],.plans-page--restriction .plan-card[data-v-791fefff],.plans-page--restriction .plan-card.is-center[data-v-791fefff]:before,.plans-page--restriction .plan-card.is-center[data-v-791fefff]:after,.plans-page--checkout .plan-card.is-center[data-v-791fefff],.plans-page--checkout .plan-card.is-center[data-v-791fefff]:before,.plans-page--checkout .plan-card.is-center[data-v-791fefff]:after,.restriction-particles i[data-v-791fefff]{animation:none!important}}

/* foxie-credit-pricing-v3 */
.credit-plans-topbar[data-v-791fefff]{align-items:flex-end!important}
.credit-plans-topbar h1[data-v-791fefff]{max-width:780px}
.credit-pricing-sheet[data-v-791fefff]{width:min(1240px,100%);margin:20px auto 0;overflow:hidden;border:1px solid var(--foxie-border);border-radius:26px;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 26px 70px rgba(14,31,38,.08)}
.credit-sheet-intro[data-v-791fefff]{padding:24px 26px 20px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:flex-end;justify-content:space-between;gap:28px;background:radial-gradient(circle at 78% -20%,rgba(124,58,237,.08),transparent 30%),radial-gradient(circle at 100% 120%,rgba(13,143,99,.07),transparent 28%)}
.credit-sheet-intro>div>span[data-v-791fefff],.credit-model-table header span[data-v-791fefff]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}
.credit-sheet-intro h2[data-v-791fefff]{margin:5px 0 0;font-size:1.35rem;letter-spacing:-.035em}.credit-sheet-intro p[data-v-791fefff]{max-width:520px;margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.55}
.credit-plan-grid[data-v-791fefff]{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.credit-plan-card[data-v-791fefff]{--plan-accent:#64748b;min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--plan-accent) 20%,var(--foxie-border));border-radius:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--plan-accent) 11%,transparent),transparent 34%),linear-gradient(155deg,color-mix(in srgb,var(--plan-accent) 3%,var(--foxie-surface-raised)),var(--foxie-surface-raised));box-shadow:0 16px 38px color-mix(in srgb,var(--plan-accent) 7%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.credit-plan-card[data-v-791fefff]:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--plan-accent) 34%,var(--foxie-border));box-shadow:0 24px 50px color-mix(in srgb,var(--plan-accent) 12%,transparent)}
.credit-plan-card.plan-starter[data-v-791fefff]{--plan-accent:#13a873}.credit-plan-card.plan-growth[data-v-791fefff]{--plan-accent:#8068ff}.credit-plan-card.plan-scale[data-v-791fefff]{--plan-accent:#c99f35}
.credit-plan-accent[data-v-791fefff]{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--plan-accent),transparent);opacity:.9}
.credit-plan-card.current[data-v-791fefff]{box-shadow:0 0 0 1px color-mix(in srgb,var(--plan-accent) 28%,transparent),0 24px 54px color-mix(in srgb,var(--plan-accent) 13%,transparent)}
.credit-plan-card__head[data-v-791fefff]{display:flex;align-items:center;justify-content:space-between;gap:10px}.credit-plan-identity[data-v-791fefff]{display:flex;align-items:center;gap:9px;min-width:0}.credit-plan-identity>span[data-v-791fefff]{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--plan-accent);background:color-mix(in srgb,var(--plan-accent) 9%,var(--foxie-surface-soft))}.credit-plan-identity>div[data-v-791fefff]{min-width:0;display:grid}.credit-plan-identity small[data-v-791fefff]{font-size:12px;font-weight:950;letter-spacing:.1em;color:var(--plan-accent)}.credit-plan-identity strong[data-v-791fefff]{margin-top:2px;font-size:.86rem}
.credit-plan-badge[data-v-791fefff]{padding:5px 7px;border-radius:999px;font-style:normal;font-size:12px;font-weight:950;letter-spacing:.06em}.credit-plan-badge.current[data-v-791fefff]{color:var(--plan-accent);background:color-mix(in srgb,var(--plan-accent) 10%,var(--foxie-surface-soft))}.credit-plan-badge.featured[data-v-791fefff]{color:#6d4fe0;background:#f0ebff}.credit-plan-badge.downgrade[data-v-791fefff]{color:#9a6414;background:#fff3d7}
.credit-plan-price[data-v-791fefff]{margin-top:22px;display:flex;align-items:baseline;gap:2px;min-height:46px}.credit-plan-price>small[data-v-791fefff]{font-size:.8rem;font-weight:800}.credit-plan-price>strong[data-v-791fefff]{font-size:2.5rem;line-height:1;letter-spacing:-.055em}.credit-plan-price>span[data-v-791fefff]{font-size:1rem;font-weight:850}.credit-plan-price>em[data-v-791fefff]{margin-left:4px;color:var(--foxie-muted);font-size:12px;font-style:normal}.credit-plan-card .annual-note[data-v-791fefff]{margin-top:2px;color:var(--foxie-muted);font-size:12px}
.credit-allowance[data-v-791fefff]{margin-top:18px;padding:15px;border:1px solid color-mix(in srgb,var(--plan-accent) 18%,var(--foxie-border));border-radius:15px;display:grid;background:color-mix(in srgb,var(--plan-accent) 6%,var(--foxie-surface-soft))}.credit-allowance small[data-v-791fefff]{color:var(--plan-accent);font-size:12px;font-weight:950;letter-spacing:.09em}.credit-allowance strong[data-v-791fefff]{margin-top:4px;font-size:1.55rem;line-height:1;letter-spacing:-.045em}.credit-allowance span[data-v-791fefff]{margin-top:4px;color:var(--foxie-muted);font-size:12px}
.credit-plan-position[data-v-791fefff]{margin:17px 0 0;font-size:.75rem;font-weight:850;line-height:1.35}.credit-plan-description[data-v-791fefff]{margin:7px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.55}
.credit-plan-benefits[data-v-791fefff]{margin:16px 0 0;padding:0;display:grid;gap:8px;list-style:none}.credit-plan-benefits li[data-v-791fefff]{display:flex;align-items:flex-start;gap:7px;color:var(--foxie-muted);font-size:12px;line-height:1.4}.credit-plan-benefits .v-icon[data-v-791fefff]{margin-top:1px;color:var(--plan-accent);flex:none}
.credit-plan-action[data-v-791fefff]{margin-top:auto;padding-top:20px}.credit-plan-action button[data-v-791fefff]{width:100%;height:42px;padding:0 12px;border:1px solid color-mix(in srgb,var(--plan-accent) 22%,var(--foxie-border));border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px;font-weight:850;cursor:pointer}.credit-plan-action button.primary[data-v-791fefff]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--plan-accent),color-mix(in srgb,var(--plan-accent) 70%,#111 30%));box-shadow:0 10px 24px color-mix(in srgb,var(--plan-accent) 20%,transparent)}.credit-plan-action button.downgrade[data-v-791fefff]{color:#9a6414;background:color-mix(in srgb,#f2b84d 7%,var(--foxie-surface-raised))}.credit-plan-action button[data-v-791fefff]:disabled{cursor:default;opacity:.7}
.credit-model-table[data-v-791fefff]{padding:0 22px 24px}.credit-model-table>header[data-v-791fefff]{padding:19px 2px 13px;border-top:1px solid var(--foxie-border);display:flex;align-items:end;justify-content:space-between;gap:20px}.credit-model-table h3[data-v-791fefff]{margin:4px 0 0;font-size:.96rem;letter-spacing:-.02em}.credit-model-table header small[data-v-791fefff]{color:var(--foxie-muted);font-size:12px}
.credit-table-grid[data-v-791fefff]{display:grid;min-width:780px;border:1px solid var(--foxie-border);border-radius:15px;overflow:hidden}.credit-cell[data-v-791fefff]{min-height:52px;padding:10px 12px;border-right:1px solid var(--foxie-border);border-bottom:1px solid var(--foxie-border);display:flex;align-items:center}.credit-label[data-v-791fefff]{gap:8px;color:var(--foxie-muted);font-size:12px;background:var(--foxie-surface-soft)}.credit-label.head[data-v-791fefff]{font-weight:900;color:var(--foxie-ink)}.credit-plan-head[data-v-791fefff]{justify-content:center;position:relative;font-size:12px;background:var(--foxie-surface-soft)}.credit-plan-head[data-v-791fefff]:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--column-accent)}.credit-value[data-v-791fefff]{justify-content:center;gap:4px;font-size:12px;font-weight:780;background:linear-gradient(145deg,color-mix(in srgb,var(--column-accent) 3%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}.credit-value strong[data-v-791fefff]{color:var(--column-accent);font-size:.82rem}.credit-value small[data-v-791fefff]{color:var(--foxie-muted);font-size:12px}.theme-starter[data-v-791fefff]{--column-accent:#13a873}.theme-growth[data-v-791fefff]{--column-accent:#8068ff}.theme-scale[data-v-791fefff]{--column-accent:#c99f35}
html[data-foxie-theme='dark']{background:#11191b;border-color:#28383c;box-shadow:0 28px 70px rgba(0,0,0,.24)}html[data-foxie-theme='dark']{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--plan-accent) 15%,transparent),transparent 34%),linear-gradient(155deg,color-mix(in srgb,var(--plan-accent) 5%,#121a1c),#11181a)}html[data-foxie-theme='dark']{color:#c8beff;background:rgba(128,104,255,.16)}html[data-foxie-theme='dark']{color:#f1c974;background:rgba(201,159,53,.13)}html[data-foxie-theme='dark']{background:#141e20}html[data-foxie-theme='dark'],html[data-foxie-theme='dark']{background:#152022}html[data-foxie-theme='dark']{background:linear-gradient(145deg,color-mix(in srgb,var(--column-accent) 6%,#101719),#101719)}
@media(max-width:980px){.credit-plan-grid[data-v-791fefff]{grid-template-columns:1fr}.credit-sheet-intro[data-v-791fefff],.credit-model-table>header[data-v-791fefff]{align-items:flex-start;flex-direction:column}.credit-plan-card[data-v-791fefff]{padding:18px}.credit-plan-benefits[data-v-791fefff]{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.credit-pricing-sheet[data-v-791fefff]{border-radius:20px}.credit-plan-grid[data-v-791fefff]{padding:14px}.credit-sheet-intro[data-v-791fefff]{padding:20px}.credit-plan-benefits[data-v-791fefff]{grid-template-columns:1fr}.credit-model-table[data-v-791fefff]{padding:0 14px 18px;overflow:auto}.credit-plans-topbar[data-v-791fefff]{align-items:flex-start!important}.credit-plan-price>strong[data-v-791fefff]{font-size:2.2rem}}
.credit-plan-essentials[data-v-791fefff]{margin-top:16px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--plan-accent) 15%,var(--foxie-border));border-bottom:1px solid color-mix(in srgb,var(--plan-accent) 15%,var(--foxie-border));display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
.credit-plan-essentials>div[data-v-791fefff]{min-width:0;display:grid;gap:3px}.credit-plan-essentials span[data-v-791fefff]{display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px}.credit-plan-essentials strong[data-v-791fefff]{font-size:12px;font-weight:850}.credit-plan-essentials .v-icon[data-v-791fefff]{color:var(--plan-accent)}


/* foxie-reference-pricing-v5 */
.plans-page--reference[data-v-791fefff]{padding:20px 0 56px!important;background:transparent!important}
.reference-pricing-hero[data-v-791fefff]{width:min(1240px,calc(100% - 28px));margin:0 auto 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.reference-pricing-title>span[data-v-791fefff]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.12em}.reference-pricing-title h1[data-v-791fefff]{margin:7px 0 5px;font-size:clamp(1.7rem,3vw,2.55rem);letter-spacing:-.055em;line-height:1.02}.reference-pricing-title p[data-v-791fefff]{margin:0;color:var(--foxie-muted);font-size:12px}
.reference-cycle[data-v-791fefff]{align-self:end}
.reference-pricing-board[data-v-791fefff]{width:min(1240px,calc(100% - 28px));margin:0 auto;overflow:hidden;border:1px solid var(--foxie-border);border-radius:22px;background:var(--foxie-surface-raised);box-shadow:0 24px 72px rgba(18,31,39,.08)}
.reference-plan-grid[data-v-791fefff]{display:grid;overflow-x:auto;min-width:980px}
.reference-corner[data-v-791fefff],.reference-plan-head[data-v-791fefff],.reference-row-label[data-v-791fefff],.reference-metric[data-v-791fefff]{border-right:1px solid var(--foxie-border);border-bottom:1px solid var(--foxie-border)}
.reference-corner[data-v-791fefff]{min-height:210px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-surface-soft) 76%,var(--foxie-surface-raised))}.reference-corner>span[data-v-791fefff]{color:var(--foxie-ink);font-size:12px;font-weight:850}.reference-corner small[data-v-791fefff]{max-width:180px;font-size:12px;line-height:1.45}
.reference-plan-head[data-v-791fefff]{--plan-accent:#64748b;min-height:210px;padding:20px 16px 16px;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--plan-accent) 5%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
.reference-plan-head[data-v-791fefff]:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--plan-accent)}.reference-plan-head.theme-free[data-v-791fefff]{--plan-accent:#64748b}.reference-plan-head.theme-starter[data-v-791fefff]{--plan-accent:#13a873}.reference-plan-head.theme-growth[data-v-791fefff]{--plan-accent:#8068ff}.reference-plan-head.theme-scale[data-v-791fefff]{--plan-accent:#c99f35}
.reference-plan-head.current[data-v-791fefff]{background:linear-gradient(180deg,color-mix(in srgb,var(--plan-accent) 9%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
.reference-plan-name[data-v-791fefff]{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center}.reference-plan-icon[data-v-791fefff]{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--plan-accent);background:color-mix(in srgb,var(--plan-accent) 9%,var(--foxie-surface-soft))}.reference-plan-name>div[data-v-791fefff]{display:grid}.reference-plan-name strong[data-v-791fefff]{font-size:.8rem}.reference-plan-name small[data-v-791fefff]{margin-top:1px;color:var(--foxie-muted);font-size:12px}.reference-plan-name em[data-v-791fefff]{padding:4px 6px;border:1px solid color-mix(in srgb,var(--plan-accent) 20%,var(--foxie-border));border-radius:999px;color:var(--plan-accent);font-size:12px;font-style:normal;font-weight:900}
.reference-plan-price[data-v-791fefff]{margin-top:18px;display:flex;align-items:baseline;gap:2px}.reference-plan-price small[data-v-791fefff]{font-size:12px;font-weight:850}.reference-plan-price strong[data-v-791fefff]{font-size:2rem;line-height:1;letter-spacing:-.055em}.reference-plan-price span[data-v-791fefff]{font-size:.8rem;font-weight:850}.reference-plan-price b[data-v-791fefff]{margin-left:3px;color:var(--foxie-muted);font-size:12px;font-weight:650}.reference-plan-head>p[data-v-791fefff]{min-height:28px;margin:5px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.45}
.reference-plan-cta[data-v-791fefff]{height:36px;margin-top:auto;border:1px solid color-mix(in srgb,var(--plan-accent) 26%,var(--foxie-border));border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:var(--plan-accent);font-size:12px;font-weight:900;cursor:pointer}.reference-plan-cta.current[data-v-791fefff]{color:var(--plan-accent);background:transparent}.reference-plan-cta.downgrade[data-v-791fefff]{color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.reference-section-title[data-v-791fefff]{grid-column:1/-1;padding:12px 18px 8px;border-bottom:1px solid var(--foxie-border);color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.reference-row-label[data-v-791fefff]{min-height:54px;padding:10px 18px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:var(--foxie-surface-raised)}.reference-row-label span[data-v-791fefff]{font-size:12px;font-weight:760}.reference-row-label small[data-v-791fefff]{color:var(--foxie-muted);font-size:12px}
.reference-metric[data-v-791fefff]{--plan-accent:#64748b;min-height:54px;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--foxie-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--plan-accent) 2.2%,var(--foxie-surface-raised)),var(--foxie-surface-raised));font-size:12px}.reference-metric.theme-free[data-v-791fefff]{--plan-accent:#64748b}.reference-metric.theme-starter[data-v-791fefff]{--plan-accent:#13a873}.reference-metric.theme-growth[data-v-791fefff]{--plan-accent:#8068ff}.reference-metric.theme-scale[data-v-791fefff]{--plan-accent:#c99f35}.reference-metric strong[data-v-791fefff]{font-size:12px}.reference-metric>.v-icon[data-v-791fefff]{color:var(--plan-accent)}
.metric-track[data-v-791fefff]{width:54%;height:3px;border-radius:999px;overflow:hidden;background:var(--foxie-border)}.metric-track i[data-v-791fefff]{display:block;height:100%;border-radius:inherit;background:var(--plan-accent)}
.reference-pricing-footer[data-v-791fefff]{min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--foxie-muted);font-size:12px}.reference-pricing-footer>div[data-v-791fefff]{display:flex;align-items:center;gap:6px}.reference-pricing-footer .v-icon[data-v-791fefff]{color:var(--foxie-accent)}
html[data-foxie-theme='dark']{background:#11191b;border-color:#27373b;box-shadow:0 24px 72px rgba(0,0,0,.28)}
@media(max-width:860px){.reference-pricing-hero[data-v-791fefff]{grid-template-columns:1fr;align-items:start}.reference-cycle[data-v-791fefff]{justify-self:start}.reference-pricing-board[data-v-791fefff]{overflow-x:auto}.reference-pricing-footer[data-v-791fefff]{min-width:980px}}


.foxie-access-overlay[data-v-8bb42810]{position:fixed;z-index:13050;inset:0;padding:18px;display:grid;place-items:center;background:color-mix(in srgb,#071510 34%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.plan-access-stage[data-v-8bb42810]{width:min(980px,calc(100vw - 28px));min-height:560px;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:end;justify-items:center;color:var(--foxie-ink);background:transparent;filter:drop-shadow(0 34px 70px rgba(3,17,12,.18))}
.plan-access-close[data-v-8bb42810]{position:absolute;z-index:50;right:12px;top:8px;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--foxie-border) 84%,transparent);border-radius:11px;display:grid;place-items:center;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-surface-raised) 82%,transparent);backdrop-filter:blur(18px);cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease}.plan-access-close[data-v-8bb42810]:hover{transform:scale(1.05);color:var(--foxie-ink);background:var(--foxie-surface-raised)}
.plan-access-float[data-v-8bb42810]{width:100%;height:438px;display:grid;place-items:center;position:relative;z-index:2;overflow:visible;perspective:2000px;pointer-events:auto}.plan-access-float[data-v-8bb42810]:after{content:'';position:absolute;left:18%;right:18%;bottom:13px;height:30px;border-radius:50%;background:rgba(5,24,17,.16);filter:blur(22px);transform:rotateX(72deg);pointer-events:none}
.plan-access-pedestal[data-v-8bb42810]{width:min(760px,calc(100% - 32px));min-height:116px;margin-top:-8px;padding:17px 18px;position:relative;z-index:8;border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border));border-radius:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent),color-mix(in srgb,var(--foxie-surface-soft) 88%,transparent));box-shadow:0 22px 58px rgba(3,18,12,.18),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(26px) saturate(1.12);-webkit-backdrop-filter:blur(26px) saturate(1.12)}
.plan-access-pedestal[data-v-8bb42810]:before{content:'';position:absolute;left:18%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--foxie-accent) 58%,transparent),transparent)}
.plan-access-icon[data-v-8bb42810]{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foxie-accent) 11%,transparent)}
.plan-access-copy[data-v-8bb42810]{min-width:0}.plan-access-copy>small[data-v-8bb42810]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.11em}.plan-access-copy h2[data-v-8bb42810]{margin:3px 0 0;font-size:1.05rem;line-height:1.16;letter-spacing:-.025em}.plan-access-copy p[data-v-8bb42810]{margin:4px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.45}.plan-access-fact[data-v-8bb42810]{margin-top:7px;display:flex;align-items:center;gap:7px;color:var(--foxie-muted);font-size:12px}.plan-access-fact strong[data-v-8bb42810]{color:var(--foxie-ink);font-size:12px}
.plan-access-actions[data-v-8bb42810]{display:flex;align-items:center;gap:7px}.plan-access-actions button[data-v-8bb42810]{min-height:40px;padding:0 14px;border-radius:11px;font-size:12px;font-weight:880;cursor:pointer;white-space:nowrap}.plan-access-actions .secondary[data-v-8bb42810]{border:1px solid var(--foxie-border);color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-soft) 88%,transparent)}.plan-access-actions .primary[data-v-8bb42810]{border:1px solid transparent;color:#fff;background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 10px 24px var(--foxie-accent-shadow)}
.foxie-access-modal[data-v-8bb42810]{width:min(430px,100%);padding:24px;position:relative;border:1px solid color-mix(in srgb,var(--foxie-accent) 15%,var(--foxie-border));border-radius:22px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);box-shadow:0 28px 85px rgba(4,18,13,.24)}
.foxie-access-close[data-v-8bb42810]{width:34px;height:34px;position:absolute;right:12px;top:12px;border:0;border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}.foxie-access-close[data-v-8bb42810]:hover{color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.foxie-access-icon[data-v-8bb42810]{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-accent-faint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foxie-accent) 10%,transparent)}
.foxie-access-copy[data-v-8bb42810]{margin-top:16px}.foxie-access-copy small[data-v-8bb42810]{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.11em}.foxie-access-copy h2[data-v-8bb42810]{margin:6px 38px 0 0;font-size:21px;line-height:1.18;letter-spacing:-.03em}.foxie-access-copy p[data-v-8bb42810]{margin:9px 0 0;color:var(--foxie-muted);font-size:14px;line-height:1.55}
.foxie-access-fact[data-v-8bb42810]{min-height:48px;margin-top:18px;padding:11px 12px;border:1px solid var(--foxie-border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--foxie-surface-soft)}.foxie-access-fact span[data-v-8bb42810]{color:var(--foxie-muted);font-size:12px}.foxie-access-fact strong[data-v-8bb42810]{text-align:right;font-size:13px}
.foxie-access-modal footer[data-v-8bb42810]{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.foxie-access-modal footer button[data-v-8bb42810]{min-height:42px;padding:0 15px;border-radius:11px;font-size:13px;font-weight:850;cursor:pointer}.foxie-access-modal footer .secondary[data-v-8bb42810]{border:1px solid var(--foxie-border);color:var(--foxie-ink);background:var(--foxie-surface-soft)}.foxie-access-modal footer .primary[data-v-8bb42810]{border:1px solid transparent;color:#fff;background:linear-gradient(135deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 10px 24px var(--foxie-accent-shadow)}
.foxie-access-fade-enter-active[data-v-8bb42810],.foxie-access-fade-leave-active[data-v-8bb42810]{transition:opacity .18s ease}.foxie-access-fade-enter-from[data-v-8bb42810],.foxie-access-fade-leave-to[data-v-8bb42810]{opacity:0}.foxie-access-fade-enter-active .foxie-access-modal[data-v-8bb42810],.foxie-access-fade-leave-active .foxie-access-modal[data-v-8bb42810],.foxie-access-fade-enter-active .plan-access-stage[data-v-8bb42810],.foxie-access-fade-leave-active .plan-access-stage[data-v-8bb42810]{transition:transform .22s ease,opacity .18s ease}.foxie-access-fade-enter-from .foxie-access-modal[data-v-8bb42810],.foxie-access-fade-leave-to .foxie-access-modal[data-v-8bb42810],.foxie-access-fade-enter-from .plan-access-stage[data-v-8bb42810],.foxie-access-fade-leave-to .plan-access-stage[data-v-8bb42810]{transform:translateY(8px) scale(.985);opacity:0}
html[data-foxie-theme='dark'] .plan-access-pedestal[data-v-8bb42810]{background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-surface-raised) 92%,#101915),color-mix(in srgb,var(--foxie-surface-soft) 90%,#0a100e))}
@media(max-width:720px){.plan-access-stage[data-v-8bb42810]{min-height:620px}.plan-access-float[data-v-8bb42810]{height:440px}.plan-access-pedestal[data-v-8bb42810]{grid-template-columns:auto minmax(0,1fr);align-items:start}.plan-access-actions[data-v-8bb42810]{grid-column:1/-1;justify-content:flex-end}}@media(max-width:520px){.foxie-access-modal[data-v-8bb42810]{padding:20px;border-radius:19px}.foxie-access-modal footer[data-v-8bb42810]{flex-direction:column-reverse}.foxie-access-modal footer button[data-v-8bb42810]{width:100%}.plan-access-stage[data-v-8bb42810]{width:calc(100vw - 14px);min-height:680px}.plan-access-pedestal[data-v-8bb42810]{width:calc(100% - 12px);padding:15px;grid-template-columns:1fr}.plan-access-icon[data-v-8bb42810]{display:none}.plan-access-actions[data-v-8bb42810]{grid-column:auto;display:grid;grid-template-columns:1fr}.plan-access-actions button[data-v-8bb42810]{width:100%}.plan-access-copy h2[data-v-8bb42810]{font-size:.98rem}}
@media(prefers-reduced-motion:reduce){.foxie-access-fade-enter-active[data-v-8bb42810],.foxie-access-fade-leave-active[data-v-8bb42810],.foxie-access-fade-enter-active .foxie-access-modal[data-v-8bb42810],.foxie-access-fade-leave-active .foxie-access-modal[data-v-8bb42810],.plan-access-close[data-v-8bb42810]{transition:none!important}}
.v-application {
  display: flex;
  background: rgb(var(--v-theme-background));
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.v-application__wrap {
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  position: relative;
}.v-snackbar {
  justify-content: center;
  z-index: 10000;
  margin: 8px;
  margin-inline-end: calc(8px + var(--v-scrollbar-offset));
  padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
}
.v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
  align-items: flex-end;
}
.v-snackbar__wrapper {
  align-items: center;
  display: flex;
  max-width: 672px;
  min-height: 48px;
  min-width: 344px;
  overflow: hidden;
  padding: 0;
}
.v-snackbar__wrapper {
  border-radius: 4px;
}
.v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-snackbar--variant-plain {
  opacity: 0.62;
}
.v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
  opacity: 1;
}
.v-snackbar--variant-plain .v-snackbar__overlay {
  display: none;
}
.v-snackbar--variant-elevated, .v-snackbar--variant-flat {
  background: rgb(var(--v-theme-surface-variant));
  color: rgb(var(--v-theme-on-surface-variant));
}
.v-snackbar--variant-elevated {
  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-snackbar--variant-flat {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-snackbar--variant-outlined {
  border: thin solid currentColor;
}
.v-snackbar--variant-text .v-snackbar__overlay {
  background: currentColor;
}
.v-snackbar--variant-tonal .v-snackbar__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-snackbar .v-snackbar__underlay {
  position: absolute;
}

@media (forced-colors: active) {
  .v-snackbar__wrapper {
    border: thick solid;
  }
}
.v-snackbar__content {
  flex-grow: 1;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  line-height: 1.425;
  margin-right: auto;
  padding: 14px 16px;
  text-align: initial;
}
.v-snackbar__actions {
  align-items: center;
  align-self: center;
  display: flex;
  margin-inline-end: 8px;
}
.v-snackbar__actions > .v-btn {
  padding: 0 8px;
  min-width: auto;
}
.v-snackbar__timer {
  width: 100%;
  position: absolute;
  top: 0;
}
.v-snackbar__timer .v-progress-linear {
  transition: 0.2s linear;
}
.v-snackbar--absolute {
  position: absolute;
  z-index: 1;
}
.v-snackbar--multi-line .v-snackbar__wrapper {
  min-height: 68px;
}
.v-snackbar--vertical .v-snackbar__wrapper {
  flex-direction: column;
}
.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 8px;
}
.v-snackbar--center {
  align-items: center;
  justify-content: center;
}
.v-snackbar--top {
  align-items: flex-start;
}
.v-snackbar--bottom {
  align-items: flex-end;
}
.v-snackbar--left, .v-snackbar--start {
  justify-content: flex-start;
}
.v-snackbar--right, .v-snackbar--end {
  justify-content: flex-end;
}

.v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.v-snackbar-transition-enter-active {
  transition-property: opacity, transform;
}
@media (prefers-reduced-motion: reduce) {
  .v-snackbar-transition-enter-active {
    transition-property: opacity;
  }
}
.v-snackbar-transition-enter-from {
  opacity: 0;
  transform: scale(0.8);
}
.v-snackbar-transition-leave-active {
  transition-property: opacity;
}
.v-snackbar-transition-leave-to {
  opacity: 0;
}
/* Absolute last-line guardrail: no framework scrim may darken the whole product.
   Dialog surfaces remain fully functional without a viewport veil. */
.v-overlay__scrim{
  background:transparent!important;
  background-color:transparent!important;
  opacity:0!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
html[data-foxie-theme='dark'] .v-overlay__scrim{
  background:transparent!important;
  background-color:transparent!important;
  opacity:0!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
/* Vuetify's temporary navigation drawer uses its own scrim element rather than
   the generic overlay scrim. It is never allowed to darken the desktop shell. */
.v-navigation-drawer__scrim{
  background:transparent!important;
  background-color:transparent!important;
  opacity:0!important;
  pointer-events:none!important;
}
.public-theme-toggle[data-v-64659d95]{width:44px;height:44px;position:fixed;right:20px;bottom:20px;z-index:120;border:1px solid var(--foxie-border);border-radius:14px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-surface-raised) 92%,transparent);box-shadow:var(--foxie-shadow);backdrop-filter:blur(14px);cursor:pointer;transition:.18s}.public-theme-toggle[data-v-64659d95]:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--foxie-accent) 40%,var(--foxie-border))}
[data-v-64659d95] .foxie-snackbar .v-snackbar__wrapper{min-width:0;max-width:min(420px,calc(100vw - 24px));padding:0!important;overflow:visible;background:transparent!important;box-shadow:none!important}.foxie-toast[data-v-64659d95]{--toast-tone:var(--foxie-accent);min-width:340px;max-width:420px;min-height:72px;padding:12px 42px 12px 12px;position:relative;border:1px solid color-mix(in srgb,var(--toast-tone) 24%,var(--foxie-border));border-radius:17px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 20px 55px rgba(7,18,13,.16);backdrop-filter:blur(18px);overflow:hidden}.foxie-toast.is-success[data-v-64659d95]{--toast-tone:#22a06b}.foxie-toast.is-warning[data-v-64659d95]{--toast-tone:#d98b16}.foxie-toast.is-error[data-v-64659d95]{--toast-tone:#df5268}.foxie-toast.is-info[data-v-64659d95]{--toast-tone:var(--foxie-accent)}.foxie-toast__icon[data-v-64659d95]{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--toast-tone);background:color-mix(in srgb,var(--toast-tone) 10%,var(--foxie-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--toast-tone) 14%,transparent)}.foxie-toast__copy[data-v-64659d95]{min-width:0;display:grid;gap:2px}.foxie-toast__copy strong[data-v-64659d95]{font-size:.76rem;letter-spacing:-.012em}.foxie-toast__copy span[data-v-64659d95]{overflow-wrap:anywhere;color:var(--foxie-muted);font-size:12px;line-height:1.38}.foxie-toast__close[data-v-64659d95]{width:29px;height:29px;position:absolute;right:8px;top:8px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}.foxie-toast__close[data-v-64659d95]:hover{color:var(--foxie-ink);background:var(--foxie-surface-soft)}.foxie-toast__timer[data-v-64659d95]{height:3px;position:absolute;left:0;bottom:0;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--toast-tone),color-mix(in srgb,var(--toast-tone) 55%,transparent));animation:foxie-toast-countdown-64659d95 linear forwards}@keyframes foxie-toast-countdown-64659d95{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.foxie-route-morph-fade-enter-active[data-v-64659d95]{transition:opacity .12s ease}.foxie-route-morph-fade-leave-active[data-v-64659d95]{transition:opacity .18s ease}.foxie-route-morph-fade-enter-from[data-v-64659d95],.foxie-route-morph-fade-leave-to[data-v-64659d95]{opacity:0}
.foxie-auth-morph-fade-enter-active[data-v-64659d95]{transition:opacity .20s ease}.foxie-auth-morph-fade-leave-active[data-v-64659d95]{transition:opacity .26s ease}.foxie-auth-morph-fade-enter-from[data-v-64659d95],.foxie-auth-morph-fade-leave-to[data-v-64659d95]{opacity:0}
.foxie-loader-fade-enter-active[data-v-64659d95],.foxie-loader-fade-leave-active[data-v-64659d95]{transition:opacity .32s ease}.foxie-loader-fade-enter-from[data-v-64659d95],.foxie-loader-fade-leave-to[data-v-64659d95]{opacity:0}.foxie-global-loader[data-v-64659d95]{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:all}.foxie-global-loader__backdrop[data-v-64659d95]{position:absolute;inset:-30px;background:color-mix(in srgb,var(--foxie-surface-soft) 54%,transparent);backdrop-filter:blur(28px) saturate(.88)}.foxie-global-loader__backdrop[data-v-64659d95]:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--foxie-accent) 8%,transparent),transparent 34%),linear-gradient(180deg,rgba(2,16,11,.04),rgba(2,16,11,.13))}.foxie-global-loader__content[data-v-64659d95]{width:min(430px,calc(100vw - 36px));min-height:154px;padding:27px 30px 22px;position:relative;border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border));border-radius:26px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:0 18px;align-items:center;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 88%,transparent);box-shadow:0 36px 110px rgba(1,15,10,.25);backdrop-filter:blur(24px);animation:loader-card-in-64659d95 .42s cubic-bezier(.2,.8,.2,1)}.foxie-loader-brand[data-v-64659d95]{width:70px;height:70px;position:relative;grid-row:1;display:grid;place-items:center}.brand-pulse[data-v-64659d95]{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--foxie-accent) 44%,transparent);border-radius:22px;animation:foxie-loader-pulse-64659d95 1.45s ease-in-out infinite}.brand-core[data-v-64659d95]{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 16px 35px color-mix(in srgb,var(--foxie-accent) 28%,transparent);animation:foxie-loader-float-64659d95 1.7s ease-in-out infinite}.foxie-loader-copy[data-v-64659d95]{min-width:0;display:grid;align-content:center}.foxie-loader-copy>span[data-v-64659d95]{color:var(--foxie-accent);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.foxie-loader-copy strong[data-v-64659d95]{margin-top:5px;font-size:1.08rem;letter-spacing:-.025em}.foxie-loader-copy small[data-v-64659d95]{margin-top:5px;color:var(--foxie-muted);font-size:12px;line-height:1.48}.foxie-loader-progress[data-v-64659d95]{height:3px;grid-column:1/-1;margin-top:18px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-border))}.foxie-loader-progress i[data-v-64659d95]{width:42%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--foxie-accent),transparent);animation:foxie-progress-64659d95 1.25s ease-in-out infinite}.foxie-global-loader.is-logout .brand-core[data-v-64659d95]{animation:foxie-logout-64659d95 1.25s ease-in-out infinite}@keyframes loader-card-in-64659d95{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes foxie-loader-pulse-64659d95{0%,100%{transform:scale(.88);opacity:.35}50%{transform:scale(1.08);opacity:.9}}@keyframes foxie-loader-float-64659d95{0%,100%{transform:translateY(1px)}50%{transform:translateY(-4px)}}@keyframes foxie-progress-64659d95{0%{transform:translateX(-130%)}100%{transform:translateX(340%)}}@keyframes foxie-logout-64659d95{0%,100%{transform:translateX(0);opacity:1}50%{transform:translateX(6px);opacity:.72}}@media(max-width:520px){.foxie-toast[data-v-64659d95]{min-width:0;width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.brand-pulse[data-v-64659d95],.brand-core[data-v-64659d95],.foxie-loader-progress i[data-v-64659d95],.foxie-global-loader__content[data-v-64659d95]{animation:none!important}}@media(prefers-reduced-motion:reduce){.foxie-toast__timer[data-v-64659d95]{animation:none!important}}

/* Auth route morph must target descendants of routed child components globally. */
.auth-fluid-route-enter-active,.auth-fluid-route-leave-active{transition:none!important}
.auth-fluid-route-enter-active .auth-cosmos-slot{
  animation:auth-fluid-in-64659d95 .82s cubic-bezier(.14,.88,.18,1.12) both;
  transform-origin:50% 46%;
  will-change:transform,opacity,filter,clip-path,border-radius
}
.auth-fluid-route-leave-active .auth-cosmos-slot{
  animation:auth-fluid-out-64659d95 .36s cubic-bezier(.58,.02,.88,.32) both;
  transform-origin:50% 46%;
  will-change:transform,opacity,filter,clip-path,border-radius
}
.auth-fluid-route-enter-active .auth-cosmos-brand{animation:auth-brand-receive-64659d95 .82s cubic-bezier(.18,.82,.22,1) both}
.auth-fluid-route-leave-active .auth-cosmos-brand{animation:auth-brand-release-64659d95 .36s ease both}
.auth-fluid-route-enter-active .auth-card-v6,.auth-fluid-route-enter-active .recovery-card{
  animation:auth-card-gel-in-64659d95 .82s cubic-bezier(.16,.88,.18,1.12) both
}
.auth-fluid-route-leave-active .auth-card-v6,.auth-fluid-route-leave-active .recovery-card{
  animation:auth-card-gel-out-64659d95 .34s cubic-bezier(.58,.02,.88,.32) both
}
@keyframes auth-fluid-in-64659d95{
0%{opacity:0;filter:blur(10px);transform:translateY(17px) scaleX(.70) scaleY(.58);clip-path:ellipse(30% 22% at 50% 47%)}
30%{opacity:.98;filter:blur(2px);transform:translateY(-5px) scaleX(1.075) scaleY(.91);clip-path:ellipse(58% 49% at 50% 47%)}
54%{filter:blur(.5px);transform:translateY(2px) scaleX(.965) scaleY(1.045);clip-path:ellipse(68% 61% at 50% 48%)}
73%{transform:translateY(-1px) scaleX(1.025) scaleY(.986);clip-path:ellipse(76% 69% at 50% 49%)}
88%{transform:translateY(0) scaleX(.993) scaleY(1.008);clip-path:ellipse(84% 78% at 50% 50%)}
100%{opacity:1;filter:none;transform:none;clip-path:inset(0 0 0 0 round 0)}
}
@keyframes auth-fluid-out-64659d95{
0%{opacity:1;filter:none;transform:none;clip-path:inset(0 0 0 0 round 0)}
38%{opacity:.88;filter:blur(.4px);transform:translateY(-2px) scaleX(1.05) scaleY(.90);clip-path:ellipse(78% 68% at 50% 47%)}
100%{opacity:0;filter:blur(10px);transform:translateY(13px) scaleX(.66) scaleY(.50);clip-path:ellipse(28% 20% at 50% 50%)}
}
@keyframes auth-card-gel-in-64659d95{
0%{border-radius:46% 46% 42% 42% / 30% 30% 42% 42%;box-shadow:0 8px 24px rgba(28,38,48,.03)}
37%{border-radius:30px 30px 24px 24px;box-shadow:0 36px 92px rgba(28,38,48,.16)}
62%{border-radius:18px 24px 22px 20px}
82%{border-radius:24px 20px 23px 21px}
100%{border-radius:22px}
}
@keyframes auth-card-gel-out-64659d95{
0%{border-radius:22px}
45%{border-radius:29px 25px 34px 30px}
100%{border-radius:48% 48% 40% 40% / 34% 34% 44% 44%;box-shadow:0 8px 20px rgba(28,38,48,.02)}
}
@keyframes auth-brand-receive-64659d95{0%{opacity:.58;transform:translateY(-5px) scale(.965)}55%{opacity:1;transform:translateY(2px) scale(1.018)}100%{transform:none}}
@keyframes auth-brand-release-64659d95{from{opacity:1;transform:none}to{opacity:.62;transform:translateY(-3px) scale(.98)}}
@media(prefers-reduced-motion:reduce){
.auth-fluid-route-enter-active .auth-cosmos-slot,.auth-fluid-route-leave-active .auth-cosmos-slot,.auth-fluid-route-enter-active .auth-cosmos-brand,.auth-fluid-route-leave-active .auth-cosmos-brand,.auth-fluid-route-enter-active .auth-card-v6,.auth-fluid-route-enter-active .recovery-card,.auth-fluid-route-leave-active .auth-card-v6,.auth-fluid-route-leave-active .recovery-card{animation:none!important}
}


/* Layout-level entry and exit, not just a new logo placed over a static page. */
.auth-fluid-route-enter-active .auth-layout {
  animation:foxie-auth-layout-reveal-64659d95 .65s cubic-bezier(.16,1,.3,1) both;
}
.auth-fluid-route-leave-active .auth-layout {
  animation:foxie-auth-layout-release-64659d95 .25s cubic-bezier(.6,0,.85,.4) both;
}
.auth-fluid-route-enter-active .mfa-card-v7 {
  animation:foxie-mfa-card-arrive-64659d95 .7s cubic-bezier(.16,1,.3,1) .08s both;
}
/* Do not animate the entire authenticated shell: transform/filter on its
   root changes the containing block of the viewport-pinned SidebarShell.
   Authentication transitions use the existing particle overlay instead. */
.onboarding-ai-page {
  animation:foxie-auth-destination-reveal-64659d95 .75s cubic-bezier(.16,1,.3,1) both;
}
@keyframes foxie-auth-layout-reveal-64659d95 {
from {opacity:0;transform:translate3d(0,11px,0) scale(.994);filter:blur(4px)}
to {opacity:1;transform:none;filter:none}
}
@keyframes foxie-auth-layout-release-64659d95 {
from {opacity:1;transform:none;filter:none}
to {opacity:0;transform:translate3d(0,-7px,0) scale(1.01);filter:blur(3px)}
}
@keyframes foxie-mfa-card-arrive-64659d95 {
from {opacity:0;transform:translateY(14px);filter:blur(4px)}
to {opacity:1;transform:none;filter:none}
}
@keyframes foxie-auth-destination-reveal-64659d95 {
from {opacity:0;transform:translate3d(0,11px,0) scale(.99);filter:blur(7px)}
to {opacity:1;transform:none;filter:none}
}
@media(prefers-reduced-motion:reduce) {
.auth-fluid-route-enter-active .auth-layout,.auth-fluid-route-leave-active .auth-layout,.auth-fluid-route-enter-active .mfa-card-v7,.onboarding-ai-page {animation:none!important;transition:none!important}
}
/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("/assets/materialdesignicons-webfont-CSr8KVlo.eot?v=7.4.47");
  src: url("/assets/materialdesignicons-webfont-CSr8KVlo.eot?#iefix&v=7.4.47") format("embedded-opentype"), url("/assets/materialdesignicons-webfont-Dp5v-WZN.woff2?v=7.4.47") format("woff2"), url("/assets/materialdesignicons-webfont-PXm3-2wK.woff?v=7.4.47") format("woff"), url("/assets/materialdesignicons-webfont-B7mPwVP_.ttf?v=7.4.47") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-ab-testing::before {
  content: "\F01C9";
}

.mdi-abacus::before {
  content: "\F16E0";
}

.mdi-abjad-arabic::before {
  content: "\F1328";
}

.mdi-abjad-hebrew::before {
  content: "\F1329";
}

.mdi-abugida-devanagari::before {
  content: "\F132A";
}

.mdi-abugida-thai::before {
  content: "\F132B";
}

.mdi-access-point::before {
  content: "\F0003";
}

.mdi-access-point-check::before {
  content: "\F1538";
}

.mdi-access-point-minus::before {
  content: "\F1539";
}

.mdi-access-point-network::before {
  content: "\F0002";
}

.mdi-access-point-network-off::before {
  content: "\F0BE1";
}

.mdi-access-point-off::before {
  content: "\F1511";
}

.mdi-access-point-plus::before {
  content: "\F153A";
}

.mdi-access-point-remove::before {
  content: "\F153B";
}

.mdi-account::before {
  content: "\F0004";
}

.mdi-account-alert::before {
  content: "\F0005";
}

.mdi-account-alert-outline::before {
  content: "\F0B50";
}

.mdi-account-arrow-down::before {
  content: "\F1868";
}

.mdi-account-arrow-down-outline::before {
  content: "\F1869";
}

.mdi-account-arrow-left::before {
  content: "\F0B51";
}

.mdi-account-arrow-left-outline::before {
  content: "\F0B52";
}

.mdi-account-arrow-right::before {
  content: "\F0B53";
}

.mdi-account-arrow-right-outline::before {
  content: "\F0B54";
}

.mdi-account-arrow-up::before {
  content: "\F1867";
}

.mdi-account-arrow-up-outline::before {
  content: "\F186A";
}

.mdi-account-badge::before {
  content: "\F1B0A";
}

.mdi-account-badge-outline::before {
  content: "\F1B0B";
}

.mdi-account-box::before {
  content: "\F0006";
}

.mdi-account-box-edit-outline::before {
  content: "\F1CC8";
}

.mdi-account-box-minus-outline::before {
  content: "\F1CC9";
}

.mdi-account-box-multiple::before {
  content: "\F0934";
}

.mdi-account-box-multiple-outline::before {
  content: "\F100A";
}

.mdi-account-box-outline::before {
  content: "\F0007";
}

.mdi-account-box-plus-outline::before {
  content: "\F1CCA";
}

.mdi-account-cancel::before {
  content: "\F12DF";
}

.mdi-account-cancel-outline::before {
  content: "\F12E0";
}

.mdi-account-card::before {
  content: "\F1BA4";
}

.mdi-account-card-outline::before {
  content: "\F1BA5";
}

.mdi-account-cash::before {
  content: "\F1097";
}

.mdi-account-cash-outline::before {
  content: "\F1098";
}

.mdi-account-check::before {
  content: "\F0008";
}

.mdi-account-check-outline::before {
  content: "\F0BE2";
}

.mdi-account-child::before {
  content: "\F0A89";
}

.mdi-account-child-circle::before {
  content: "\F0A8A";
}

.mdi-account-child-outline::before {
  content: "\F10C8";
}

.mdi-account-circle::before {
  content: "\F0009";
}

.mdi-account-circle-outline::before {
  content: "\F0B55";
}

.mdi-account-clock::before {
  content: "\F0B56";
}

.mdi-account-clock-outline::before {
  content: "\F0B57";
}

.mdi-account-cog::before {
  content: "\F1370";
}

.mdi-account-cog-outline::before {
  content: "\F1371";
}

.mdi-account-convert::before {
  content: "\F000A";
}

.mdi-account-convert-outline::before {
  content: "\F1301";
}

.mdi-account-cowboy-hat::before {
  content: "\F0E9B";
}

.mdi-account-cowboy-hat-outline::before {
  content: "\F17F3";
}

.mdi-account-credit-card::before {
  content: "\F1BA6";
}

.mdi-account-credit-card-outline::before {
  content: "\F1BA7";
}

.mdi-account-details::before {
  content: "\F0631";
}

.mdi-account-details-outline::before {
  content: "\F1372";
}

.mdi-account-edit::before {
  content: "\F06BC";
}

.mdi-account-edit-outline::before {
  content: "\F0FFB";
}

.mdi-account-eye::before {
  content: "\F0420";
}

.mdi-account-eye-outline::before {
  content: "\F127B";
}

.mdi-account-file::before {
  content: "\F1CA7";
}

.mdi-account-file-outline::before {
  content: "\F1CA8";
}

.mdi-account-file-text::before {
  content: "\F1CA9";
}

.mdi-account-file-text-outline::before {
  content: "\F1CAA";
}

.mdi-account-filter::before {
  content: "\F0936";
}

.mdi-account-filter-outline::before {
  content: "\F0F9D";
}

.mdi-account-group::before {
  content: "\F0849";
}

.mdi-account-group-outline::before {
  content: "\F0B58";
}

.mdi-account-hard-hat::before {
  content: "\F05B5";
}

.mdi-account-hard-hat-outline::before {
  content: "\F1A1F";
}

.mdi-account-heart::before {
  content: "\F0899";
}

.mdi-account-heart-outline::before {
  content: "\F0BE3";
}

.mdi-account-injury::before {
  content: "\F1815";
}

.mdi-account-injury-outline::before {
  content: "\F1816";
}

.mdi-account-key::before {
  content: "\F000B";
}

.mdi-account-key-outline::before {
  content: "\F0BE4";
}

.mdi-account-lock::before {
  content: "\F115E";
}

.mdi-account-lock-open::before {
  content: "\F1960";
}

.mdi-account-lock-open-outline::before {
  content: "\F1961";
}

.mdi-account-lock-outline::before {
  content: "\F115F";
}

.mdi-account-minus::before {
  content: "\F000D";
}

.mdi-account-minus-outline::before {
  content: "\F0AEC";
}

.mdi-account-multiple::before {
  content: "\F000E";
}

.mdi-account-multiple-check::before {
  content: "\F08C5";
}

.mdi-account-multiple-check-outline::before {
  content: "\F11FE";
}

.mdi-account-multiple-minus::before {
  content: "\F05D3";
}

.mdi-account-multiple-minus-outline::before {
  content: "\F0BE5";
}

.mdi-account-multiple-outline::before {
  content: "\F000F";
}

.mdi-account-multiple-plus::before {
  content: "\F0010";
}

.mdi-account-multiple-plus-outline::before {
  content: "\F0800";
}

.mdi-account-multiple-remove::before {
  content: "\F120A";
}

.mdi-account-multiple-remove-outline::before {
  content: "\F120B";
}

.mdi-account-music::before {
  content: "\F0803";
}

.mdi-account-music-outline::before {
  content: "\F0CE9";
}

.mdi-account-network::before {
  content: "\F0011";
}

.mdi-account-network-off::before {
  content: "\F1AF1";
}

.mdi-account-network-off-outline::before {
  content: "\F1AF2";
}

.mdi-account-network-outline::before {
  content: "\F0BE6";
}

.mdi-account-off::before {
  content: "\F0012";
}

.mdi-account-off-outline::before {
  content: "\F0BE7";
}

.mdi-account-outline::before {
  content: "\F0013";
}

.mdi-account-plus::before {
  content: "\F0014";
}

.mdi-account-plus-outline::before {
  content: "\F0801";
}

.mdi-account-question::before {
  content: "\F0B59";
}

.mdi-account-question-outline::before {
  content: "\F0B5A";
}

.mdi-account-reactivate::before {
  content: "\F152B";
}

.mdi-account-reactivate-outline::before {
  content: "\F152C";
}

.mdi-account-remove::before {
  content: "\F0015";
}

.mdi-account-remove-outline::before {
  content: "\F0AED";
}

.mdi-account-school::before {
  content: "\F1A20";
}

.mdi-account-school-outline::before {
  content: "\F1A21";
}

.mdi-account-search::before {
  content: "\F0016";
}

.mdi-account-search-outline::before {
  content: "\F0935";
}

.mdi-account-settings::before {
  content: "\F0630";
}

.mdi-account-settings-outline::before {
  content: "\F10C9";
}

.mdi-account-star::before {
  content: "\F0017";
}

.mdi-account-star-outline::before {
  content: "\F0BE8";
}

.mdi-account-supervisor::before {
  content: "\F0A8B";
}

.mdi-account-supervisor-circle::before {
  content: "\F0A8C";
}

.mdi-account-supervisor-circle-outline::before {
  content: "\F14EC";
}

.mdi-account-supervisor-outline::before {
  content: "\F112D";
}

.mdi-account-switch::before {
  content: "\F0019";
}

.mdi-account-switch-outline::before {
  content: "\F04CB";
}

.mdi-account-sync::before {
  content: "\F191B";
}

.mdi-account-sync-outline::before {
  content: "\F191C";
}

.mdi-account-tag::before {
  content: "\F1C1B";
}

.mdi-account-tag-outline::before {
  content: "\F1C1C";
}

.mdi-account-tie::before {
  content: "\F0CE3";
}

.mdi-account-tie-hat::before {
  content: "\F1898";
}

.mdi-account-tie-hat-outline::before {
  content: "\F1899";
}

.mdi-account-tie-outline::before {
  content: "\F10CA";
}

.mdi-account-tie-voice::before {
  content: "\F1308";
}

.mdi-account-tie-voice-off::before {
  content: "\F130A";
}

.mdi-account-tie-voice-off-outline::before {
  content: "\F130B";
}

.mdi-account-tie-voice-outline::before {
  content: "\F1309";
}

.mdi-account-tie-woman::before {
  content: "\F1A8C";
}

.mdi-account-voice::before {
  content: "\F05CB";
}

.mdi-account-voice-off::before {
  content: "\F0ED4";
}

.mdi-account-wrench::before {
  content: "\F189A";
}

.mdi-account-wrench-outline::before {
  content: "\F189B";
}

.mdi-adjust::before {
  content: "\F001A";
}

.mdi-advertisements::before {
  content: "\F192A";
}

.mdi-advertisements-off::before {
  content: "\F192B";
}

.mdi-air-conditioner::before {
  content: "\F001B";
}

.mdi-air-filter::before {
  content: "\F0D43";
}

.mdi-air-horn::before {
  content: "\F0DAC";
}

.mdi-air-humidifier::before {
  content: "\F1099";
}

.mdi-air-humidifier-off::before {
  content: "\F1466";
}

.mdi-air-purifier::before {
  content: "\F0D44";
}

.mdi-air-purifier-off::before {
  content: "\F1B57";
}

.mdi-airbag::before {
  content: "\F0BE9";
}

.mdi-airballoon::before {
  content: "\F001C";
}

.mdi-airballoon-outline::before {
  content: "\F100B";
}

.mdi-airplane::before {
  content: "\F001D";
}

.mdi-airplane-alert::before {
  content: "\F187A";
}

.mdi-airplane-check::before {
  content: "\F187B";
}

.mdi-airplane-clock::before {
  content: "\F187C";
}

.mdi-airplane-cog::before {
  content: "\F187D";
}

.mdi-airplane-edit::before {
  content: "\F187E";
}

.mdi-airplane-landing::before {
  content: "\F05D4";
}

.mdi-airplane-marker::before {
  content: "\F187F";
}

.mdi-airplane-minus::before {
  content: "\F1880";
}

.mdi-airplane-off::before {
  content: "\F001E";
}

.mdi-airplane-plus::before {
  content: "\F1881";
}

.mdi-airplane-remove::before {
  content: "\F1882";
}

.mdi-airplane-search::before {
  content: "\F1883";
}

.mdi-airplane-settings::before {
  content: "\F1884";
}

.mdi-airplane-takeoff::before {
  content: "\F05D5";
}

.mdi-airport::before {
  content: "\F084B";
}

.mdi-alarm::before {
  content: "\F0020";
}

.mdi-alarm-bell::before {
  content: "\F078E";
}

.mdi-alarm-check::before {
  content: "\F0021";
}

.mdi-alarm-light::before {
  content: "\F078F";
}

.mdi-alarm-light-off::before {
  content: "\F171E";
}

.mdi-alarm-light-off-outline::before {
  content: "\F171F";
}

.mdi-alarm-light-outline::before {
  content: "\F0BEA";
}

.mdi-alarm-multiple::before {
  content: "\F0022";
}

.mdi-alarm-note::before {
  content: "\F0E71";
}

.mdi-alarm-note-off::before {
  content: "\F0E72";
}

.mdi-alarm-off::before {
  content: "\F0023";
}

.mdi-alarm-panel::before {
  content: "\F15C4";
}

.mdi-alarm-panel-outline::before {
  content: "\F15C5";
}

.mdi-alarm-plus::before {
  content: "\F0024";
}

.mdi-alarm-snooze::before {
  content: "\F068E";
}

.mdi-album::before {
  content: "\F0025";
}

.mdi-alert::before {
  content: "\F0026";
}

.mdi-alert-box::before {
  content: "\F0027";
}

.mdi-alert-box-outline::before {
  content: "\F0CE4";
}

.mdi-alert-circle::before {
  content: "\F0028";
}

.mdi-alert-circle-check::before {
  content: "\F11ED";
}

.mdi-alert-circle-check-outline::before {
  content: "\F11EE";
}

.mdi-alert-circle-outline::before {
  content: "\F05D6";
}

.mdi-alert-decagram::before {
  content: "\F06BD";
}

.mdi-alert-decagram-outline::before {
  content: "\F0CE5";
}

.mdi-alert-minus::before {
  content: "\F14BB";
}

.mdi-alert-minus-outline::before {
  content: "\F14BE";
}

.mdi-alert-octagon::before {
  content: "\F0029";
}

.mdi-alert-octagon-outline::before {
  content: "\F0CE6";
}

.mdi-alert-octagram::before {
  content: "\F0767";
}

.mdi-alert-octagram-outline::before {
  content: "\F0CE7";
}

.mdi-alert-outline::before {
  content: "\F002A";
}

.mdi-alert-plus::before {
  content: "\F14BA";
}

.mdi-alert-plus-outline::before {
  content: "\F14BD";
}

.mdi-alert-remove::before {
  content: "\F14BC";
}

.mdi-alert-remove-outline::before {
  content: "\F14BF";
}

.mdi-alert-rhombus::before {
  content: "\F11CE";
}

.mdi-alert-rhombus-outline::before {
  content: "\F11CF";
}

.mdi-alien::before {
  content: "\F089A";
}

.mdi-alien-outline::before {
  content: "\F10CB";
}

.mdi-align-horizontal-center::before {
  content: "\F11C3";
}

.mdi-align-horizontal-distribute::before {
  content: "\F1962";
}

.mdi-align-horizontal-left::before {
  content: "\F11C2";
}

.mdi-align-horizontal-right::before {
  content: "\F11C4";
}

.mdi-align-vertical-bottom::before {
  content: "\F11C5";
}

.mdi-align-vertical-center::before {
  content: "\F11C6";
}

.mdi-align-vertical-distribute::before {
  content: "\F1963";
}

.mdi-align-vertical-top::before {
  content: "\F11C7";
}

.mdi-all-inclusive::before {
  content: "\F06BE";
}

.mdi-all-inclusive-box::before {
  content: "\F188D";
}

.mdi-all-inclusive-box-outline::before {
  content: "\F188E";
}

.mdi-allergy::before {
  content: "\F1258";
}

.mdi-alpha::before {
  content: "\F002B";
}

.mdi-alpha-a::before {
  content: "\F0AEE";
}

.mdi-alpha-a-box::before {
  content: "\F0B08";
}

.mdi-alpha-a-box-outline::before {
  content: "\F0BEB";
}

.mdi-alpha-a-circle::before {
  content: "\F0BEC";
}

.mdi-alpha-a-circle-outline::before {
  content: "\F0BED";
}

.mdi-alpha-b::before {
  content: "\F0AEF";
}

.mdi-alpha-b-box::before {
  content: "\F0B09";
}

.mdi-alpha-b-box-outline::before {
  content: "\F0BEE";
}

.mdi-alpha-b-circle::before {
  content: "\F0BEF";
}

.mdi-alpha-b-circle-outline::before {
  content: "\F0BF0";
}

.mdi-alpha-c::before {
  content: "\F0AF0";
}

.mdi-alpha-c-box::before {
  content: "\F0B0A";
}

.mdi-alpha-c-box-outline::before {
  content: "\F0BF1";
}

.mdi-alpha-c-circle::before {
  content: "\F0BF2";
}

.mdi-alpha-c-circle-outline::before {
  content: "\F0BF3";
}

.mdi-alpha-d::before {
  content: "\F0AF1";
}

.mdi-alpha-d-box::before {
  content: "\F0B0B";
}

.mdi-alpha-d-box-outline::before {
  content: "\F0BF4";
}

.mdi-alpha-d-circle::before {
  content: "\F0BF5";
}

.mdi-alpha-d-circle-outline::before {
  content: "\F0BF6";
}

.mdi-alpha-e::before {
  content: "\F0AF2";
}

.mdi-alpha-e-box::before {
  content: "\F0B0C";
}

.mdi-alpha-e-box-outline::before {
  content: "\F0BF7";
}

.mdi-alpha-e-circle::before {
  content: "\F0BF8";
}

.mdi-alpha-e-circle-outline::before {
  content: "\F0BF9";
}

.mdi-alpha-f::before {
  content: "\F0AF3";
}

.mdi-alpha-f-box::before {
  content: "\F0B0D";
}

.mdi-alpha-f-box-outline::before {
  content: "\F0BFA";
}

.mdi-alpha-f-circle::before {
  content: "\F0BFB";
}

.mdi-alpha-f-circle-outline::before {
  content: "\F0BFC";
}

.mdi-alpha-g::before {
  content: "\F0AF4";
}

.mdi-alpha-g-box::before {
  content: "\F0B0E";
}

.mdi-alpha-g-box-outline::before {
  content: "\F0BFD";
}

.mdi-alpha-g-circle::before {
  content: "\F0BFE";
}

.mdi-alpha-g-circle-outline::before {
  content: "\F0BFF";
}

.mdi-alpha-h::before {
  content: "\F0AF5";
}

.mdi-alpha-h-box::before {
  content: "\F0B0F";
}

.mdi-alpha-h-box-outline::before {
  content: "\F0C00";
}

.mdi-alpha-h-circle::before {
  content: "\F0C01";
}

.mdi-alpha-h-circle-outline::before {
  content: "\F0C02";
}

.mdi-alpha-i::before {
  content: "\F0AF6";
}

.mdi-alpha-i-box::before {
  content: "\F0B10";
}

.mdi-alpha-i-box-outline::before {
  content: "\F0C03";
}

.mdi-alpha-i-circle::before {
  content: "\F0C04";
}

.mdi-alpha-i-circle-outline::before {
  content: "\F0C05";
}

.mdi-alpha-j::before {
  content: "\F0AF7";
}

.mdi-alpha-j-box::before {
  content: "\F0B11";
}

.mdi-alpha-j-box-outline::before {
  content: "\F0C06";
}

.mdi-alpha-j-circle::before {
  content: "\F0C07";
}

.mdi-alpha-j-circle-outline::before {
  content: "\F0C08";
}

.mdi-alpha-k::before {
  content: "\F0AF8";
}

.mdi-alpha-k-box::before {
  content: "\F0B12";
}

.mdi-alpha-k-box-outline::before {
  content: "\F0C09";
}

.mdi-alpha-k-circle::before {
  content: "\F0C0A";
}

.mdi-alpha-k-circle-outline::before {
  content: "\F0C0B";
}

.mdi-alpha-l::before {
  content: "\F0AF9";
}

.mdi-alpha-l-box::before {
  content: "\F0B13";
}

.mdi-alpha-l-box-outline::before {
  content: "\F0C0C";
}

.mdi-alpha-l-circle::before {
  content: "\F0C0D";
}

.mdi-alpha-l-circle-outline::before {
  content: "\F0C0E";
}

.mdi-alpha-m::before {
  content: "\F0AFA";
}

.mdi-alpha-m-box::before {
  content: "\F0B14";
}

.mdi-alpha-m-box-outline::before {
  content: "\F0C0F";
}

.mdi-alpha-m-circle::before {
  content: "\F0C10";
}

.mdi-alpha-m-circle-outline::before {
  content: "\F0C11";
}

.mdi-alpha-n::before {
  content: "\F0AFB";
}

.mdi-alpha-n-box::before {
  content: "\F0B15";
}

.mdi-alpha-n-box-outline::before {
  content: "\F0C12";
}

.mdi-alpha-n-circle::before {
  content: "\F0C13";
}

.mdi-alpha-n-circle-outline::before {
  content: "\F0C14";
}

.mdi-alpha-o::before {
  content: "\F0AFC";
}

.mdi-alpha-o-box::before {
  content: "\F0B16";
}

.mdi-alpha-o-box-outline::before {
  content: "\F0C15";
}

.mdi-alpha-o-circle::before {
  content: "\F0C16";
}

.mdi-alpha-o-circle-outline::before {
  content: "\F0C17";
}

.mdi-alpha-p::before {
  content: "\F0AFD";
}

.mdi-alpha-p-box::before {
  content: "\F0B17";
}

.mdi-alpha-p-box-outline::before {
  content: "\F0C18";
}

.mdi-alpha-p-circle::before {
  content: "\F0C19";
}

.mdi-alpha-p-circle-outline::before {
  content: "\F0C1A";
}

.mdi-alpha-q::before {
  content: "\F0AFE";
}

.mdi-alpha-q-box::before {
  content: "\F0B18";
}

.mdi-alpha-q-box-outline::before {
  content: "\F0C1B";
}

.mdi-alpha-q-circle::before {
  content: "\F0C1C";
}

.mdi-alpha-q-circle-outline::before {
  content: "\F0C1D";
}

.mdi-alpha-r::before {
  content: "\F0AFF";
}

.mdi-alpha-r-box::before {
  content: "\F0B19";
}

.mdi-alpha-r-box-outline::before {
  content: "\F0C1E";
}

.mdi-alpha-r-circle::before {
  content: "\F0C1F";
}

.mdi-alpha-r-circle-outline::before {
  content: "\F0C20";
}

.mdi-alpha-s::before {
  content: "\F0B00";
}

.mdi-alpha-s-box::before {
  content: "\F0B1A";
}

.mdi-alpha-s-box-outline::before {
  content: "\F0C21";
}

.mdi-alpha-s-circle::before {
  content: "\F0C22";
}

.mdi-alpha-s-circle-outline::before {
  content: "\F0C23";
}

.mdi-alpha-t::before {
  content: "\F0B01";
}

.mdi-alpha-t-box::before {
  content: "\F0B1B";
}

.mdi-alpha-t-box-outline::before {
  content: "\F0C24";
}

.mdi-alpha-t-circle::before {
  content: "\F0C25";
}

.mdi-alpha-t-circle-outline::before {
  content: "\F0C26";
}

.mdi-alpha-u::before {
  content: "\F0B02";
}

.mdi-alpha-u-box::before {
  content: "\F0B1C";
}

.mdi-alpha-u-box-outline::before {
  content: "\F0C27";
}

.mdi-alpha-u-circle::before {
  content: "\F0C28";
}

.mdi-alpha-u-circle-outline::before {
  content: "\F0C29";
}

.mdi-alpha-v::before {
  content: "\F0B03";
}

.mdi-alpha-v-box::before {
  content: "\F0B1D";
}

.mdi-alpha-v-box-outline::before {
  content: "\F0C2A";
}

.mdi-alpha-v-circle::before {
  content: "\F0C2B";
}

.mdi-alpha-v-circle-outline::before {
  content: "\F0C2C";
}

.mdi-alpha-w::before {
  content: "\F0B04";
}

.mdi-alpha-w-box::before {
  content: "\F0B1E";
}

.mdi-alpha-w-box-outline::before {
  content: "\F0C2D";
}

.mdi-alpha-w-circle::before {
  content: "\F0C2E";
}

.mdi-alpha-w-circle-outline::before {
  content: "\F0C2F";
}

.mdi-alpha-x::before {
  content: "\F0B05";
}

.mdi-alpha-x-box::before {
  content: "\F0B1F";
}

.mdi-alpha-x-box-outline::before {
  content: "\F0C30";
}

.mdi-alpha-x-circle::before {
  content: "\F0C31";
}

.mdi-alpha-x-circle-outline::before {
  content: "\F0C32";
}

.mdi-alpha-y::before {
  content: "\F0B06";
}

.mdi-alpha-y-box::before {
  content: "\F0B20";
}

.mdi-alpha-y-box-outline::before {
  content: "\F0C33";
}

.mdi-alpha-y-circle::before {
  content: "\F0C34";
}

.mdi-alpha-y-circle-outline::before {
  content: "\F0C35";
}

.mdi-alpha-z::before {
  content: "\F0B07";
}

.mdi-alpha-z-box::before {
  content: "\F0B21";
}

.mdi-alpha-z-box-outline::before {
  content: "\F0C36";
}

.mdi-alpha-z-circle::before {
  content: "\F0C37";
}

.mdi-alpha-z-circle-outline::before {
  content: "\F0C38";
}

.mdi-alphabet-aurebesh::before {
  content: "\F132C";
}

.mdi-alphabet-cyrillic::before {
  content: "\F132D";
}

.mdi-alphabet-greek::before {
  content: "\F132E";
}

.mdi-alphabet-latin::before {
  content: "\F132F";
}

.mdi-alphabet-piqad::before {
  content: "\F1330";
}

.mdi-alphabet-tengwar::before {
  content: "\F1337";
}

.mdi-alphabetical::before {
  content: "\F002C";
}

.mdi-alphabetical-off::before {
  content: "\F100C";
}

.mdi-alphabetical-variant::before {
  content: "\F100D";
}

.mdi-alphabetical-variant-off::before {
  content: "\F100E";
}

.mdi-altimeter::before {
  content: "\F05D7";
}

.mdi-ambulance::before {
  content: "\F002F";
}

.mdi-ammunition::before {
  content: "\F0CE8";
}

.mdi-ampersand::before {
  content: "\F0A8D";
}

.mdi-amplifier::before {
  content: "\F0030";
}

.mdi-amplifier-off::before {
  content: "\F11B5";
}

.mdi-anchor::before {
  content: "\F0031";
}

.mdi-android::before {
  content: "\F0032";
}

.mdi-android-studio::before {
  content: "\F0034";
}

.mdi-angle-acute::before {
  content: "\F0937";
}

.mdi-angle-obtuse::before {
  content: "\F0938";
}

.mdi-angle-right::before {
  content: "\F0939";
}

.mdi-angular::before {
  content: "\F06B2";
}

.mdi-angularjs::before {
  content: "\F06BF";
}

.mdi-animation::before {
  content: "\F05D8";
}

.mdi-animation-outline::before {
  content: "\F0A8F";
}

.mdi-animation-play::before {
  content: "\F093A";
}

.mdi-animation-play-outline::before {
  content: "\F0A90";
}

.mdi-ansible::before {
  content: "\F109A";
}

.mdi-antenna::before {
  content: "\F1119";
}

.mdi-anvil::before {
  content: "\F089B";
}

.mdi-apache-kafka::before {
  content: "\F100F";
}

.mdi-api::before {
  content: "\F109B";
}

.mdi-api-off::before {
  content: "\F1257";
}

.mdi-apple::before {
  content: "\F0035";
}

.mdi-apple-finder::before {
  content: "\F0036";
}

.mdi-apple-icloud::before {
  content: "\F0038";
}

.mdi-apple-ios::before {
  content: "\F0037";
}

.mdi-apple-keyboard-caps::before {
  content: "\F0632";
}

.mdi-apple-keyboard-command::before {
  content: "\F0633";
}

.mdi-apple-keyboard-control::before {
  content: "\F0634";
}

.mdi-apple-keyboard-option::before {
  content: "\F0635";
}

.mdi-apple-keyboard-shift::before {
  content: "\F0636";
}

.mdi-apple-safari::before {
  content: "\F0039";
}

.mdi-application::before {
  content: "\F08C6";
}

.mdi-application-array::before {
  content: "\F10F5";
}

.mdi-application-array-outline::before {
  content: "\F10F6";
}

.mdi-application-braces::before {
  content: "\F10F7";
}

.mdi-application-braces-outline::before {
  content: "\F10F8";
}

.mdi-application-brackets::before {
  content: "\F0C8B";
}

.mdi-application-brackets-outline::before {
  content: "\F0C8C";
}

.mdi-application-cog::before {
  content: "\F0675";
}

.mdi-application-cog-outline::before {
  content: "\F1577";
}

.mdi-application-edit::before {
  content: "\F00AE";
}

.mdi-application-edit-outline::before {
  content: "\F0619";
}

.mdi-application-export::before {
  content: "\F0DAD";
}

.mdi-application-import::before {
  content: "\F0DAE";
}

.mdi-application-outline::before {
  content: "\F0614";
}

.mdi-application-parentheses::before {
  content: "\F10F9";
}

.mdi-application-parentheses-outline::before {
  content: "\F10FA";
}

.mdi-application-settings::before {
  content: "\F0B60";
}

.mdi-application-settings-outline::before {
  content: "\F1555";
}

.mdi-application-variable::before {
  content: "\F10FB";
}

.mdi-application-variable-outline::before {
  content: "\F10FC";
}

.mdi-approximately-equal::before {
  content: "\F0F9E";
}

.mdi-approximately-equal-box::before {
  content: "\F0F9F";
}

.mdi-apps::before {
  content: "\F003B";
}

.mdi-apps-box::before {
  content: "\F0D46";
}

.mdi-arch::before {
  content: "\F08C7";
}

.mdi-archive::before {
  content: "\F003C";
}

.mdi-archive-alert::before {
  content: "\F14FD";
}

.mdi-archive-alert-outline::before {
  content: "\F14FE";
}

.mdi-archive-arrow-down::before {
  content: "\F1259";
}

.mdi-archive-arrow-down-outline::before {
  content: "\F125A";
}

.mdi-archive-arrow-up::before {
  content: "\F125B";
}

.mdi-archive-arrow-up-outline::before {
  content: "\F125C";
}

.mdi-archive-cancel::before {
  content: "\F174B";
}

.mdi-archive-cancel-outline::before {
  content: "\F174C";
}

.mdi-archive-check::before {
  content: "\F174D";
}

.mdi-archive-check-outline::before {
  content: "\F174E";
}

.mdi-archive-clock::before {
  content: "\F174F";
}

.mdi-archive-clock-outline::before {
  content: "\F1750";
}

.mdi-archive-cog::before {
  content: "\F1751";
}

.mdi-archive-cog-outline::before {
  content: "\F1752";
}

.mdi-archive-edit::before {
  content: "\F1753";
}

.mdi-archive-edit-outline::before {
  content: "\F1754";
}

.mdi-archive-eye::before {
  content: "\F1755";
}

.mdi-archive-eye-outline::before {
  content: "\F1756";
}

.mdi-archive-lock::before {
  content: "\F1757";
}

.mdi-archive-lock-open::before {
  content: "\F1758";
}

.mdi-archive-lock-open-outline::before {
  content: "\F1759";
}

.mdi-archive-lock-outline::before {
  content: "\F175A";
}

.mdi-archive-marker::before {
  content: "\F175B";
}

.mdi-archive-marker-outline::before {
  content: "\F175C";
}

.mdi-archive-minus::before {
  content: "\F175D";
}

.mdi-archive-minus-outline::before {
  content: "\F175E";
}

.mdi-archive-music::before {
  content: "\F175F";
}

.mdi-archive-music-outline::before {
  content: "\F1760";
}

.mdi-archive-off::before {
  content: "\F1761";
}

.mdi-archive-off-outline::before {
  content: "\F1762";
}

.mdi-archive-outline::before {
  content: "\F120E";
}

.mdi-archive-plus::before {
  content: "\F1763";
}

.mdi-archive-plus-outline::before {
  content: "\F1764";
}

.mdi-archive-refresh::before {
  content: "\F1765";
}

.mdi-archive-refresh-outline::before {
  content: "\F1766";
}

.mdi-archive-remove::before {
  content: "\F1767";
}

.mdi-archive-remove-outline::before {
  content: "\F1768";
}

.mdi-archive-search::before {
  content: "\F1769";
}

.mdi-archive-search-outline::before {
  content: "\F176A";
}

.mdi-archive-settings::before {
  content: "\F176B";
}

.mdi-archive-settings-outline::before {
  content: "\F176C";
}

.mdi-archive-star::before {
  content: "\F176D";
}

.mdi-archive-star-outline::before {
  content: "\F176E";
}

.mdi-archive-sync::before {
  content: "\F176F";
}

.mdi-archive-sync-outline::before {
  content: "\F1770";
}

.mdi-arm-flex::before {
  content: "\F0FD7";
}

.mdi-arm-flex-outline::before {
  content: "\F0FD6";
}

.mdi-arrange-bring-forward::before {
  content: "\F003D";
}

.mdi-arrange-bring-to-front::before {
  content: "\F003E";
}

.mdi-arrange-send-backward::before {
  content: "\F003F";
}

.mdi-arrange-send-to-back::before {
  content: "\F0040";
}

.mdi-arrow-all::before {
  content: "\F0041";
}

.mdi-arrow-bottom-left::before {
  content: "\F0042";
}

.mdi-arrow-bottom-left-bold-box::before {
  content: "\F1964";
}

.mdi-arrow-bottom-left-bold-box-outline::before {
  content: "\F1965";
}

.mdi-arrow-bottom-left-bold-outline::before {
  content: "\F09B7";
}

.mdi-arrow-bottom-left-thick::before {
  content: "\F09B8";
}

.mdi-arrow-bottom-left-thin::before {
  content: "\F19B6";
}

.mdi-arrow-bottom-left-thin-circle-outline::before {
  content: "\F1596";
}

.mdi-arrow-bottom-right::before {
  content: "\F0043";
}

.mdi-arrow-bottom-right-bold-box::before {
  content: "\F1966";
}

.mdi-arrow-bottom-right-bold-box-outline::before {
  content: "\F1967";
}

.mdi-arrow-bottom-right-bold-outline::before {
  content: "\F09B9";
}

.mdi-arrow-bottom-right-thick::before {
  content: "\F09BA";
}

.mdi-arrow-bottom-right-thin::before {
  content: "\F19B7";
}

.mdi-arrow-bottom-right-thin-circle-outline::before {
  content: "\F1595";
}

.mdi-arrow-collapse::before {
  content: "\F0615";
}

.mdi-arrow-collapse-all::before {
  content: "\F0044";
}

.mdi-arrow-collapse-down::before {
  content: "\F0792";
}

.mdi-arrow-collapse-horizontal::before {
  content: "\F084C";
}

.mdi-arrow-collapse-left::before {
  content: "\F0793";
}

.mdi-arrow-collapse-right::before {
  content: "\F0794";
}

.mdi-arrow-collapse-up::before {
  content: "\F0795";
}

.mdi-arrow-collapse-vertical::before {
  content: "\F084D";
}

.mdi-arrow-decision::before {
  content: "\F09BB";
}

.mdi-arrow-decision-auto::before {
  content: "\F09BC";
}

.mdi-arrow-decision-auto-outline::before {
  content: "\F09BD";
}

.mdi-arrow-decision-outline::before {
  content: "\F09BE";
}

.mdi-arrow-down::before {
  content: "\F0045";
}

.mdi-arrow-down-bold::before {
  content: "\F072E";
}

.mdi-arrow-down-bold-box::before {
  content: "\F072F";
}

.mdi-arrow-down-bold-box-outline::before {
  content: "\F0730";
}

.mdi-arrow-down-bold-circle::before {
  content: "\F0047";
}

.mdi-arrow-down-bold-circle-outline::before {
  content: "\F0048";
}

.mdi-arrow-down-bold-hexagon-outline::before {
  content: "\F0049";
}

.mdi-arrow-down-bold-outline::before {
  content: "\F09BF";
}

.mdi-arrow-down-box::before {
  content: "\F06C0";
}

.mdi-arrow-down-circle::before {
  content: "\F0CDB";
}

.mdi-arrow-down-circle-outline::before {
  content: "\F0CDC";
}

.mdi-arrow-down-drop-circle::before {
  content: "\F004A";
}

.mdi-arrow-down-drop-circle-outline::before {
  content: "\F004B";
}

.mdi-arrow-down-left::before {
  content: "\F17A1";
}

.mdi-arrow-down-left-bold::before {
  content: "\F17A2";
}

.mdi-arrow-down-right::before {
  content: "\F17A3";
}

.mdi-arrow-down-right-bold::before {
  content: "\F17A4";
}

.mdi-arrow-down-thick::before {
  content: "\F0046";
}

.mdi-arrow-down-thin::before {
  content: "\F19B3";
}

.mdi-arrow-down-thin-circle-outline::before {
  content: "\F1599";
}

.mdi-arrow-expand::before {
  content: "\F0616";
}

.mdi-arrow-expand-all::before {
  content: "\F004C";
}

.mdi-arrow-expand-down::before {
  content: "\F0796";
}

.mdi-arrow-expand-horizontal::before {
  content: "\F084E";
}

.mdi-arrow-expand-left::before {
  content: "\F0797";
}

.mdi-arrow-expand-right::before {
  content: "\F0798";
}

.mdi-arrow-expand-up::before {
  content: "\F0799";
}

.mdi-arrow-expand-vertical::before {
  content: "\F084F";
}

.mdi-arrow-horizontal-lock::before {
  content: "\F115B";
}

.mdi-arrow-left::before {
  content: "\F004D";
}

.mdi-arrow-left-bold::before {
  content: "\F0731";
}

.mdi-arrow-left-bold-box::before {
  content: "\F0732";
}

.mdi-arrow-left-bold-box-outline::before {
  content: "\F0733";
}

.mdi-arrow-left-bold-circle::before {
  content: "\F004F";
}

.mdi-arrow-left-bold-circle-outline::before {
  content: "\F0050";
}

.mdi-arrow-left-bold-hexagon-outline::before {
  content: "\F0051";
}

.mdi-arrow-left-bold-outline::before {
  content: "\F09C0";
}

.mdi-arrow-left-bottom::before {
  content: "\F17A5";
}

.mdi-arrow-left-bottom-bold::before {
  content: "\F17A6";
}

.mdi-arrow-left-box::before {
  content: "\F06C1";
}

.mdi-arrow-left-circle::before {
  content: "\F0CDD";
}

.mdi-arrow-left-circle-outline::before {
  content: "\F0CDE";
}

.mdi-arrow-left-drop-circle::before {
  content: "\F0052";
}

.mdi-arrow-left-drop-circle-outline::before {
  content: "\F0053";
}

.mdi-arrow-left-right::before {
  content: "\F0E73";
}

.mdi-arrow-left-right-bold::before {
  content: "\F0E74";
}

.mdi-arrow-left-right-bold-outline::before {
  content: "\F09C1";
}

.mdi-arrow-left-thick::before {
  content: "\F004E";
}

.mdi-arrow-left-thin::before {
  content: "\F19B1";
}

.mdi-arrow-left-thin-circle-outline::before {
  content: "\F159A";
}

.mdi-arrow-left-top::before {
  content: "\F17A7";
}

.mdi-arrow-left-top-bold::before {
  content: "\F17A8";
}

.mdi-arrow-oscillating::before {
  content: "\F1C91";
}

.mdi-arrow-oscillating-off::before {
  content: "\F1C92";
}

.mdi-arrow-projectile::before {
  content: "\F1840";
}

.mdi-arrow-projectile-multiple::before {
  content: "\F183F";
}

.mdi-arrow-right::before {
  content: "\F0054";
}

.mdi-arrow-right-bold::before {
  content: "\F0734";
}

.mdi-arrow-right-bold-box::before {
  content: "\F0735";
}

.mdi-arrow-right-bold-box-outline::before {
  content: "\F0736";
}

.mdi-arrow-right-bold-circle::before {
  content: "\F0056";
}

.mdi-arrow-right-bold-circle-outline::before {
  content: "\F0057";
}

.mdi-arrow-right-bold-hexagon-outline::before {
  content: "\F0058";
}

.mdi-arrow-right-bold-outline::before {
  content: "\F09C2";
}

.mdi-arrow-right-bottom::before {
  content: "\F17A9";
}

.mdi-arrow-right-bottom-bold::before {
  content: "\F17AA";
}

.mdi-arrow-right-box::before {
  content: "\F06C2";
}

.mdi-arrow-right-circle::before {
  content: "\F0CDF";
}

.mdi-arrow-right-circle-outline::before {
  content: "\F0CE0";
}

.mdi-arrow-right-drop-circle::before {
  content: "\F0059";
}

.mdi-arrow-right-drop-circle-outline::before {
  content: "\F005A";
}

.mdi-arrow-right-thick::before {
  content: "\F0055";
}

.mdi-arrow-right-thin::before {
  content: "\F19B0";
}

.mdi-arrow-right-thin-circle-outline::before {
  content: "\F1598";
}

.mdi-arrow-right-top::before {
  content: "\F17AB";
}

.mdi-arrow-right-top-bold::before {
  content: "\F17AC";
}

.mdi-arrow-split-horizontal::before {
  content: "\F093B";
}

.mdi-arrow-split-vertical::before {
  content: "\F093C";
}

.mdi-arrow-top-left::before {
  content: "\F005B";
}

.mdi-arrow-top-left-bold-box::before {
  content: "\F1968";
}

.mdi-arrow-top-left-bold-box-outline::before {
  content: "\F1969";
}

.mdi-arrow-top-left-bold-outline::before {
  content: "\F09C3";
}

.mdi-arrow-top-left-bottom-right::before {
  content: "\F0E75";
}

.mdi-arrow-top-left-bottom-right-bold::before {
  content: "\F0E76";
}

.mdi-arrow-top-left-thick::before {
  content: "\F09C4";
}

.mdi-arrow-top-left-thin::before {
  content: "\F19B5";
}

.mdi-arrow-top-left-thin-circle-outline::before {
  content: "\F1593";
}

.mdi-arrow-top-right::before {
  content: "\F005C";
}

.mdi-arrow-top-right-bold-box::before {
  content: "\F196A";
}

.mdi-arrow-top-right-bold-box-outline::before {
  content: "\F196B";
}

.mdi-arrow-top-right-bold-outline::before {
  content: "\F09C5";
}

.mdi-arrow-top-right-bottom-left::before {
  content: "\F0E77";
}

.mdi-arrow-top-right-bottom-left-bold::before {
  content: "\F0E78";
}

.mdi-arrow-top-right-thick::before {
  content: "\F09C6";
}

.mdi-arrow-top-right-thin::before {
  content: "\F19B4";
}

.mdi-arrow-top-right-thin-circle-outline::before {
  content: "\F1594";
}

.mdi-arrow-u-down-left::before {
  content: "\F17AD";
}

.mdi-arrow-u-down-left-bold::before {
  content: "\F17AE";
}

.mdi-arrow-u-down-right::before {
  content: "\F17AF";
}

.mdi-arrow-u-down-right-bold::before {
  content: "\F17B0";
}

.mdi-arrow-u-left-bottom::before {
  content: "\F17B1";
}

.mdi-arrow-u-left-bottom-bold::before {
  content: "\F17B2";
}

.mdi-arrow-u-left-top::before {
  content: "\F17B3";
}

.mdi-arrow-u-left-top-bold::before {
  content: "\F17B4";
}

.mdi-arrow-u-right-bottom::before {
  content: "\F17B5";
}

.mdi-arrow-u-right-bottom-bold::before {
  content: "\F17B6";
}

.mdi-arrow-u-right-top::before {
  content: "\F17B7";
}

.mdi-arrow-u-right-top-bold::before {
  content: "\F17B8";
}

.mdi-arrow-u-up-left::before {
  content: "\F17B9";
}

.mdi-arrow-u-up-left-bold::before {
  content: "\F17BA";
}

.mdi-arrow-u-up-right::before {
  content: "\F17BB";
}

.mdi-arrow-u-up-right-bold::before {
  content: "\F17BC";
}

.mdi-arrow-up::before {
  content: "\F005D";
}

.mdi-arrow-up-bold::before {
  content: "\F0737";
}

.mdi-arrow-up-bold-box::before {
  content: "\F0738";
}

.mdi-arrow-up-bold-box-outline::before {
  content: "\F0739";
}

.mdi-arrow-up-bold-circle::before {
  content: "\F005F";
}

.mdi-arrow-up-bold-circle-outline::before {
  content: "\F0060";
}

.mdi-arrow-up-bold-hexagon-outline::before {
  content: "\F0061";
}

.mdi-arrow-up-bold-outline::before {
  content: "\F09C7";
}

.mdi-arrow-up-box::before {
  content: "\F06C3";
}

.mdi-arrow-up-circle::before {
  content: "\F0CE1";
}

.mdi-arrow-up-circle-outline::before {
  content: "\F0CE2";
}

.mdi-arrow-up-down::before {
  content: "\F0E79";
}

.mdi-arrow-up-down-bold::before {
  content: "\F0E7A";
}

.mdi-arrow-up-down-bold-outline::before {
  content: "\F09C8";
}

.mdi-arrow-up-drop-circle::before {
  content: "\F0062";
}

.mdi-arrow-up-drop-circle-outline::before {
  content: "\F0063";
}

.mdi-arrow-up-left::before {
  content: "\F17BD";
}

.mdi-arrow-up-left-bold::before {
  content: "\F17BE";
}

.mdi-arrow-up-right::before {
  content: "\F17BF";
}

.mdi-arrow-up-right-bold::before {
  content: "\F17C0";
}

.mdi-arrow-up-thick::before {
  content: "\F005E";
}

.mdi-arrow-up-thin::before {
  content: "\F19B2";
}

.mdi-arrow-up-thin-circle-outline::before {
  content: "\F1597";
}

.mdi-arrow-vertical-lock::before {
  content: "\F115C";
}

.mdi-artboard::before {
  content: "\F1B9A";
}

.mdi-artstation::before {
  content: "\F0B5B";
}

.mdi-aspect-ratio::before {
  content: "\F0A24";
}

.mdi-assistant::before {
  content: "\F0064";
}

.mdi-asterisk::before {
  content: "\F06C4";
}

.mdi-asterisk-circle-outline::before {
  content: "\F1A27";
}

.mdi-at::before {
  content: "\F0065";
}

.mdi-atlassian::before {
  content: "\F0804";
}

.mdi-atm::before {
  content: "\F0D47";
}

.mdi-atom::before {
  content: "\F0768";
}

.mdi-atom-variant::before {
  content: "\F0E7B";
}

.mdi-attachment::before {
  content: "\F0066";
}

.mdi-attachment-check::before {
  content: "\F1AC1";
}

.mdi-attachment-lock::before {
  content: "\F19C4";
}

.mdi-attachment-minus::before {
  content: "\F1AC2";
}

.mdi-attachment-off::before {
  content: "\F1AC3";
}

.mdi-attachment-plus::before {
  content: "\F1AC4";
}

.mdi-attachment-remove::before {
  content: "\F1AC5";
}

.mdi-atv::before {
  content: "\F1B70";
}

.mdi-audio-input-rca::before {
  content: "\F186B";
}

.mdi-audio-input-stereo-minijack::before {
  content: "\F186C";
}

.mdi-audio-input-xlr::before {
  content: "\F186D";
}

.mdi-audio-video::before {
  content: "\F093D";
}

.mdi-audio-video-off::before {
  content: "\F11B6";
}

.mdi-augmented-reality::before {
  content: "\F0850";
}

.mdi-aurora::before {
  content: "\F1BB9";
}

.mdi-auto-download::before {
  content: "\F137E";
}

.mdi-auto-fix::before {
  content: "\F0068";
}

.mdi-auto-mode::before {
  content: "\F1C20";
}

.mdi-auto-upload::before {
  content: "\F0069";
}

.mdi-autorenew::before {
  content: "\F006A";
}

.mdi-autorenew-off::before {
  content: "\F19E7";
}

.mdi-av-timer::before {
  content: "\F006B";
}

.mdi-awning::before {
  content: "\F1B87";
}

.mdi-awning-outline::before {
  content: "\F1B88";
}

.mdi-aws::before {
  content: "\F0E0F";
}

.mdi-axe::before {
  content: "\F08C8";
}

.mdi-axe-battle::before {
  content: "\F1842";
}

.mdi-axis::before {
  content: "\F0D48";
}

.mdi-axis-arrow::before {
  content: "\F0D49";
}

.mdi-axis-arrow-info::before {
  content: "\F140E";
}

.mdi-axis-arrow-lock::before {
  content: "\F0D4A";
}

.mdi-axis-lock::before {
  content: "\F0D4B";
}

.mdi-axis-x-arrow::before {
  content: "\F0D4C";
}

.mdi-axis-x-arrow-lock::before {
  content: "\F0D4D";
}

.mdi-axis-x-rotate-clockwise::before {
  content: "\F0D4E";
}

.mdi-axis-x-rotate-counterclockwise::before {
  content: "\F0D4F";
}

.mdi-axis-x-y-arrow-lock::before {
  content: "\F0D50";
}

.mdi-axis-y-arrow::before {
  content: "\F0D51";
}

.mdi-axis-y-arrow-lock::before {
  content: "\F0D52";
}

.mdi-axis-y-rotate-clockwise::before {
  content: "\F0D53";
}

.mdi-axis-y-rotate-counterclockwise::before {
  content: "\F0D54";
}

.mdi-axis-z-arrow::before {
  content: "\F0D55";
}

.mdi-axis-z-arrow-lock::before {
  content: "\F0D56";
}

.mdi-axis-z-rotate-clockwise::before {
  content: "\F0D57";
}

.mdi-axis-z-rotate-counterclockwise::before {
  content: "\F0D58";
}

.mdi-babel::before {
  content: "\F0A25";
}

.mdi-baby::before {
  content: "\F006C";
}

.mdi-baby-bottle::before {
  content: "\F0F39";
}

.mdi-baby-bottle-outline::before {
  content: "\F0F3A";
}

.mdi-baby-buggy::before {
  content: "\F13E0";
}

.mdi-baby-buggy-off::before {
  content: "\F1AF3";
}

.mdi-baby-carriage::before {
  content: "\F068F";
}

.mdi-baby-carriage-off::before {
  content: "\F0FA0";
}

.mdi-baby-face::before {
  content: "\F0E7C";
}

.mdi-baby-face-outline::before {
  content: "\F0E7D";
}

.mdi-backburger::before {
  content: "\F006D";
}

.mdi-backspace::before {
  content: "\F006E";
}

.mdi-backspace-outline::before {
  content: "\F0B5C";
}

.mdi-backspace-reverse::before {
  content: "\F0E7E";
}

.mdi-backspace-reverse-outline::before {
  content: "\F0E7F";
}

.mdi-backup-restore::before {
  content: "\F006F";
}

.mdi-bacteria::before {
  content: "\F0ED5";
}

.mdi-bacteria-outline::before {
  content: "\F0ED6";
}

.mdi-badge-account::before {
  content: "\F0DA7";
}

.mdi-badge-account-alert::before {
  content: "\F0DA8";
}

.mdi-badge-account-alert-outline::before {
  content: "\F0DA9";
}

.mdi-badge-account-horizontal::before {
  content: "\F0E0D";
}

.mdi-badge-account-horizontal-outline::before {
  content: "\F0E0E";
}

.mdi-badge-account-outline::before {
  content: "\F0DAA";
}

.mdi-badminton::before {
  content: "\F0851";
}

.mdi-bag-carry-on::before {
  content: "\F0F3B";
}

.mdi-bag-carry-on-check::before {
  content: "\F0D65";
}

.mdi-bag-carry-on-off::before {
  content: "\F0F3C";
}

.mdi-bag-checked::before {
  content: "\F0F3D";
}

.mdi-bag-personal::before {
  content: "\F0E10";
}

.mdi-bag-personal-off::before {
  content: "\F0E11";
}

.mdi-bag-personal-off-outline::before {
  content: "\F0E12";
}

.mdi-bag-personal-outline::before {
  content: "\F0E13";
}

.mdi-bag-personal-plus::before {
  content: "\F1CA4";
}

.mdi-bag-personal-plus-outline::before {
  content: "\F1CA5";
}

.mdi-bag-personal-tag::before {
  content: "\F1B0C";
}

.mdi-bag-personal-tag-outline::before {
  content: "\F1B0D";
}

.mdi-bag-suitcase::before {
  content: "\F158B";
}

.mdi-bag-suitcase-off::before {
  content: "\F158D";
}

.mdi-bag-suitcase-off-outline::before {
  content: "\F158E";
}

.mdi-bag-suitcase-outline::before {
  content: "\F158C";
}

.mdi-baguette::before {
  content: "\F0F3E";
}

.mdi-balcony::before {
  content: "\F1817";
}

.mdi-balloon::before {
  content: "\F0A26";
}

.mdi-ballot::before {
  content: "\F09C9";
}

.mdi-ballot-outline::before {
  content: "\F09CA";
}

.mdi-ballot-recount::before {
  content: "\F0C39";
}

.mdi-ballot-recount-outline::before {
  content: "\F0C3A";
}

.mdi-bandage::before {
  content: "\F0DAF";
}

.mdi-bank::before {
  content: "\F0070";
}

.mdi-bank-check::before {
  content: "\F1655";
}

.mdi-bank-circle::before {
  content: "\F1C03";
}

.mdi-bank-circle-outline::before {
  content: "\F1C04";
}

.mdi-bank-minus::before {
  content: "\F0DB0";
}

.mdi-bank-off::before {
  content: "\F1656";
}

.mdi-bank-off-outline::before {
  content: "\F1657";
}

.mdi-bank-outline::before {
  content: "\F0E80";
}

.mdi-bank-plus::before {
  content: "\F0DB1";
}

.mdi-bank-remove::before {
  content: "\F0DB2";
}

.mdi-bank-transfer::before {
  content: "\F0A27";
}

.mdi-bank-transfer-in::before {
  content: "\F0A28";
}

.mdi-bank-transfer-out::before {
  content: "\F0A29";
}

.mdi-barcode::before {
  content: "\F0071";
}

.mdi-barcode-off::before {
  content: "\F1236";
}

.mdi-barcode-scan::before {
  content: "\F0072";
}

.mdi-barley::before {
  content: "\F0073";
}

.mdi-barley-off::before {
  content: "\F0B5D";
}

.mdi-barn::before {
  content: "\F0B5E";
}

.mdi-barrel::before {
  content: "\F0074";
}

.mdi-barrel-outline::before {
  content: "\F1A28";
}

.mdi-baseball::before {
  content: "\F0852";
}

.mdi-baseball-bat::before {
  content: "\F0853";
}

.mdi-baseball-diamond::before {
  content: "\F15EC";
}

.mdi-baseball-diamond-outline::before {
  content: "\F15ED";
}

.mdi-baseball-outline::before {
  content: "\F1C5A";
}

.mdi-bash::before {
  content: "\F1183";
}

.mdi-basket::before {
  content: "\F0076";
}

.mdi-basket-check::before {
  content: "\F18E5";
}

.mdi-basket-check-outline::before {
  content: "\F18E6";
}

.mdi-basket-fill::before {
  content: "\F0077";
}

.mdi-basket-minus::before {
  content: "\F1523";
}

.mdi-basket-minus-outline::before {
  content: "\F1524";
}

.mdi-basket-off::before {
  content: "\F1525";
}

.mdi-basket-off-outline::before {
  content: "\F1526";
}

.mdi-basket-outline::before {
  content: "\F1181";
}

.mdi-basket-plus::before {
  content: "\F1527";
}

.mdi-basket-plus-outline::before {
  content: "\F1528";
}

.mdi-basket-remove::before {
  content: "\F1529";
}

.mdi-basket-remove-outline::before {
  content: "\F152A";
}

.mdi-basket-unfill::before {
  content: "\F0078";
}

.mdi-basketball::before {
  content: "\F0806";
}

.mdi-basketball-hoop::before {
  content: "\F0C3B";
}

.mdi-basketball-hoop-outline::before {
  content: "\F0C3C";
}

.mdi-bat::before {
  content: "\F0B5F";
}

.mdi-bathtub::before {
  content: "\F1818";
}

.mdi-bathtub-outline::before {
  content: "\F1819";
}

.mdi-battery::before {
  content: "\F0079";
}

.mdi-battery-10::before {
  content: "\F007A";
}

.mdi-battery-10-bluetooth::before {
  content: "\F093E";
}

.mdi-battery-20::before {
  content: "\F007B";
}

.mdi-battery-20-bluetooth::before {
  content: "\F093F";
}

.mdi-battery-30::before {
  content: "\F007C";
}

.mdi-battery-30-bluetooth::before {
  content: "\F0940";
}

.mdi-battery-40::before {
  content: "\F007D";
}

.mdi-battery-40-bluetooth::before {
  content: "\F0941";
}

.mdi-battery-50::before {
  content: "\F007E";
}

.mdi-battery-50-bluetooth::before {
  content: "\F0942";
}

.mdi-battery-60::before {
  content: "\F007F";
}

.mdi-battery-60-bluetooth::before {
  content: "\F0943";
}

.mdi-battery-70::before {
  content: "\F0080";
}

.mdi-battery-70-bluetooth::before {
  content: "\F0944";
}

.mdi-battery-80::before {
  content: "\F0081";
}

.mdi-battery-80-bluetooth::before {
  content: "\F0945";
}

.mdi-battery-90::before {
  content: "\F0082";
}

.mdi-battery-90-bluetooth::before {
  content: "\F0946";
}

.mdi-battery-alert::before {
  content: "\F0083";
}

.mdi-battery-alert-bluetooth::before {
  content: "\F0947";
}

.mdi-battery-alert-variant::before {
  content: "\F10CC";
}

.mdi-battery-alert-variant-outline::before {
  content: "\F10CD";
}

.mdi-battery-arrow-down::before {
  content: "\F17DE";
}

.mdi-battery-arrow-down-outline::before {
  content: "\F17DF";
}

.mdi-battery-arrow-up::before {
  content: "\F17E0";
}

.mdi-battery-arrow-up-outline::before {
  content: "\F17E1";
}

.mdi-battery-bluetooth::before {
  content: "\F0948";
}

.mdi-battery-bluetooth-variant::before {
  content: "\F0949";
}

.mdi-battery-charging::before {
  content: "\F0084";
}

.mdi-battery-charging-10::before {
  content: "\F089C";
}

.mdi-battery-charging-100::before {
  content: "\F0085";
}

.mdi-battery-charging-20::before {
  content: "\F0086";
}

.mdi-battery-charging-30::before {
  content: "\F0087";
}

.mdi-battery-charging-40::before {
  content: "\F0088";
}

.mdi-battery-charging-50::before {
  content: "\F089D";
}

.mdi-battery-charging-60::before {
  content: "\F0089";
}

.mdi-battery-charging-70::before {
  content: "\F089E";
}

.mdi-battery-charging-80::before {
  content: "\F008A";
}

.mdi-battery-charging-90::before {
  content: "\F008B";
}

.mdi-battery-charging-high::before {
  content: "\F12A6";
}

.mdi-battery-charging-low::before {
  content: "\F12A4";
}

.mdi-battery-charging-medium::before {
  content: "\F12A5";
}

.mdi-battery-charging-outline::before {
  content: "\F089F";
}

.mdi-battery-charging-wireless::before {
  content: "\F0807";
}

.mdi-battery-charging-wireless-10::before {
  content: "\F0808";
}

.mdi-battery-charging-wireless-20::before {
  content: "\F0809";
}

.mdi-battery-charging-wireless-30::before {
  content: "\F080A";
}

.mdi-battery-charging-wireless-40::before {
  content: "\F080B";
}

.mdi-battery-charging-wireless-50::before {
  content: "\F080C";
}

.mdi-battery-charging-wireless-60::before {
  content: "\F080D";
}

.mdi-battery-charging-wireless-70::before {
  content: "\F080E";
}

.mdi-battery-charging-wireless-80::before {
  content: "\F080F";
}

.mdi-battery-charging-wireless-90::before {
  content: "\F0810";
}

.mdi-battery-charging-wireless-alert::before {
  content: "\F0811";
}

.mdi-battery-charging-wireless-outline::before {
  content: "\F0812";
}

.mdi-battery-check::before {
  content: "\F17E2";
}

.mdi-battery-check-outline::before {
  content: "\F17E3";
}

.mdi-battery-clock::before {
  content: "\F19E5";
}

.mdi-battery-clock-outline::before {
  content: "\F19E6";
}

.mdi-battery-heart::before {
  content: "\F120F";
}

.mdi-battery-heart-outline::before {
  content: "\F1210";
}

.mdi-battery-heart-variant::before {
  content: "\F1211";
}

.mdi-battery-high::before {
  content: "\F12A3";
}

.mdi-battery-lock::before {
  content: "\F179C";
}

.mdi-battery-lock-open::before {
  content: "\F179D";
}

.mdi-battery-low::before {
  content: "\F12A1";
}

.mdi-battery-medium::before {
  content: "\F12A2";
}

.mdi-battery-minus::before {
  content: "\F17E4";
}

.mdi-battery-minus-outline::before {
  content: "\F17E5";
}

.mdi-battery-minus-variant::before {
  content: "\F008C";
}

.mdi-battery-negative::before {
  content: "\F008D";
}

.mdi-battery-off::before {
  content: "\F125D";
}

.mdi-battery-off-outline::before {
  content: "\F125E";
}

.mdi-battery-outline::before {
  content: "\F008E";
}

.mdi-battery-plus::before {
  content: "\F17E6";
}

.mdi-battery-plus-outline::before {
  content: "\F17E7";
}

.mdi-battery-plus-variant::before {
  content: "\F008F";
}

.mdi-battery-positive::before {
  content: "\F0090";
}

.mdi-battery-remove::before {
  content: "\F17E8";
}

.mdi-battery-remove-outline::before {
  content: "\F17E9";
}

.mdi-battery-sync::before {
  content: "\F1834";
}

.mdi-battery-sync-outline::before {
  content: "\F1835";
}

.mdi-battery-unknown::before {
  content: "\F0091";
}

.mdi-battery-unknown-bluetooth::before {
  content: "\F094A";
}

.mdi-beach::before {
  content: "\F0092";
}

.mdi-beaker::before {
  content: "\F0CEA";
}

.mdi-beaker-alert::before {
  content: "\F1229";
}

.mdi-beaker-alert-outline::before {
  content: "\F122A";
}

.mdi-beaker-check::before {
  content: "\F122B";
}

.mdi-beaker-check-outline::before {
  content: "\F122C";
}

.mdi-beaker-minus::before {
  content: "\F122D";
}

.mdi-beaker-minus-outline::before {
  content: "\F122E";
}

.mdi-beaker-outline::before {
  content: "\F0690";
}

.mdi-beaker-plus::before {
  content: "\F122F";
}

.mdi-beaker-plus-outline::before {
  content: "\F1230";
}

.mdi-beaker-question::before {
  content: "\F1231";
}

.mdi-beaker-question-outline::before {
  content: "\F1232";
}

.mdi-beaker-remove::before {
  content: "\F1233";
}

.mdi-beaker-remove-outline::before {
  content: "\F1234";
}

.mdi-bed::before {
  content: "\F02E3";
}

.mdi-bed-clock::before {
  content: "\F1B94";
}

.mdi-bed-double::before {
  content: "\F0FD4";
}

.mdi-bed-double-outline::before {
  content: "\F0FD3";
}

.mdi-bed-empty::before {
  content: "\F08A0";
}

.mdi-bed-king::before {
  content: "\F0FD2";
}

.mdi-bed-king-outline::before {
  content: "\F0FD1";
}

.mdi-bed-outline::before {
  content: "\F0099";
}

.mdi-bed-queen::before {
  content: "\F0FD0";
}

.mdi-bed-queen-outline::before {
  content: "\F0FDB";
}

.mdi-bed-single::before {
  content: "\F106D";
}

.mdi-bed-single-outline::before {
  content: "\F106E";
}

.mdi-bee::before {
  content: "\F0FA1";
}

.mdi-bee-flower::before {
  content: "\F0FA2";
}

.mdi-beehive-off-outline::before {
  content: "\F13ED";
}

.mdi-beehive-outline::before {
  content: "\F10CE";
}

.mdi-beekeeper::before {
  content: "\F14E2";
}

.mdi-beer::before {
  content: "\F0098";
}

.mdi-beer-outline::before {
  content: "\F130C";
}

.mdi-bell::before {
  content: "\F009A";
}

.mdi-bell-alert::before {
  content: "\F0D59";
}

.mdi-bell-alert-outline::before {
  content: "\F0E81";
}

.mdi-bell-badge::before {
  content: "\F116B";
}

.mdi-bell-badge-outline::before {
  content: "\F0178";
}

.mdi-bell-cancel::before {
  content: "\F13E7";
}

.mdi-bell-cancel-outline::before {
  content: "\F13E8";
}

.mdi-bell-check::before {
  content: "\F11E5";
}

.mdi-bell-check-outline::before {
  content: "\F11E6";
}

.mdi-bell-circle::before {
  content: "\F0D5A";
}

.mdi-bell-circle-outline::before {
  content: "\F0D5B";
}

.mdi-bell-cog::before {
  content: "\F1A29";
}

.mdi-bell-cog-outline::before {
  content: "\F1A2A";
}

.mdi-bell-minus::before {
  content: "\F13E9";
}

.mdi-bell-minus-outline::before {
  content: "\F13EA";
}

.mdi-bell-off::before {
  content: "\F009B";
}

.mdi-bell-off-outline::before {
  content: "\F0A91";
}

.mdi-bell-outline::before {
  content: "\F009C";
}

.mdi-bell-plus::before {
  content: "\F009D";
}

.mdi-bell-plus-outline::before {
  content: "\F0A92";
}

.mdi-bell-remove::before {
  content: "\F13EB";
}

.mdi-bell-remove-outline::before {
  content: "\F13EC";
}

.mdi-bell-ring::before {
  content: "\F009E";
}

.mdi-bell-ring-outline::before {
  content: "\F009F";
}

.mdi-bell-sleep::before {
  content: "\F00A0";
}

.mdi-bell-sleep-outline::before {
  content: "\F0A93";
}

.mdi-bench::before {
  content: "\F1C21";
}

.mdi-bench-back::before {
  content: "\F1C22";
}

.mdi-beta::before {
  content: "\F00A1";
}

.mdi-betamax::before {
  content: "\F09CB";
}

.mdi-biathlon::before {
  content: "\F0E14";
}

.mdi-bicycle::before {
  content: "\F109C";
}

.mdi-bicycle-basket::before {
  content: "\F1235";
}

.mdi-bicycle-cargo::before {
  content: "\F189C";
}

.mdi-bicycle-electric::before {
  content: "\F15B4";
}

.mdi-bicycle-penny-farthing::before {
  content: "\F15E9";
}

.mdi-bike::before {
  content: "\F00A3";
}

.mdi-bike-fast::before {
  content: "\F111F";
}

.mdi-bike-pedal::before {
  content: "\F1C23";
}

.mdi-bike-pedal-clipless::before {
  content: "\F1C24";
}

.mdi-bike-pedal-mountain::before {
  content: "\F1C25";
}

.mdi-billboard::before {
  content: "\F1010";
}

.mdi-billiards::before {
  content: "\F0B61";
}

.mdi-billiards-rack::before {
  content: "\F0B62";
}

.mdi-binoculars::before {
  content: "\F00A5";
}

.mdi-bio::before {
  content: "\F00A6";
}

.mdi-biohazard::before {
  content: "\F00A7";
}

.mdi-bird::before {
  content: "\F15C6";
}

.mdi-bitbucket::before {
  content: "\F00A8";
}

.mdi-bitcoin::before {
  content: "\F0813";
}

.mdi-black-mesa::before {
  content: "\F00A9";
}

.mdi-blender::before {
  content: "\F0CEB";
}

.mdi-blender-outline::before {
  content: "\F181A";
}

.mdi-blender-software::before {
  content: "\F00AB";
}

.mdi-blinds::before {
  content: "\F00AC";
}

.mdi-blinds-horizontal::before {
  content: "\F1A2B";
}

.mdi-blinds-horizontal-closed::before {
  content: "\F1A2C";
}

.mdi-blinds-open::before {
  content: "\F1011";
}

.mdi-blinds-vertical::before {
  content: "\F1A2D";
}

.mdi-blinds-vertical-closed::before {
  content: "\F1A2E";
}

.mdi-block-helper::before {
  content: "\F00AD";
}

.mdi-blood-bag::before {
  content: "\F0CEC";
}

.mdi-bluetooth::before {
  content: "\F00AF";
}

.mdi-bluetooth-audio::before {
  content: "\F00B0";
}

.mdi-bluetooth-connect::before {
  content: "\F00B1";
}

.mdi-bluetooth-off::before {
  content: "\F00B2";
}

.mdi-bluetooth-settings::before {
  content: "\F00B3";
}

.mdi-bluetooth-transfer::before {
  content: "\F00B4";
}

.mdi-blur::before {
  content: "\F00B5";
}

.mdi-blur-linear::before {
  content: "\F00B6";
}

.mdi-blur-off::before {
  content: "\F00B7";
}

.mdi-blur-radial::before {
  content: "\F00B8";
}

.mdi-bolt::before {
  content: "\F0DB3";
}

.mdi-bomb::before {
  content: "\F0691";
}

.mdi-bomb-off::before {
  content: "\F06C5";
}

.mdi-bone::before {
  content: "\F00B9";
}

.mdi-bone-off::before {
  content: "\F19E0";
}

.mdi-book::before {
  content: "\F00BA";
}

.mdi-book-account::before {
  content: "\F13AD";
}

.mdi-book-account-outline::before {
  content: "\F13AE";
}

.mdi-book-alert::before {
  content: "\F167C";
}

.mdi-book-alert-outline::before {
  content: "\F167D";
}

.mdi-book-alphabet::before {
  content: "\F061D";
}

.mdi-book-arrow-down::before {
  content: "\F167E";
}

.mdi-book-arrow-down-outline::before {
  content: "\F167F";
}

.mdi-book-arrow-left::before {
  content: "\F1680";
}

.mdi-book-arrow-left-outline::before {
  content: "\F1681";
}

.mdi-book-arrow-right::before {
  content: "\F1682";
}

.mdi-book-arrow-right-outline::before {
  content: "\F1683";
}

.mdi-book-arrow-up::before {
  content: "\F1684";
}

.mdi-book-arrow-up-outline::before {
  content: "\F1685";
}

.mdi-book-cancel::before {
  content: "\F1686";
}

.mdi-book-cancel-outline::before {
  content: "\F1687";
}

.mdi-book-check::before {
  content: "\F14F3";
}

.mdi-book-check-outline::before {
  content: "\F14F4";
}

.mdi-book-clock::before {
  content: "\F1688";
}

.mdi-book-clock-outline::before {
  content: "\F1689";
}

.mdi-book-cog::before {
  content: "\F168A";
}

.mdi-book-cog-outline::before {
  content: "\F168B";
}

.mdi-book-cross::before {
  content: "\F00A2";
}

.mdi-book-edit::before {
  content: "\F168C";
}

.mdi-book-edit-outline::before {
  content: "\F168D";
}

.mdi-book-education::before {
  content: "\F16C9";
}

.mdi-book-education-outline::before {
  content: "\F16CA";
}

.mdi-book-heart::before {
  content: "\F1A1D";
}

.mdi-book-heart-outline::before {
  content: "\F1A1E";
}

.mdi-book-information-variant::before {
  content: "\F106F";
}

.mdi-book-lock::before {
  content: "\F079A";
}

.mdi-book-lock-open::before {
  content: "\F079B";
}

.mdi-book-lock-open-outline::before {
  content: "\F168E";
}

.mdi-book-lock-outline::before {
  content: "\F168F";
}

.mdi-book-marker::before {
  content: "\F1690";
}

.mdi-book-marker-outline::before {
  content: "\F1691";
}

.mdi-book-minus::before {
  content: "\F05D9";
}

.mdi-book-minus-multiple::before {
  content: "\F0A94";
}

.mdi-book-minus-multiple-outline::before {
  content: "\F090B";
}

.mdi-book-minus-outline::before {
  content: "\F1692";
}

.mdi-book-multiple::before {
  content: "\F00BB";
}

.mdi-book-multiple-outline::before {
  content: "\F0436";
}

.mdi-book-music::before {
  content: "\F0067";
}

.mdi-book-music-outline::before {
  content: "\F1693";
}

.mdi-book-off::before {
  content: "\F1694";
}

.mdi-book-off-outline::before {
  content: "\F1695";
}

.mdi-book-open::before {
  content: "\F00BD";
}

.mdi-book-open-blank-variant::before {
  content: "\F00BE";
}

.mdi-book-open-blank-variant-outline::before {
  content: "\F1CCB";
}

.mdi-book-open-outline::before {
  content: "\F0B63";
}

.mdi-book-open-page-variant::before {
  content: "\F05DA";
}

.mdi-book-open-page-variant-outline::before {
  content: "\F15D6";
}

.mdi-book-open-variant::before {
  content: "\F14F7";
}

.mdi-book-open-variant-outline::before {
  content: "\F1CCC";
}

.mdi-book-outline::before {
  content: "\F0B64";
}

.mdi-book-play::before {
  content: "\F0E82";
}

.mdi-book-play-outline::before {
  content: "\F0E83";
}

.mdi-book-plus::before {
  content: "\F05DB";
}

.mdi-book-plus-multiple::before {
  content: "\F0A95";
}

.mdi-book-plus-multiple-outline::before {
  content: "\F0ADE";
}

.mdi-book-plus-outline::before {
  content: "\F1696";
}

.mdi-book-refresh::before {
  content: "\F1697";
}

.mdi-book-refresh-outline::before {
  content: "\F1698";
}

.mdi-book-remove::before {
  content: "\F0A97";
}

.mdi-book-remove-multiple::before {
  content: "\F0A96";
}

.mdi-book-remove-multiple-outline::before {
  content: "\F04CA";
}

.mdi-book-remove-outline::before {
  content: "\F1699";
}

.mdi-book-search::before {
  content: "\F0E84";
}

.mdi-book-search-outline::before {
  content: "\F0E85";
}

.mdi-book-settings::before {
  content: "\F169A";
}

.mdi-book-settings-outline::before {
  content: "\F169B";
}

.mdi-book-sync::before {
  content: "\F169C";
}

.mdi-book-sync-outline::before {
  content: "\F16C8";
}

.mdi-book-variant::before {
  content: "\F00BF";
}

.mdi-bookmark::before {
  content: "\F00C0";
}

.mdi-bookmark-box::before {
  content: "\F1B75";
}

.mdi-bookmark-box-multiple::before {
  content: "\F196C";
}

.mdi-bookmark-box-multiple-outline::before {
  content: "\F196D";
}

.mdi-bookmark-box-outline::before {
  content: "\F1B76";
}

.mdi-bookmark-check::before {
  content: "\F00C1";
}

.mdi-bookmark-check-outline::before {
  content: "\F137B";
}

.mdi-bookmark-minus::before {
  content: "\F09CC";
}

.mdi-bookmark-minus-outline::before {
  content: "\F09CD";
}

.mdi-bookmark-multiple::before {
  content: "\F0E15";
}

.mdi-bookmark-multiple-outline::before {
  content: "\F0E16";
}

.mdi-bookmark-music::before {
  content: "\F00C2";
}

.mdi-bookmark-music-outline::before {
  content: "\F1379";
}

.mdi-bookmark-off::before {
  content: "\F09CE";
}

.mdi-bookmark-off-outline::before {
  content: "\F09CF";
}

.mdi-bookmark-outline::before {
  content: "\F00C3";
}

.mdi-bookmark-plus::before {
  content: "\F00C5";
}

.mdi-bookmark-plus-outline::before {
  content: "\F00C4";
}

.mdi-bookmark-remove::before {
  content: "\F00C6";
}

.mdi-bookmark-remove-outline::before {
  content: "\F137A";
}

.mdi-bookshelf::before {
  content: "\F125F";
}

.mdi-boom-gate::before {
  content: "\F0E86";
}

.mdi-boom-gate-alert::before {
  content: "\F0E87";
}

.mdi-boom-gate-alert-outline::before {
  content: "\F0E88";
}

.mdi-boom-gate-arrow-down::before {
  content: "\F0E89";
}

.mdi-boom-gate-arrow-down-outline::before {
  content: "\F0E8A";
}

.mdi-boom-gate-arrow-up::before {
  content: "\F0E8C";
}

.mdi-boom-gate-arrow-up-outline::before {
  content: "\F0E8D";
}

.mdi-boom-gate-outline::before {
  content: "\F0E8B";
}

.mdi-boom-gate-up::before {
  content: "\F17F9";
}

.mdi-boom-gate-up-outline::before {
  content: "\F17FA";
}

.mdi-boombox::before {
  content: "\F05DC";
}

.mdi-boomerang::before {
  content: "\F10CF";
}

.mdi-bootstrap::before {
  content: "\F06C6";
}

.mdi-border-all::before {
  content: "\F00C7";
}

.mdi-border-all-variant::before {
  content: "\F08A1";
}

.mdi-border-bottom::before {
  content: "\F00C8";
}

.mdi-border-bottom-variant::before {
  content: "\F08A2";
}

.mdi-border-color::before {
  content: "\F00C9";
}

.mdi-border-horizontal::before {
  content: "\F00CA";
}

.mdi-border-inside::before {
  content: "\F00CB";
}

.mdi-border-left::before {
  content: "\F00CC";
}

.mdi-border-left-variant::before {
  content: "\F08A3";
}

.mdi-border-none::before {
  content: "\F00CD";
}

.mdi-border-none-variant::before {
  content: "\F08A4";
}

.mdi-border-outside::before {
  content: "\F00CE";
}

.mdi-border-radius::before {
  content: "\F1AF4";
}

.mdi-border-right::before {
  content: "\F00CF";
}

.mdi-border-right-variant::before {
  content: "\F08A5";
}

.mdi-border-style::before {
  content: "\F00D0";
}

.mdi-border-top::before {
  content: "\F00D1";
}

.mdi-border-top-variant::before {
  content: "\F08A6";
}

.mdi-border-vertical::before {
  content: "\F00D2";
}

.mdi-bottle-soda::before {
  content: "\F1070";
}

.mdi-bottle-soda-classic::before {
  content: "\F1071";
}

.mdi-bottle-soda-classic-outline::before {
  content: "\F1363";
}

.mdi-bottle-soda-outline::before {
  content: "\F1072";
}

.mdi-bottle-tonic::before {
  content: "\F112E";
}

.mdi-bottle-tonic-outline::before {
  content: "\F112F";
}

.mdi-bottle-tonic-plus::before {
  content: "\F1130";
}

.mdi-bottle-tonic-plus-outline::before {
  content: "\F1131";
}

.mdi-bottle-tonic-skull::before {
  content: "\F1132";
}

.mdi-bottle-tonic-skull-outline::before {
  content: "\F1133";
}

.mdi-bottle-wine::before {
  content: "\F0854";
}

.mdi-bottle-wine-outline::before {
  content: "\F1310";
}

.mdi-bow-arrow::before {
  content: "\F1841";
}

.mdi-bow-tie::before {
  content: "\F0678";
}

.mdi-bowl::before {
  content: "\F028E";
}

.mdi-bowl-mix::before {
  content: "\F0617";
}

.mdi-bowl-mix-outline::before {
  content: "\F02E4";
}

.mdi-bowl-outline::before {
  content: "\F02A9";
}

.mdi-bowling::before {
  content: "\F00D3";
}

.mdi-box::before {
  content: "\F00D4";
}

.mdi-box-cutter::before {
  content: "\F00D5";
}

.mdi-box-cutter-off::before {
  content: "\F0B4A";
}

.mdi-box-shadow::before {
  content: "\F0637";
}

.mdi-boxing-glove::before {
  content: "\F0B65";
}

.mdi-braille::before {
  content: "\F09D0";
}

.mdi-brain::before {
  content: "\F09D1";
}

.mdi-bread-slice::before {
  content: "\F0CEE";
}

.mdi-bread-slice-outline::before {
  content: "\F0CEF";
}

.mdi-bridge::before {
  content: "\F0618";
}

.mdi-briefcase::before {
  content: "\F00D6";
}

.mdi-briefcase-account::before {
  content: "\F0CF0";
}

.mdi-briefcase-account-outline::before {
  content: "\F0CF1";
}

.mdi-briefcase-arrow-left-right::before {
  content: "\F1A8D";
}

.mdi-briefcase-arrow-left-right-outline::before {
  content: "\F1A8E";
}

.mdi-briefcase-arrow-up-down::before {
  content: "\F1A8F";
}

.mdi-briefcase-arrow-up-down-outline::before {
  content: "\F1A90";
}

.mdi-briefcase-check::before {
  content: "\F00D7";
}

.mdi-briefcase-check-outline::before {
  content: "\F131E";
}

.mdi-briefcase-clock::before {
  content: "\F10D0";
}

.mdi-briefcase-clock-outline::before {
  content: "\F10D1";
}

.mdi-briefcase-download::before {
  content: "\F00D8";
}

.mdi-briefcase-download-outline::before {
  content: "\F0C3D";
}

.mdi-briefcase-edit::before {
  content: "\F0A98";
}

.mdi-briefcase-edit-outline::before {
  content: "\F0C3E";
}

.mdi-briefcase-eye::before {
  content: "\F17D9";
}

.mdi-briefcase-eye-outline::before {
  content: "\F17DA";
}

.mdi-briefcase-minus::before {
  content: "\F0A2A";
}

.mdi-briefcase-minus-outline::before {
  content: "\F0C3F";
}

.mdi-briefcase-off::before {
  content: "\F1658";
}

.mdi-briefcase-off-outline::before {
  content: "\F1659";
}

.mdi-briefcase-outline::before {
  content: "\F0814";
}

.mdi-briefcase-plus::before {
  content: "\F0A2B";
}

.mdi-briefcase-plus-outline::before {
  content: "\F0C40";
}

.mdi-briefcase-remove::before {
  content: "\F0A2C";
}

.mdi-briefcase-remove-outline::before {
  content: "\F0C41";
}

.mdi-briefcase-search::before {
  content: "\F0A2D";
}

.mdi-briefcase-search-outline::before {
  content: "\F0C42";
}

.mdi-briefcase-upload::before {
  content: "\F00D9";
}

.mdi-briefcase-upload-outline::before {
  content: "\F0C43";
}

.mdi-briefcase-variant::before {
  content: "\F1494";
}

.mdi-briefcase-variant-off::before {
  content: "\F165A";
}

.mdi-briefcase-variant-off-outline::before {
  content: "\F165B";
}

.mdi-briefcase-variant-outline::before {
  content: "\F1495";
}

.mdi-brightness-1::before {
  content: "\F00DA";
}

.mdi-brightness-2::before {
  content: "\F00DB";
}

.mdi-brightness-3::before {
  content: "\F00DC";
}

.mdi-brightness-4::before {
  content: "\F00DD";
}

.mdi-brightness-5::before {
  content: "\F00DE";
}

.mdi-brightness-6::before {
  content: "\F00DF";
}

.mdi-brightness-7::before {
  content: "\F00E0";
}

.mdi-brightness-auto::before {
  content: "\F00E1";
}

.mdi-brightness-percent::before {
  content: "\F0CF2";
}

.mdi-broadcast::before {
  content: "\F1720";
}

.mdi-broadcast-off::before {
  content: "\F1721";
}

.mdi-broom::before {
  content: "\F00E2";
}

.mdi-brush::before {
  content: "\F00E3";
}

.mdi-brush-off::before {
  content: "\F1771";
}

.mdi-brush-outline::before {
  content: "\F1A0D";
}

.mdi-brush-variant::before {
  content: "\F1813";
}

.mdi-bucket::before {
  content: "\F1415";
}

.mdi-bucket-outline::before {
  content: "\F1416";
}

.mdi-buffet::before {
  content: "\F0578";
}

.mdi-bug::before {
  content: "\F00E4";
}

.mdi-bug-check::before {
  content: "\F0A2E";
}

.mdi-bug-check-outline::before {
  content: "\F0A2F";
}

.mdi-bug-outline::before {
  content: "\F0A30";
}

.mdi-bug-pause::before {
  content: "\F1AF5";
}

.mdi-bug-pause-outline::before {
  content: "\F1AF6";
}

.mdi-bug-play::before {
  content: "\F1AF7";
}

.mdi-bug-play-outline::before {
  content: "\F1AF8";
}

.mdi-bug-stop::before {
  content: "\F1AF9";
}

.mdi-bug-stop-outline::before {
  content: "\F1AFA";
}

.mdi-bugle::before {
  content: "\F0DB4";
}

.mdi-bulkhead-light::before {
  content: "\F1A2F";
}

.mdi-bulldozer::before {
  content: "\F0B22";
}

.mdi-bullet::before {
  content: "\F0CF3";
}

.mdi-bulletin-board::before {
  content: "\F00E5";
}

.mdi-bullhorn::before {
  content: "\F00E6";
}

.mdi-bullhorn-outline::before {
  content: "\F0B23";
}

.mdi-bullhorn-variant::before {
  content: "\F196E";
}

.mdi-bullhorn-variant-outline::before {
  content: "\F196F";
}

.mdi-bullseye::before {
  content: "\F05DD";
}

.mdi-bullseye-arrow::before {
  content: "\F08C9";
}

.mdi-bulma::before {
  content: "\F12E7";
}

.mdi-bunk-bed::before {
  content: "\F1302";
}

.mdi-bunk-bed-outline::before {
  content: "\F0097";
}

.mdi-bus::before {
  content: "\F00E7";
}

.mdi-bus-alert::before {
  content: "\F0A99";
}

.mdi-bus-articulated-end::before {
  content: "\F079C";
}

.mdi-bus-articulated-front::before {
  content: "\F079D";
}

.mdi-bus-clock::before {
  content: "\F08CA";
}

.mdi-bus-double-decker::before {
  content: "\F079E";
}

.mdi-bus-electric::before {
  content: "\F191D";
}

.mdi-bus-marker::before {
  content: "\F1212";
}

.mdi-bus-multiple::before {
  content: "\F0F3F";
}

.mdi-bus-school::before {
  content: "\F079F";
}

.mdi-bus-side::before {
  content: "\F07A0";
}

.mdi-bus-sign::before {
  content: "\F1CC1";
}

.mdi-bus-stop::before {
  content: "\F1012";
}

.mdi-bus-stop-covered::before {
  content: "\F1013";
}

.mdi-bus-stop-uncovered::before {
  content: "\F1014";
}

.mdi-bus-wrench::before {
  content: "\F1CC2";
}

.mdi-butterfly::before {
  content: "\F1589";
}

.mdi-butterfly-outline::before {
  content: "\F158A";
}

.mdi-button-cursor::before {
  content: "\F1B4F";
}

.mdi-button-pointer::before {
  content: "\F1B50";
}

.mdi-cabin-a-frame::before {
  content: "\F188C";
}

.mdi-cable-data::before {
  content: "\F1394";
}

.mdi-cached::before {
  content: "\F00E8";
}

.mdi-cactus::before {
  content: "\F0DB5";
}

.mdi-cake::before {
  content: "\F00E9";
}

.mdi-cake-layered::before {
  content: "\F00EA";
}

.mdi-cake-variant::before {
  content: "\F00EB";
}

.mdi-cake-variant-outline::before {
  content: "\F17F0";
}

.mdi-calculator::before {
  content: "\F00EC";
}

.mdi-calculator-variant::before {
  content: "\F0A9A";
}

.mdi-calculator-variant-outline::before {
  content: "\F15A6";
}

.mdi-calendar::before {
  content: "\F00ED";
}

.mdi-calendar-account::before {
  content: "\F0ED7";
}

.mdi-calendar-account-outline::before {
  content: "\F0ED8";
}

.mdi-calendar-alert::before {
  content: "\F0A31";
}

.mdi-calendar-alert-outline::before {
  content: "\F1B62";
}

.mdi-calendar-arrow-left::before {
  content: "\F1134";
}

.mdi-calendar-arrow-right::before {
  content: "\F1135";
}

.mdi-calendar-badge::before {
  content: "\F1B9D";
}

.mdi-calendar-badge-outline::before {
  content: "\F1B9E";
}

.mdi-calendar-blank::before {
  content: "\F00EE";
}

.mdi-calendar-blank-multiple::before {
  content: "\F1073";
}

.mdi-calendar-blank-outline::before {
  content: "\F0B66";
}

.mdi-calendar-check::before {
  content: "\F00EF";
}

.mdi-calendar-check-outline::before {
  content: "\F0C44";
}

.mdi-calendar-clock::before {
  content: "\F00F0";
}

.mdi-calendar-clock-outline::before {
  content: "\F16E1";
}

.mdi-calendar-collapse-horizontal::before {
  content: "\F189D";
}

.mdi-calendar-collapse-horizontal-outline::before {
  content: "\F1B63";
}

.mdi-calendar-cursor::before {
  content: "\F157B";
}

.mdi-calendar-cursor-outline::before {
  content: "\F1B64";
}

.mdi-calendar-edit::before {
  content: "\F08A7";
}

.mdi-calendar-edit-outline::before {
  content: "\F1B65";
}

.mdi-calendar-end::before {
  content: "\F166C";
}

.mdi-calendar-end-outline::before {
  content: "\F1B66";
}

.mdi-calendar-expand-horizontal::before {
  content: "\F189E";
}

.mdi-calendar-expand-horizontal-outline::before {
  content: "\F1B67";
}

.mdi-calendar-export::before {
  content: "\F0B24";
}

.mdi-calendar-export-outline::before {
  content: "\F1B68";
}

.mdi-calendar-filter::before {
  content: "\F1A32";
}

.mdi-calendar-filter-outline::before {
  content: "\F1A33";
}

.mdi-calendar-heart::before {
  content: "\F09D2";
}

.mdi-calendar-heart-outline::before {
  content: "\F1B69";
}

.mdi-calendar-import::before {
  content: "\F0B25";
}

.mdi-calendar-import-outline::before {
  content: "\F1B6A";
}

.mdi-calendar-lock::before {
  content: "\F1641";
}

.mdi-calendar-lock-open::before {
  content: "\F1B5B";
}

.mdi-calendar-lock-open-outline::before {
  content: "\F1B5C";
}

.mdi-calendar-lock-outline::before {
  content: "\F1642";
}

.mdi-calendar-minus::before {
  content: "\F0D5C";
}

.mdi-calendar-minus-outline::before {
  content: "\F1B6B";
}

.mdi-calendar-month::before {
  content: "\F0E17";
}

.mdi-calendar-month-outline::before {
  content: "\F0E18";
}

.mdi-calendar-multiple::before {
  content: "\F00F1";
}

.mdi-calendar-multiple-check::before {
  content: "\F00F2";
}

.mdi-calendar-multiselect::before {
  content: "\F0A32";
}

.mdi-calendar-multiselect-outline::before {
  content: "\F1B55";
}

.mdi-calendar-outline::before {
  content: "\F0B67";
}

.mdi-calendar-plus::before {
  content: "\F00F3";
}

.mdi-calendar-plus-outline::before {
  content: "\F1B6C";
}

.mdi-calendar-question::before {
  content: "\F0692";
}

.mdi-calendar-question-outline::before {
  content: "\F1B6D";
}

.mdi-calendar-range::before {
  content: "\F0679";
}

.mdi-calendar-range-outline::before {
  content: "\F0B68";
}

.mdi-calendar-refresh::before {
  content: "\F01E1";
}

.mdi-calendar-refresh-outline::before {
  content: "\F0203";
}

.mdi-calendar-remove::before {
  content: "\F00F4";
}

.mdi-calendar-remove-outline::before {
  content: "\F0C45";
}

.mdi-calendar-search::before {
  content: "\F094C";
}

.mdi-calendar-search-outline::before {
  content: "\F1B6E";
}

.mdi-calendar-star::before {
  content: "\F09D3";
}

.mdi-calendar-star-four-points::before {
  content: "\F1C1F";
}

.mdi-calendar-star-outline::before {
  content: "\F1B53";
}

.mdi-calendar-start::before {
  content: "\F166D";
}

.mdi-calendar-start-outline::before {
  content: "\F1B6F";
}

.mdi-calendar-sync::before {
  content: "\F0E8E";
}

.mdi-calendar-sync-outline::before {
  content: "\F0E8F";
}

.mdi-calendar-text::before {
  content: "\F00F5";
}

.mdi-calendar-text-outline::before {
  content: "\F0C46";
}

.mdi-calendar-today::before {
  content: "\F00F6";
}

.mdi-calendar-today-outline::before {
  content: "\F1A30";
}

.mdi-calendar-week::before {
  content: "\F0A33";
}

.mdi-calendar-week-begin::before {
  content: "\F0A34";
}

.mdi-calendar-week-begin-outline::before {
  content: "\F1A31";
}

.mdi-calendar-week-outline::before {
  content: "\F1A34";
}

.mdi-calendar-weekend::before {
  content: "\F0ED9";
}

.mdi-calendar-weekend-outline::before {
  content: "\F0EDA";
}

.mdi-call-made::before {
  content: "\F00F7";
}

.mdi-call-merge::before {
  content: "\F00F8";
}

.mdi-call-missed::before {
  content: "\F00F9";
}

.mdi-call-received::before {
  content: "\F00FA";
}

.mdi-call-split::before {
  content: "\F00FB";
}

.mdi-camcorder::before {
  content: "\F00FC";
}

.mdi-camcorder-off::before {
  content: "\F00FF";
}

.mdi-camera::before {
  content: "\F0100";
}

.mdi-camera-account::before {
  content: "\F08CB";
}

.mdi-camera-burst::before {
  content: "\F0693";
}

.mdi-camera-control::before {
  content: "\F0B69";
}

.mdi-camera-document::before {
  content: "\F1871";
}

.mdi-camera-document-off::before {
  content: "\F1872";
}

.mdi-camera-enhance::before {
  content: "\F0101";
}

.mdi-camera-enhance-outline::before {
  content: "\F0B6A";
}

.mdi-camera-flip::before {
  content: "\F15D9";
}

.mdi-camera-flip-outline::before {
  content: "\F15DA";
}

.mdi-camera-front::before {
  content: "\F0102";
}

.mdi-camera-front-variant::before {
  content: "\F0103";
}

.mdi-camera-gopro::before {
  content: "\F07A1";
}

.mdi-camera-image::before {
  content: "\F08CC";
}

.mdi-camera-iris::before {
  content: "\F0104";
}

.mdi-camera-lock::before {
  content: "\F1A14";
}

.mdi-camera-lock-open::before {
  content: "\F1C0D";
}

.mdi-camera-lock-open-outline::before {
  content: "\F1C0E";
}

.mdi-camera-lock-outline::before {
  content: "\F1A15";
}

.mdi-camera-marker::before {
  content: "\F19A7";
}

.mdi-camera-marker-outline::before {
  content: "\F19A8";
}

.mdi-camera-metering-center::before {
  content: "\F07A2";
}

.mdi-camera-metering-matrix::before {
  content: "\F07A3";
}

.mdi-camera-metering-partial::before {
  content: "\F07A4";
}

.mdi-camera-metering-spot::before {
  content: "\F07A5";
}

.mdi-camera-off::before {
  content: "\F05DF";
}

.mdi-camera-off-outline::before {
  content: "\F19BF";
}

.mdi-camera-outline::before {
  content: "\F0D5D";
}

.mdi-camera-party-mode::before {
  content: "\F0105";
}

.mdi-camera-plus::before {
  content: "\F0EDB";
}

.mdi-camera-plus-outline::before {
  content: "\F0EDC";
}

.mdi-camera-rear::before {
  content: "\F0106";
}

.mdi-camera-rear-variant::before {
  content: "\F0107";
}

.mdi-camera-retake::before {
  content: "\F0E19";
}

.mdi-camera-retake-outline::before {
  content: "\F0E1A";
}

.mdi-camera-switch::before {
  content: "\F0108";
}

.mdi-camera-switch-outline::before {
  content: "\F084A";
}

.mdi-camera-timer::before {
  content: "\F0109";
}

.mdi-camera-wireless::before {
  content: "\F0DB6";
}

.mdi-camera-wireless-outline::before {
  content: "\F0DB7";
}

.mdi-campfire::before {
  content: "\F0EDD";
}

.mdi-cancel::before {
  content: "\F073A";
}

.mdi-candelabra::before {
  content: "\F17D2";
}

.mdi-candelabra-fire::before {
  content: "\F17D3";
}

.mdi-candle::before {
  content: "\F05E2";
}

.mdi-candy::before {
  content: "\F1970";
}

.mdi-candy-off::before {
  content: "\F1971";
}

.mdi-candy-off-outline::before {
  content: "\F1972";
}

.mdi-candy-outline::before {
  content: "\F1973";
}

.mdi-candycane::before {
  content: "\F010A";
}

.mdi-cannabis::before {
  content: "\F07A6";
}

.mdi-cannabis-off::before {
  content: "\F166E";
}

.mdi-caps-lock::before {
  content: "\F0A9B";
}

.mdi-car::before {
  content: "\F010B";
}

.mdi-car-2-plus::before {
  content: "\F1015";
}

.mdi-car-3-plus::before {
  content: "\F1016";
}

.mdi-car-arrow-left::before {
  content: "\F13B2";
}

.mdi-car-arrow-right::before {
  content: "\F13B3";
}

.mdi-car-back::before {
  content: "\F0E1B";
}

.mdi-car-battery::before {
  content: "\F010C";
}

.mdi-car-brake-abs::before {
  content: "\F0C47";
}

.mdi-car-brake-alert::before {
  content: "\F0C48";
}

.mdi-car-brake-fluid-level::before {
  content: "\F1909";
}

.mdi-car-brake-hold::before {
  content: "\F0D5E";
}

.mdi-car-brake-low-pressure::before {
  content: "\F190A";
}

.mdi-car-brake-parking::before {
  content: "\F0D5F";
}

.mdi-car-brake-retarder::before {
  content: "\F1017";
}

.mdi-car-brake-temperature::before {
  content: "\F190B";
}

.mdi-car-brake-worn-linings::before {
  content: "\F190C";
}

.mdi-car-child-seat::before {
  content: "\F0FA3";
}

.mdi-car-clock::before {
  content: "\F1974";
}

.mdi-car-clutch::before {
  content: "\F1018";
}

.mdi-car-cog::before {
  content: "\F13CC";
}

.mdi-car-connected::before {
  content: "\F010D";
}

.mdi-car-convertible::before {
  content: "\F07A7";
}

.mdi-car-coolant-level::before {
  content: "\F1019";
}

.mdi-car-cruise-control::before {
  content: "\F0D60";
}

.mdi-car-defrost-front::before {
  content: "\F0D61";
}

.mdi-car-defrost-rear::before {
  content: "\F0D62";
}

.mdi-car-door::before {
  content: "\F0B6B";
}

.mdi-car-door-lock::before {
  content: "\F109D";
}

.mdi-car-door-lock-open::before {
  content: "\F1C81";
}

.mdi-car-electric::before {
  content: "\F0B6C";
}

.mdi-car-electric-outline::before {
  content: "\F15B5";
}

.mdi-car-emergency::before {
  content: "\F160F";
}

.mdi-car-esp::before {
  content: "\F0C49";
}

.mdi-car-estate::before {
  content: "\F07A8";
}

.mdi-car-hatchback::before {
  content: "\F07A9";
}

.mdi-car-info::before {
  content: "\F11BE";
}

.mdi-car-key::before {
  content: "\F0B6D";
}

.mdi-car-lifted-pickup::before {
  content: "\F152D";
}

.mdi-car-light-alert::before {
  content: "\F190D";
}

.mdi-car-light-dimmed::before {
  content: "\F0C4A";
}

.mdi-car-light-fog::before {
  content: "\F0C4B";
}

.mdi-car-light-high::before {
  content: "\F0C4C";
}

.mdi-car-limousine::before {
  content: "\F08CD";
}

.mdi-car-multiple::before {
  content: "\F0B6E";
}

.mdi-car-off::before {
  content: "\F0E1C";
}

.mdi-car-outline::before {
  content: "\F14ED";
}

.mdi-car-parking-lights::before {
  content: "\F0D63";
}

.mdi-car-pickup::before {
  content: "\F07AA";
}

.mdi-car-search::before {
  content: "\F1B8D";
}

.mdi-car-search-outline::before {
  content: "\F1B8E";
}

.mdi-car-seat::before {
  content: "\F0FA4";
}

.mdi-car-seat-cooler::before {
  content: "\F0FA5";
}

.mdi-car-seat-heater::before {
  content: "\F0FA6";
}

.mdi-car-select::before {
  content: "\F1879";
}

.mdi-car-settings::before {
  content: "\F13CD";
}

.mdi-car-shift-pattern::before {
  content: "\F0F40";
}

.mdi-car-side::before {
  content: "\F07AB";
}

.mdi-car-speed-limiter::before {
  content: "\F190E";
}

.mdi-car-sports::before {
  content: "\F07AC";
}

.mdi-car-tire-alert::before {
  content: "\F0C4D";
}

.mdi-car-traction-control::before {
  content: "\F0D64";
}

.mdi-car-turbocharger::before {
  content: "\F101A";
}

.mdi-car-wash::before {
  content: "\F010E";
}

.mdi-car-windshield::before {
  content: "\F101B";
}

.mdi-car-windshield-outline::before {
  content: "\F101C";
}

.mdi-car-wireless::before {
  content: "\F1878";
}

.mdi-car-wrench::before {
  content: "\F1814";
}

.mdi-carabiner::before {
  content: "\F14C0";
}

.mdi-caravan::before {
  content: "\F07AD";
}

.mdi-card::before {
  content: "\F0B6F";
}

.mdi-card-account-details::before {
  content: "\F05D2";
}

.mdi-card-account-details-outline::before {
  content: "\F0DAB";
}

.mdi-card-account-details-star::before {
  content: "\F02A3";
}

.mdi-card-account-details-star-outline::before {
  content: "\F06DB";
}

.mdi-card-account-mail::before {
  content: "\F018E";
}

.mdi-card-account-mail-outline::before {
  content: "\F0E98";
}

.mdi-card-account-phone::before {
  content: "\F0E99";
}

.mdi-card-account-phone-outline::before {
  content: "\F0E9A";
}

.mdi-card-bulleted::before {
  content: "\F0B70";
}

.mdi-card-bulleted-off::before {
  content: "\F0B71";
}

.mdi-card-bulleted-off-outline::before {
  content: "\F0B72";
}

.mdi-card-bulleted-outline::before {
  content: "\F0B73";
}

.mdi-card-bulleted-settings::before {
  content: "\F0B74";
}

.mdi-card-bulleted-settings-outline::before {
  content: "\F0B75";
}

.mdi-card-minus::before {
  content: "\F1600";
}

.mdi-card-minus-outline::before {
  content: "\F1601";
}

.mdi-card-multiple::before {
  content: "\F17F1";
}

.mdi-card-multiple-outline::before {
  content: "\F17F2";
}

.mdi-card-off::before {
  content: "\F1602";
}

.mdi-card-off-outline::before {
  content: "\F1603";
}

.mdi-card-outline::before {
  content: "\F0B76";
}

.mdi-card-plus::before {
  content: "\F11FF";
}

.mdi-card-plus-outline::before {
  content: "\F1200";
}

.mdi-card-remove::before {
  content: "\F1604";
}

.mdi-card-remove-outline::before {
  content: "\F1605";
}

.mdi-card-search::before {
  content: "\F1074";
}

.mdi-card-search-outline::before {
  content: "\F1075";
}

.mdi-card-text::before {
  content: "\F0B77";
}

.mdi-card-text-outline::before {
  content: "\F0B78";
}

.mdi-cards::before {
  content: "\F0638";
}

.mdi-cards-club::before {
  content: "\F08CE";
}

.mdi-cards-club-outline::before {
  content: "\F189F";
}

.mdi-cards-diamond::before {
  content: "\F08CF";
}

.mdi-cards-diamond-outline::before {
  content: "\F101D";
}

.mdi-cards-heart::before {
  content: "\F08D0";
}

.mdi-cards-heart-outline::before {
  content: "\F18A0";
}

.mdi-cards-outline::before {
  content: "\F0639";
}

.mdi-cards-playing::before {
  content: "\F18A1";
}

.mdi-cards-playing-club::before {
  content: "\F18A2";
}

.mdi-cards-playing-club-multiple::before {
  content: "\F18A3";
}

.mdi-cards-playing-club-multiple-outline::before {
  content: "\F18A4";
}

.mdi-cards-playing-club-outline::before {
  content: "\F18A5";
}

.mdi-cards-playing-diamond::before {
  content: "\F18A6";
}

.mdi-cards-playing-diamond-multiple::before {
  content: "\F18A7";
}

.mdi-cards-playing-diamond-multiple-outline::before {
  content: "\F18A8";
}

.mdi-cards-playing-diamond-outline::before {
  content: "\F18A9";
}

.mdi-cards-playing-heart::before {
  content: "\F18AA";
}

.mdi-cards-playing-heart-multiple::before {
  content: "\F18AB";
}

.mdi-cards-playing-heart-multiple-outline::before {
  content: "\F18AC";
}

.mdi-cards-playing-heart-outline::before {
  content: "\F18AD";
}

.mdi-cards-playing-outline::before {
  content: "\F063A";
}

.mdi-cards-playing-spade::before {
  content: "\F18AE";
}

.mdi-cards-playing-spade-multiple::before {
  content: "\F18AF";
}

.mdi-cards-playing-spade-multiple-outline::before {
  content: "\F18B0";
}

.mdi-cards-playing-spade-outline::before {
  content: "\F18B1";
}

.mdi-cards-spade::before {
  content: "\F08D1";
}

.mdi-cards-spade-outline::before {
  content: "\F18B2";
}

.mdi-cards-variant::before {
  content: "\F06C7";
}

.mdi-carrot::before {
  content: "\F010F";
}

.mdi-cart::before {
  content: "\F0110";
}

.mdi-cart-arrow-down::before {
  content: "\F0D66";
}

.mdi-cart-arrow-right::before {
  content: "\F0C4E";
}

.mdi-cart-arrow-up::before {
  content: "\F0D67";
}

.mdi-cart-check::before {
  content: "\F15EA";
}

.mdi-cart-heart::before {
  content: "\F18E0";
}

.mdi-cart-minus::before {
  content: "\F0D68";
}

.mdi-cart-off::before {
  content: "\F066B";
}

.mdi-cart-outline::before {
  content: "\F0111";
}

.mdi-cart-percent::before {
  content: "\F1BAE";
}

.mdi-cart-plus::before {
  content: "\F0112";
}

.mdi-cart-remove::before {
  content: "\F0D69";
}

.mdi-cart-variant::before {
  content: "\F15EB";
}

.mdi-case-sensitive-alt::before {
  content: "\F0113";
}

.mdi-cash::before {
  content: "\F0114";
}

.mdi-cash-100::before {
  content: "\F0115";
}

.mdi-cash-check::before {
  content: "\F14EE";
}

.mdi-cash-clock::before {
  content: "\F1A91";
}

.mdi-cash-edit::before {
  content: "\F1CAB";
}

.mdi-cash-fast::before {
  content: "\F185C";
}

.mdi-cash-lock::before {
  content: "\F14EA";
}

.mdi-cash-lock-open::before {
  content: "\F14EB";
}

.mdi-cash-marker::before {
  content: "\F0DB8";
}

.mdi-cash-minus::before {
  content: "\F1260";
}

.mdi-cash-multiple::before {
  content: "\F0116";
}

.mdi-cash-off::before {
  content: "\F1C79";
}

.mdi-cash-plus::before {
  content: "\F1261";
}

.mdi-cash-refund::before {
  content: "\F0A9C";
}

.mdi-cash-register::before {
  content: "\F0CF4";
}

.mdi-cash-remove::before {
  content: "\F1262";
}

.mdi-cash-sync::before {
  content: "\F1A92";
}

.mdi-cassette::before {
  content: "\F09D4";
}

.mdi-cast::before {
  content: "\F0118";
}

.mdi-cast-audio::before {
  content: "\F101E";
}

.mdi-cast-audio-variant::before {
  content: "\F1749";
}

.mdi-cast-connected::before {
  content: "\F0119";
}

.mdi-cast-education::before {
  content: "\F0E1D";
}

.mdi-cast-off::before {
  content: "\F078A";
}

.mdi-cast-variant::before {
  content: "\F001F";
}

.mdi-castle::before {
  content: "\F011A";
}

.mdi-cat::before {
  content: "\F011B";
}

.mdi-cctv::before {
  content: "\F07AE";
}

.mdi-cctv-off::before {
  content: "\F185F";
}

.mdi-ceiling-fan::before {
  content: "\F1797";
}

.mdi-ceiling-fan-light::before {
  content: "\F1798";
}

.mdi-ceiling-light::before {
  content: "\F0769";
}

.mdi-ceiling-light-multiple::before {
  content: "\F18DD";
}

.mdi-ceiling-light-multiple-outline::before {
  content: "\F18DE";
}

.mdi-ceiling-light-outline::before {
  content: "\F17C7";
}

.mdi-cellphone::before {
  content: "\F011C";
}

.mdi-cellphone-arrow-down::before {
  content: "\F09D5";
}

.mdi-cellphone-arrow-down-variant::before {
  content: "\F19C5";
}

.mdi-cellphone-basic::before {
  content: "\F011E";
}

.mdi-cellphone-charging::before {
  content: "\F1397";
}

.mdi-cellphone-check::before {
  content: "\F17FD";
}

.mdi-cellphone-cog::before {
  content: "\F0951";
}

.mdi-cellphone-dock::before {
  content: "\F011F";
}

.mdi-cellphone-information::before {
  content: "\F0F41";
}

.mdi-cellphone-key::before {
  content: "\F094E";
}

.mdi-cellphone-link::before {
  content: "\F0121";
}

.mdi-cellphone-link-off::before {
  content: "\F0122";
}

.mdi-cellphone-lock::before {
  content: "\F094F";
}

.mdi-cellphone-marker::before {
  content: "\F183A";
}

.mdi-cellphone-message::before {
  content: "\F08D3";
}

.mdi-cellphone-message-off::before {
  content: "\F10D2";
}

.mdi-cellphone-nfc::before {
  content: "\F0E90";
}

.mdi-cellphone-nfc-off::before {
  content: "\F12D8";
}

.mdi-cellphone-off::before {
  content: "\F0950";
}

.mdi-cellphone-play::before {
  content: "\F101F";
}

.mdi-cellphone-remove::before {
  content: "\F094D";
}

.mdi-cellphone-screenshot::before {
  content: "\F0A35";
}

.mdi-cellphone-settings::before {
  content: "\F0123";
}

.mdi-cellphone-sound::before {
  content: "\F0952";
}

.mdi-cellphone-text::before {
  content: "\F08D2";
}

.mdi-cellphone-wireless::before {
  content: "\F0815";
}

.mdi-centos::before {
  content: "\F111A";
}

.mdi-certificate::before {
  content: "\F0124";
}

.mdi-certificate-outline::before {
  content: "\F1188";
}

.mdi-chair-rolling::before {
  content: "\F0F48";
}

.mdi-chair-school::before {
  content: "\F0125";
}

.mdi-chandelier::before {
  content: "\F1793";
}

.mdi-charity::before {
  content: "\F0C4F";
}

.mdi-charity-search::before {
  content: "\F1C82";
}

.mdi-chart-arc::before {
  content: "\F0126";
}

.mdi-chart-areaspline::before {
  content: "\F0127";
}

.mdi-chart-areaspline-variant::before {
  content: "\F0E91";
}

.mdi-chart-bar::before {
  content: "\F0128";
}

.mdi-chart-bar-stacked::before {
  content: "\F076A";
}

.mdi-chart-bell-curve::before {
  content: "\F0C50";
}

.mdi-chart-bell-curve-cumulative::before {
  content: "\F0FA7";
}

.mdi-chart-box::before {
  content: "\F154D";
}

.mdi-chart-box-multiple::before {
  content: "\F1CCD";
}

.mdi-chart-box-multiple-outline::before {
  content: "\F1CCE";
}

.mdi-chart-box-outline::before {
  content: "\F154E";
}

.mdi-chart-box-plus-outline::before {
  content: "\F154F";
}

.mdi-chart-bubble::before {
  content: "\F05E3";
}

.mdi-chart-donut::before {
  content: "\F07AF";
}

.mdi-chart-donut-variant::before {
  content: "\F07B0";
}

.mdi-chart-gantt::before {
  content: "\F066C";
}

.mdi-chart-histogram::before {
  content: "\F0129";
}

.mdi-chart-line::before {
  content: "\F012A";
}

.mdi-chart-line-stacked::before {
  content: "\F076B";
}

.mdi-chart-line-variant::before {
  content: "\F07B1";
}

.mdi-chart-multiline::before {
  content: "\F08D4";
}

.mdi-chart-multiple::before {
  content: "\F1213";
}

.mdi-chart-pie::before {
  content: "\F012B";
}

.mdi-chart-pie-outline::before {
  content: "\F1BDF";
}

.mdi-chart-ppf::before {
  content: "\F1380";
}

.mdi-chart-sankey::before {
  content: "\F11DF";
}

.mdi-chart-sankey-variant::before {
  content: "\F11E0";
}

.mdi-chart-scatter-plot::before {
  content: "\F0E92";
}

.mdi-chart-scatter-plot-hexbin::before {
  content: "\F066D";
}

.mdi-chart-timeline::before {
  content: "\F066E";
}

.mdi-chart-timeline-variant::before {
  content: "\F0E93";
}

.mdi-chart-timeline-variant-shimmer::before {
  content: "\F15B6";
}

.mdi-chart-tree::before {
  content: "\F0E94";
}

.mdi-chart-waterfall::before {
  content: "\F1918";
}

.mdi-chat::before {
  content: "\F0B79";
}

.mdi-chat-alert::before {
  content: "\F0B7A";
}

.mdi-chat-alert-outline::before {
  content: "\F12C9";
}

.mdi-chat-minus::before {
  content: "\F1410";
}

.mdi-chat-minus-outline::before {
  content: "\F1413";
}

.mdi-chat-outline::before {
  content: "\F0EDE";
}

.mdi-chat-plus::before {
  content: "\F140F";
}

.mdi-chat-plus-outline::before {
  content: "\F1412";
}

.mdi-chat-processing::before {
  content: "\F0B7B";
}

.mdi-chat-processing-outline::before {
  content: "\F12CA";
}

.mdi-chat-question::before {
  content: "\F1738";
}

.mdi-chat-question-outline::before {
  content: "\F1739";
}

.mdi-chat-remove::before {
  content: "\F1411";
}

.mdi-chat-remove-outline::before {
  content: "\F1414";
}

.mdi-chat-sleep::before {
  content: "\F12D1";
}

.mdi-chat-sleep-outline::before {
  content: "\F12D2";
}

.mdi-check::before {
  content: "\F012C";
}

.mdi-check-all::before {
  content: "\F012D";
}

.mdi-check-bold::before {
  content: "\F0E1E";
}

.mdi-check-circle::before {
  content: "\F05E0";
}

.mdi-check-circle-outline::before {
  content: "\F05E1";
}

.mdi-check-decagram::before {
  content: "\F0791";
}

.mdi-check-decagram-outline::before {
  content: "\F1740";
}

.mdi-check-network::before {
  content: "\F0C53";
}

.mdi-check-network-outline::before {
  content: "\F0C54";
}

.mdi-check-outline::before {
  content: "\F0855";
}

.mdi-check-underline::before {
  content: "\F0E1F";
}

.mdi-check-underline-circle::before {
  content: "\F0E20";
}

.mdi-check-underline-circle-outline::before {
  content: "\F0E21";
}

.mdi-checkbook::before {
  content: "\F0A9D";
}

.mdi-checkbook-arrow-left::before {
  content: "\F1C1D";
}

.mdi-checkbook-arrow-right::before {
  content: "\F1C1E";
}

.mdi-checkbox-blank::before {
  content: "\F012E";
}

.mdi-checkbox-blank-badge::before {
  content: "\F1176";
}

.mdi-checkbox-blank-badge-outline::before {
  content: "\F0117";
}

.mdi-checkbox-blank-circle::before {
  content: "\F012F";
}

.mdi-checkbox-blank-circle-outline::before {
  content: "\F0130";
}

.mdi-checkbox-blank-off::before {
  content: "\F12EC";
}

.mdi-checkbox-blank-off-outline::before {
  content: "\F12ED";
}

.mdi-checkbox-blank-outline::before {
  content: "\F0131";
}

.mdi-checkbox-intermediate::before {
  content: "\F0856";
}

.mdi-checkbox-intermediate-variant::before {
  content: "\F1B54";
}

.mdi-checkbox-marked::before {
  content: "\F0132";
}

.mdi-checkbox-marked-circle::before {
  content: "\F0133";
}

.mdi-checkbox-marked-circle-auto-outline::before {
  content: "\F1C26";
}

.mdi-checkbox-marked-circle-minus-outline::before {
  content: "\F1C27";
}

.mdi-checkbox-marked-circle-outline::before {
  content: "\F0134";
}

.mdi-checkbox-marked-circle-plus-outline::before {
  content: "\F1927";
}

.mdi-checkbox-marked-outline::before {
  content: "\F0135";
}

.mdi-checkbox-multiple-blank::before {
  content: "\F0136";
}

.mdi-checkbox-multiple-blank-circle::before {
  content: "\F063B";
}

.mdi-checkbox-multiple-blank-circle-outline::before {
  content: "\F063C";
}

.mdi-checkbox-multiple-blank-outline::before {
  content: "\F0137";
}

.mdi-checkbox-multiple-marked::before {
  content: "\F0138";
}

.mdi-checkbox-multiple-marked-circle::before {
  content: "\F063D";
}

.mdi-checkbox-multiple-marked-circle-outline::before {
  content: "\F063E";
}

.mdi-checkbox-multiple-marked-outline::before {
  content: "\F0139";
}

.mdi-checkbox-multiple-outline::before {
  content: "\F0C51";
}

.mdi-checkbox-outline::before {
  content: "\F0C52";
}

.mdi-checkerboard::before {
  content: "\F013A";
}

.mdi-checkerboard-minus::before {
  content: "\F1202";
}

.mdi-checkerboard-plus::before {
  content: "\F1201";
}

.mdi-checkerboard-remove::before {
  content: "\F1203";
}

.mdi-cheese::before {
  content: "\F12B9";
}

.mdi-cheese-off::before {
  content: "\F13EE";
}

.mdi-chef-hat::before {
  content: "\F0B7C";
}

.mdi-chemical-weapon::before {
  content: "\F013B";
}

.mdi-chess-bishop::before {
  content: "\F085C";
}

.mdi-chess-king::before {
  content: "\F0857";
}

.mdi-chess-knight::before {
  content: "\F0858";
}

.mdi-chess-pawn::before {
  content: "\F0859";
}

.mdi-chess-queen::before {
  content: "\F085A";
}

.mdi-chess-rook::before {
  content: "\F085B";
}

.mdi-chevron-double-down::before {
  content: "\F013C";
}

.mdi-chevron-double-left::before {
  content: "\F013D";
}

.mdi-chevron-double-right::before {
  content: "\F013E";
}

.mdi-chevron-double-up::before {
  content: "\F013F";
}

.mdi-chevron-down::before {
  content: "\F0140";
}

.mdi-chevron-down-box::before {
  content: "\F09D6";
}

.mdi-chevron-down-box-outline::before {
  content: "\F09D7";
}

.mdi-chevron-down-circle::before {
  content: "\F0B26";
}

.mdi-chevron-down-circle-outline::before {
  content: "\F0B27";
}

.mdi-chevron-left::before {
  content: "\F0141";
}

.mdi-chevron-left-box::before {
  content: "\F09D8";
}

.mdi-chevron-left-box-outline::before {
  content: "\F09D9";
}

.mdi-chevron-left-circle::before {
  content: "\F0B28";
}

.mdi-chevron-left-circle-outline::before {
  content: "\F0B29";
}

.mdi-chevron-right::before {
  content: "\F0142";
}

.mdi-chevron-right-box::before {
  content: "\F09DA";
}

.mdi-chevron-right-box-outline::before {
  content: "\F09DB";
}

.mdi-chevron-right-circle::before {
  content: "\F0B2A";
}

.mdi-chevron-right-circle-outline::before {
  content: "\F0B2B";
}

.mdi-chevron-triple-down::before {
  content: "\F0DB9";
}

.mdi-chevron-triple-left::before {
  content: "\F0DBA";
}

.mdi-chevron-triple-right::before {
  content: "\F0DBB";
}

.mdi-chevron-triple-up::before {
  content: "\F0DBC";
}

.mdi-chevron-up::before {
  content: "\F0143";
}

.mdi-chevron-up-box::before {
  content: "\F09DC";
}

.mdi-chevron-up-box-outline::before {
  content: "\F09DD";
}

.mdi-chevron-up-circle::before {
  content: "\F0B2C";
}

.mdi-chevron-up-circle-outline::before {
  content: "\F0B2D";
}

.mdi-chili-alert::before {
  content: "\F17EA";
}

.mdi-chili-alert-outline::before {
  content: "\F17EB";
}

.mdi-chili-hot::before {
  content: "\F07B2";
}

.mdi-chili-hot-outline::before {
  content: "\F17EC";
}

.mdi-chili-medium::before {
  content: "\F07B3";
}

.mdi-chili-medium-outline::before {
  content: "\F17ED";
}

.mdi-chili-mild::before {
  content: "\F07B4";
}

.mdi-chili-mild-outline::before {
  content: "\F17EE";
}

.mdi-chili-off::before {
  content: "\F1467";
}

.mdi-chili-off-outline::before {
  content: "\F17EF";
}

.mdi-chip::before {
  content: "\F061A";
}

.mdi-church::before {
  content: "\F0144";
}

.mdi-church-outline::before {
  content: "\F1B02";
}

.mdi-cigar::before {
  content: "\F1189";
}

.mdi-cigar-off::before {
  content: "\F141B";
}

.mdi-circle::before {
  content: "\F0765";
}

.mdi-circle-box::before {
  content: "\F15DC";
}

.mdi-circle-box-outline::before {
  content: "\F15DD";
}

.mdi-circle-double::before {
  content: "\F0E95";
}

.mdi-circle-edit-outline::before {
  content: "\F08D5";
}

.mdi-circle-expand::before {
  content: "\F0E96";
}

.mdi-circle-half::before {
  content: "\F1395";
}

.mdi-circle-half-full::before {
  content: "\F1396";
}

.mdi-circle-medium::before {
  content: "\F09DE";
}

.mdi-circle-multiple::before {
  content: "\F0B38";
}

.mdi-circle-multiple-outline::before {
  content: "\F0695";
}

.mdi-circle-off-outline::before {
  content: "\F10D3";
}

.mdi-circle-opacity::before {
  content: "\F1853";
}

.mdi-circle-outline::before {
  content: "\F0766";
}

.mdi-circle-slice-1::before {
  content: "\F0A9E";
}

.mdi-circle-slice-2::before {
  content: "\F0A9F";
}

.mdi-circle-slice-3::before {
  content: "\F0AA0";
}

.mdi-circle-slice-4::before {
  content: "\F0AA1";
}

.mdi-circle-slice-5::before {
  content: "\F0AA2";
}

.mdi-circle-slice-6::before {
  content: "\F0AA3";
}

.mdi-circle-slice-7::before {
  content: "\F0AA4";
}

.mdi-circle-slice-8::before {
  content: "\F0AA5";
}

.mdi-circle-small::before {
  content: "\F09DF";
}

.mdi-circular-saw::before {
  content: "\F0E22";
}

.mdi-city::before {
  content: "\F0146";
}

.mdi-city-switch::before {
  content: "\F1C28";
}

.mdi-city-variant::before {
  content: "\F0A36";
}

.mdi-city-variant-outline::before {
  content: "\F0A37";
}

.mdi-clipboard::before {
  content: "\F0147";
}

.mdi-clipboard-account::before {
  content: "\F0148";
}

.mdi-clipboard-account-outline::before {
  content: "\F0C55";
}

.mdi-clipboard-alert::before {
  content: "\F0149";
}

.mdi-clipboard-alert-outline::before {
  content: "\F0CF7";
}

.mdi-clipboard-arrow-down::before {
  content: "\F014A";
}

.mdi-clipboard-arrow-down-outline::before {
  content: "\F0C56";
}

.mdi-clipboard-arrow-left::before {
  content: "\F014B";
}

.mdi-clipboard-arrow-left-outline::before {
  content: "\F0CF8";
}

.mdi-clipboard-arrow-right::before {
  content: "\F0CF9";
}

.mdi-clipboard-arrow-right-outline::before {
  content: "\F0CFA";
}

.mdi-clipboard-arrow-up::before {
  content: "\F0C57";
}

.mdi-clipboard-arrow-up-outline::before {
  content: "\F0C58";
}

.mdi-clipboard-check::before {
  content: "\F014E";
}

.mdi-clipboard-check-multiple::before {
  content: "\F1263";
}

.mdi-clipboard-check-multiple-outline::before {
  content: "\F1264";
}

.mdi-clipboard-check-outline::before {
  content: "\F08A8";
}

.mdi-clipboard-clock::before {
  content: "\F16E2";
}

.mdi-clipboard-clock-outline::before {
  content: "\F16E3";
}

.mdi-clipboard-edit::before {
  content: "\F14E5";
}

.mdi-clipboard-edit-outline::before {
  content: "\F14E6";
}

.mdi-clipboard-file::before {
  content: "\F1265";
}

.mdi-clipboard-file-outline::before {
  content: "\F1266";
}

.mdi-clipboard-flow::before {
  content: "\F06C8";
}

.mdi-clipboard-flow-outline::before {
  content: "\F1117";
}

.mdi-clipboard-list::before {
  content: "\F10D4";
}

.mdi-clipboard-list-outline::before {
  content: "\F10D5";
}

.mdi-clipboard-minus::before {
  content: "\F1618";
}

.mdi-clipboard-minus-outline::before {
  content: "\F1619";
}

.mdi-clipboard-multiple::before {
  content: "\F1267";
}

.mdi-clipboard-multiple-outline::before {
  content: "\F1268";
}

.mdi-clipboard-off::before {
  content: "\F161A";
}

.mdi-clipboard-off-outline::before {
  content: "\F161B";
}

.mdi-clipboard-outline::before {
  content: "\F014C";
}

.mdi-clipboard-play::before {
  content: "\F0C59";
}

.mdi-clipboard-play-multiple::before {
  content: "\F1269";
}

.mdi-clipboard-play-multiple-outline::before {
  content: "\F126A";
}

.mdi-clipboard-play-outline::before {
  content: "\F0C5A";
}

.mdi-clipboard-plus::before {
  content: "\F0751";
}

.mdi-clipboard-plus-outline::before {
  content: "\F131F";
}

.mdi-clipboard-pulse::before {
  content: "\F085D";
}

.mdi-clipboard-pulse-outline::before {
  content: "\F085E";
}

.mdi-clipboard-remove::before {
  content: "\F161C";
}

.mdi-clipboard-remove-outline::before {
  content: "\F161D";
}

.mdi-clipboard-search::before {
  content: "\F161E";
}

.mdi-clipboard-search-outline::before {
  content: "\F161F";
}

.mdi-clipboard-text::before {
  content: "\F014D";
}

.mdi-clipboard-text-clock::before {
  content: "\F18F9";
}

.mdi-clipboard-text-clock-outline::before {
  content: "\F18FA";
}

.mdi-clipboard-text-multiple::before {
  content: "\F126B";
}

.mdi-clipboard-text-multiple-outline::before {
  content: "\F126C";
}

.mdi-clipboard-text-off::before {
  content: "\F1620";
}

.mdi-clipboard-text-off-outline::before {
  content: "\F1621";
}

.mdi-clipboard-text-outline::before {
  content: "\F0A38";
}

.mdi-clipboard-text-play::before {
  content: "\F0C5B";
}

.mdi-clipboard-text-play-outline::before {
  content: "\F0C5C";
}

.mdi-clipboard-text-search::before {
  content: "\F1622";
}

.mdi-clipboard-text-search-outline::before {
  content: "\F1623";
}

.mdi-clippy::before {
  content: "\F014F";
}

.mdi-clock::before {
  content: "\F0954";
}

.mdi-clock-alert::before {
  content: "\F0955";
}

.mdi-clock-alert-outline::before {
  content: "\F05CE";
}

.mdi-clock-check::before {
  content: "\F0FA8";
}

.mdi-clock-check-outline::before {
  content: "\F0FA9";
}

.mdi-clock-digital::before {
  content: "\F0E97";
}

.mdi-clock-edit::before {
  content: "\F19BA";
}

.mdi-clock-edit-outline::before {
  content: "\F19BB";
}

.mdi-clock-end::before {
  content: "\F0151";
}

.mdi-clock-fast::before {
  content: "\F0152";
}

.mdi-clock-in::before {
  content: "\F0153";
}

.mdi-clock-minus::before {
  content: "\F1863";
}

.mdi-clock-minus-outline::before {
  content: "\F1864";
}

.mdi-clock-out::before {
  content: "\F0154";
}

.mdi-clock-outline::before {
  content: "\F0150";
}

.mdi-clock-plus::before {
  content: "\F1861";
}

.mdi-clock-plus-outline::before {
  content: "\F1862";
}

.mdi-clock-remove::before {
  content: "\F1865";
}

.mdi-clock-remove-outline::before {
  content: "\F1866";
}

.mdi-clock-star-four-points::before {
  content: "\F1C29";
}

.mdi-clock-star-four-points-outline::before {
  content: "\F1C2A";
}

.mdi-clock-start::before {
  content: "\F0155";
}

.mdi-clock-time-eight::before {
  content: "\F1446";
}

.mdi-clock-time-eight-outline::before {
  content: "\F1452";
}

.mdi-clock-time-eleven::before {
  content: "\F1449";
}

.mdi-clock-time-eleven-outline::before {
  content: "\F1455";
}

.mdi-clock-time-five::before {
  content: "\F1443";
}

.mdi-clock-time-five-outline::before {
  content: "\F144F";
}

.mdi-clock-time-four::before {
  content: "\F1442";
}

.mdi-clock-time-four-outline::before {
  content: "\F144E";
}

.mdi-clock-time-nine::before {
  content: "\F1447";
}

.mdi-clock-time-nine-outline::before {
  content: "\F1453";
}

.mdi-clock-time-one::before {
  content: "\F143F";
}

.mdi-clock-time-one-outline::before {
  content: "\F144B";
}

.mdi-clock-time-seven::before {
  content: "\F1445";
}

.mdi-clock-time-seven-outline::before {
  content: "\F1451";
}

.mdi-clock-time-six::before {
  content: "\F1444";
}

.mdi-clock-time-six-outline::before {
  content: "\F1450";
}

.mdi-clock-time-ten::before {
  content: "\F1448";
}

.mdi-clock-time-ten-outline::before {
  content: "\F1454";
}

.mdi-clock-time-three::before {
  content: "\F1441";
}

.mdi-clock-time-three-outline::before {
  content: "\F144D";
}

.mdi-clock-time-twelve::before {
  content: "\F144A";
}

.mdi-clock-time-twelve-outline::before {
  content: "\F1456";
}

.mdi-clock-time-two::before {
  content: "\F1440";
}

.mdi-clock-time-two-outline::before {
  content: "\F144C";
}

.mdi-close::before {
  content: "\F0156";
}

.mdi-close-box::before {
  content: "\F0157";
}

.mdi-close-box-multiple::before {
  content: "\F0C5D";
}

.mdi-close-box-multiple-outline::before {
  content: "\F0C5E";
}

.mdi-close-box-outline::before {
  content: "\F0158";
}

.mdi-close-circle::before {
  content: "\F0159";
}

.mdi-close-circle-multiple::before {
  content: "\F062A";
}

.mdi-close-circle-multiple-outline::before {
  content: "\F0883";
}

.mdi-close-circle-outline::before {
  content: "\F015A";
}

.mdi-close-network::before {
  content: "\F015B";
}

.mdi-close-network-outline::before {
  content: "\F0C5F";
}

.mdi-close-octagon::before {
  content: "\F015C";
}

.mdi-close-octagon-outline::before {
  content: "\F015D";
}

.mdi-close-outline::before {
  content: "\F06C9";
}

.mdi-close-thick::before {
  content: "\F1398";
}

.mdi-closed-caption::before {
  content: "\F015E";
}

.mdi-closed-caption-outline::before {
  content: "\F0DBD";
}

.mdi-cloud::before {
  content: "\F015F";
}

.mdi-cloud-alert::before {
  content: "\F09E0";
}

.mdi-cloud-alert-outline::before {
  content: "\F1BE0";
}

.mdi-cloud-arrow-down::before {
  content: "\F1BE1";
}

.mdi-cloud-arrow-down-outline::before {
  content: "\F1BE2";
}

.mdi-cloud-arrow-left::before {
  content: "\F1BE3";
}

.mdi-cloud-arrow-left-outline::before {
  content: "\F1BE4";
}

.mdi-cloud-arrow-right::before {
  content: "\F1BE5";
}

.mdi-cloud-arrow-right-outline::before {
  content: "\F1BE6";
}

.mdi-cloud-arrow-up::before {
  content: "\F1BE7";
}

.mdi-cloud-arrow-up-outline::before {
  content: "\F1BE8";
}

.mdi-cloud-braces::before {
  content: "\F07B5";
}

.mdi-cloud-cancel::before {
  content: "\F1BE9";
}

.mdi-cloud-cancel-outline::before {
  content: "\F1BEA";
}

.mdi-cloud-check::before {
  content: "\F1BEB";
}

.mdi-cloud-check-outline::before {
  content: "\F1BEC";
}

.mdi-cloud-check-variant::before {
  content: "\F0160";
}

.mdi-cloud-check-variant-outline::before {
  content: "\F12CC";
}

.mdi-cloud-circle::before {
  content: "\F0161";
}

.mdi-cloud-circle-outline::before {
  content: "\F1BED";
}

.mdi-cloud-clock::before {
  content: "\F1BEE";
}

.mdi-cloud-clock-outline::before {
  content: "\F1BEF";
}

.mdi-cloud-cog::before {
  content: "\F1BF0";
}

.mdi-cloud-cog-outline::before {
  content: "\F1BF1";
}

.mdi-cloud-download::before {
  content: "\F0162";
}

.mdi-cloud-download-outline::before {
  content: "\F0B7D";
}

.mdi-cloud-key::before {
  content: "\F1CA1";
}

.mdi-cloud-key-outline::before {
  content: "\F1CA2";
}

.mdi-cloud-lock::before {
  content: "\F11F1";
}

.mdi-cloud-lock-open::before {
  content: "\F1BF2";
}

.mdi-cloud-lock-open-outline::before {
  content: "\F1BF3";
}

.mdi-cloud-lock-outline::before {
  content: "\F11F2";
}

.mdi-cloud-minus::before {
  content: "\F1BF4";
}

.mdi-cloud-minus-outline::before {
  content: "\F1BF5";
}

.mdi-cloud-off::before {
  content: "\F1BF6";
}

.mdi-cloud-off-outline::before {
  content: "\F0164";
}

.mdi-cloud-outline::before {
  content: "\F0163";
}

.mdi-cloud-percent::before {
  content: "\F1A35";
}

.mdi-cloud-percent-outline::before {
  content: "\F1A36";
}

.mdi-cloud-plus::before {
  content: "\F1BF7";
}

.mdi-cloud-plus-outline::before {
  content: "\F1BF8";
}

.mdi-cloud-print::before {
  content: "\F0165";
}

.mdi-cloud-print-outline::before {
  content: "\F0166";
}

.mdi-cloud-question::before {
  content: "\F0A39";
}

.mdi-cloud-question-outline::before {
  content: "\F1BF9";
}

.mdi-cloud-refresh::before {
  content: "\F1BFA";
}

.mdi-cloud-refresh-outline::before {
  content: "\F1BFB";
}

.mdi-cloud-refresh-variant::before {
  content: "\F052A";
}

.mdi-cloud-refresh-variant-outline::before {
  content: "\F1BFC";
}

.mdi-cloud-remove::before {
  content: "\F1BFD";
}

.mdi-cloud-remove-outline::before {
  content: "\F1BFE";
}

.mdi-cloud-search::before {
  content: "\F0956";
}

.mdi-cloud-search-outline::before {
  content: "\F0957";
}

.mdi-cloud-sync::before {
  content: "\F063F";
}

.mdi-cloud-sync-outline::before {
  content: "\F12D6";
}

.mdi-cloud-tags::before {
  content: "\F07B6";
}

.mdi-cloud-upload::before {
  content: "\F0167";
}

.mdi-cloud-upload-outline::before {
  content: "\F0B7E";
}

.mdi-clouds::before {
  content: "\F1B95";
}

.mdi-clover::before {
  content: "\F0816";
}

.mdi-clover-outline::before {
  content: "\F1C62";
}

.mdi-coach-lamp::before {
  content: "\F1020";
}

.mdi-coach-lamp-variant::before {
  content: "\F1A37";
}

.mdi-coat-rack::before {
  content: "\F109E";
}

.mdi-code-array::before {
  content: "\F0168";
}

.mdi-code-block-braces::before {
  content: "\F1C83";
}

.mdi-code-block-brackets::before {
  content: "\F1C84";
}

.mdi-code-block-parentheses::before {
  content: "\F1C85";
}

.mdi-code-block-tags::before {
  content: "\F1C86";
}

.mdi-code-braces::before {
  content: "\F0169";
}

.mdi-code-braces-box::before {
  content: "\F10D6";
}

.mdi-code-brackets::before {
  content: "\F016A";
}

.mdi-code-equal::before {
  content: "\F016B";
}

.mdi-code-greater-than::before {
  content: "\F016C";
}

.mdi-code-greater-than-or-equal::before {
  content: "\F016D";
}

.mdi-code-json::before {
  content: "\F0626";
}

.mdi-code-less-than::before {
  content: "\F016E";
}

.mdi-code-less-than-or-equal::before {
  content: "\F016F";
}

.mdi-code-not-equal::before {
  content: "\F0170";
}

.mdi-code-not-equal-variant::before {
  content: "\F0171";
}

.mdi-code-parentheses::before {
  content: "\F0172";
}

.mdi-code-parentheses-box::before {
  content: "\F10D7";
}

.mdi-code-string::before {
  content: "\F0173";
}

.mdi-code-tags::before {
  content: "\F0174";
}

.mdi-code-tags-check::before {
  content: "\F0694";
}

.mdi-codepen::before {
  content: "\F0175";
}

.mdi-coffee::before {
  content: "\F0176";
}

.mdi-coffee-maker::before {
  content: "\F109F";
}

.mdi-coffee-maker-check::before {
  content: "\F1931";
}

.mdi-coffee-maker-check-outline::before {
  content: "\F1932";
}

.mdi-coffee-maker-outline::before {
  content: "\F181B";
}

.mdi-coffee-off::before {
  content: "\F0FAA";
}

.mdi-coffee-off-outline::before {
  content: "\F0FAB";
}

.mdi-coffee-outline::before {
  content: "\F06CA";
}

.mdi-coffee-to-go::before {
  content: "\F0177";
}

.mdi-coffee-to-go-outline::before {
  content: "\F130E";
}

.mdi-coffin::before {
  content: "\F0B7F";
}

.mdi-cog::before {
  content: "\F0493";
}

.mdi-cog-box::before {
  content: "\F0494";
}

.mdi-cog-clockwise::before {
  content: "\F11DD";
}

.mdi-cog-counterclockwise::before {
  content: "\F11DE";
}

.mdi-cog-off::before {
  content: "\F13CE";
}

.mdi-cog-off-outline::before {
  content: "\F13CF";
}

.mdi-cog-outline::before {
  content: "\F08BB";
}

.mdi-cog-pause::before {
  content: "\F1933";
}

.mdi-cog-pause-outline::before {
  content: "\F1934";
}

.mdi-cog-play::before {
  content: "\F1935";
}

.mdi-cog-play-outline::before {
  content: "\F1936";
}

.mdi-cog-refresh::before {
  content: "\F145E";
}

.mdi-cog-refresh-outline::before {
  content: "\F145F";
}

.mdi-cog-stop::before {
  content: "\F1937";
}

.mdi-cog-stop-outline::before {
  content: "\F1938";
}

.mdi-cog-sync::before {
  content: "\F1460";
}

.mdi-cog-sync-outline::before {
  content: "\F1461";
}

.mdi-cog-transfer::before {
  content: "\F105B";
}

.mdi-cog-transfer-outline::before {
  content: "\F105C";
}

.mdi-cogs::before {
  content: "\F08D6";
}

.mdi-collage::before {
  content: "\F0640";
}

.mdi-collapse-all::before {
  content: "\F0AA6";
}

.mdi-collapse-all-outline::before {
  content: "\F0AA7";
}

.mdi-color-helper::before {
  content: "\F0179";
}

.mdi-comma::before {
  content: "\F0E23";
}

.mdi-comma-box::before {
  content: "\F0E2B";
}

.mdi-comma-box-outline::before {
  content: "\F0E24";
}

.mdi-comma-circle::before {
  content: "\F0E25";
}

.mdi-comma-circle-outline::before {
  content: "\F0E26";
}

.mdi-comment::before {
  content: "\F017A";
}

.mdi-comment-account::before {
  content: "\F017B";
}

.mdi-comment-account-outline::before {
  content: "\F017C";
}

.mdi-comment-alert::before {
  content: "\F017D";
}

.mdi-comment-alert-outline::before {
  content: "\F017E";
}

.mdi-comment-arrow-left::before {
  content: "\F09E1";
}

.mdi-comment-arrow-left-outline::before {
  content: "\F09E2";
}

.mdi-comment-arrow-right::before {
  content: "\F09E3";
}

.mdi-comment-arrow-right-outline::before {
  content: "\F09E4";
}

.mdi-comment-bookmark::before {
  content: "\F15AE";
}

.mdi-comment-bookmark-outline::before {
  content: "\F15AF";
}

.mdi-comment-check::before {
  content: "\F017F";
}

.mdi-comment-check-outline::before {
  content: "\F0180";
}

.mdi-comment-edit::before {
  content: "\F11BF";
}

.mdi-comment-edit-outline::before {
  content: "\F12C4";
}

.mdi-comment-eye::before {
  content: "\F0A3A";
}

.mdi-comment-eye-outline::before {
  content: "\F0A3B";
}

.mdi-comment-flash::before {
  content: "\F15B0";
}

.mdi-comment-flash-outline::before {
  content: "\F15B1";
}

.mdi-comment-minus::before {
  content: "\F15DF";
}

.mdi-comment-minus-outline::before {
  content: "\F15E0";
}

.mdi-comment-multiple::before {
  content: "\F085F";
}

.mdi-comment-multiple-outline::before {
  content: "\F0181";
}

.mdi-comment-off::before {
  content: "\F15E1";
}

.mdi-comment-off-outline::before {
  content: "\F15E2";
}

.mdi-comment-outline::before {
  content: "\F0182";
}

.mdi-comment-plus::before {
  content: "\F09E5";
}

.mdi-comment-plus-outline::before {
  content: "\F0183";
}

.mdi-comment-processing::before {
  content: "\F0184";
}

.mdi-comment-processing-outline::before {
  content: "\F0185";
}

.mdi-comment-question::before {
  content: "\F0817";
}

.mdi-comment-question-outline::before {
  content: "\F0186";
}

.mdi-comment-quote::before {
  content: "\F1021";
}

.mdi-comment-quote-outline::before {
  content: "\F1022";
}

.mdi-comment-remove::before {
  content: "\F05DE";
}

.mdi-comment-remove-outline::before {
  content: "\F0187";
}

.mdi-comment-search::before {
  content: "\F0A3C";
}

.mdi-comment-search-outline::before {
  content: "\F0A3D";
}

.mdi-comment-text::before {
  content: "\F0188";
}

.mdi-comment-text-multiple::before {
  content: "\F0860";
}

.mdi-comment-text-multiple-outline::before {
  content: "\F0861";
}

.mdi-comment-text-outline::before {
  content: "\F0189";
}

.mdi-compare::before {
  content: "\F018A";
}

.mdi-compare-horizontal::before {
  content: "\F1492";
}

.mdi-compare-remove::before {
  content: "\F18B3";
}

.mdi-compare-vertical::before {
  content: "\F1493";
}

.mdi-compass::before {
  content: "\F018B";
}

.mdi-compass-off::before {
  content: "\F0B80";
}

.mdi-compass-off-outline::before {
  content: "\F0B81";
}

.mdi-compass-outline::before {
  content: "\F018C";
}

.mdi-compass-rose::before {
  content: "\F1382";
}

.mdi-compost::before {
  content: "\F1A38";
}

.mdi-cone::before {
  content: "\F194C";
}

.mdi-cone-off::before {
  content: "\F194D";
}

.mdi-connection::before {
  content: "\F1616";
}

.mdi-console::before {
  content: "\F018D";
}

.mdi-console-line::before {
  content: "\F07B7";
}

.mdi-console-network::before {
  content: "\F08A9";
}

.mdi-console-network-outline::before {
  content: "\F0C60";
}

.mdi-consolidate::before {
  content: "\F10D8";
}

.mdi-contactless-payment::before {
  content: "\F0D6A";
}

.mdi-contactless-payment-circle::before {
  content: "\F0321";
}

.mdi-contactless-payment-circle-outline::before {
  content: "\F0408";
}

.mdi-contacts::before {
  content: "\F06CB";
}

.mdi-contacts-outline::before {
  content: "\F05B8";
}

.mdi-contain::before {
  content: "\F0A3E";
}

.mdi-contain-end::before {
  content: "\F0A3F";
}

.mdi-contain-start::before {
  content: "\F0A40";
}

.mdi-content-copy::before {
  content: "\F018F";
}

.mdi-content-cut::before {
  content: "\F0190";
}

.mdi-content-duplicate::before {
  content: "\F0191";
}

.mdi-content-paste::before {
  content: "\F0192";
}

.mdi-content-save::before {
  content: "\F0193";
}

.mdi-content-save-alert::before {
  content: "\F0F42";
}

.mdi-content-save-alert-outline::before {
  content: "\F0F43";
}

.mdi-content-save-all::before {
  content: "\F0194";
}

.mdi-content-save-all-outline::before {
  content: "\F0F44";
}

.mdi-content-save-check::before {
  content: "\F18EA";
}

.mdi-content-save-check-outline::before {
  content: "\F18EB";
}

.mdi-content-save-cog::before {
  content: "\F145B";
}

.mdi-content-save-cog-outline::before {
  content: "\F145C";
}

.mdi-content-save-edit::before {
  content: "\F0CFB";
}

.mdi-content-save-edit-outline::before {
  content: "\F0CFC";
}

.mdi-content-save-minus::before {
  content: "\F1B43";
}

.mdi-content-save-minus-outline::before {
  content: "\F1B44";
}

.mdi-content-save-move::before {
  content: "\F0E27";
}

.mdi-content-save-move-outline::before {
  content: "\F0E28";
}

.mdi-content-save-off::before {
  content: "\F1643";
}

.mdi-content-save-off-outline::before {
  content: "\F1644";
}

.mdi-content-save-outline::before {
  content: "\F0818";
}

.mdi-content-save-plus::before {
  content: "\F1B41";
}

.mdi-content-save-plus-outline::before {
  content: "\F1B42";
}

.mdi-content-save-settings::before {
  content: "\F061B";
}

.mdi-content-save-settings-outline::before {
  content: "\F0B2E";
}

.mdi-contrast::before {
  content: "\F0195";
}

.mdi-contrast-box::before {
  content: "\F0196";
}

.mdi-contrast-circle::before {
  content: "\F0197";
}

.mdi-controller::before {
  content: "\F02B4";
}

.mdi-controller-classic::before {
  content: "\F0B82";
}

.mdi-controller-classic-outline::before {
  content: "\F0B83";
}

.mdi-controller-off::before {
  content: "\F02B5";
}

.mdi-cookie::before {
  content: "\F0198";
}

.mdi-cookie-alert::before {
  content: "\F16D0";
}

.mdi-cookie-alert-outline::before {
  content: "\F16D1";
}

.mdi-cookie-check::before {
  content: "\F16D2";
}

.mdi-cookie-check-outline::before {
  content: "\F16D3";
}

.mdi-cookie-clock::before {
  content: "\F16E4";
}

.mdi-cookie-clock-outline::before {
  content: "\F16E5";
}

.mdi-cookie-cog::before {
  content: "\F16D4";
}

.mdi-cookie-cog-outline::before {
  content: "\F16D5";
}

.mdi-cookie-edit::before {
  content: "\F16E6";
}

.mdi-cookie-edit-outline::before {
  content: "\F16E7";
}

.mdi-cookie-lock::before {
  content: "\F16E8";
}

.mdi-cookie-lock-outline::before {
  content: "\F16E9";
}

.mdi-cookie-minus::before {
  content: "\F16DA";
}

.mdi-cookie-minus-outline::before {
  content: "\F16DB";
}

.mdi-cookie-off::before {
  content: "\F16EA";
}

.mdi-cookie-off-outline::before {
  content: "\F16EB";
}

.mdi-cookie-outline::before {
  content: "\F16DE";
}

.mdi-cookie-plus::before {
  content: "\F16D6";
}

.mdi-cookie-plus-outline::before {
  content: "\F16D7";
}

.mdi-cookie-refresh::before {
  content: "\F16EC";
}

.mdi-cookie-refresh-outline::before {
  content: "\F16ED";
}

.mdi-cookie-remove::before {
  content: "\F16D8";
}

.mdi-cookie-remove-outline::before {
  content: "\F16D9";
}

.mdi-cookie-settings::before {
  content: "\F16DC";
}

.mdi-cookie-settings-outline::before {
  content: "\F16DD";
}

.mdi-coolant-temperature::before {
  content: "\F03C8";
}

.mdi-copyleft::before {
  content: "\F1939";
}

.mdi-copyright::before {
  content: "\F05E6";
}

.mdi-cordova::before {
  content: "\F0958";
}

.mdi-corn::before {
  content: "\F07B8";
}

.mdi-corn-off::before {
  content: "\F13EF";
}

.mdi-cosine-wave::before {
  content: "\F1479";
}

.mdi-counter::before {
  content: "\F0199";
}

.mdi-countertop::before {
  content: "\F181C";
}

.mdi-countertop-outline::before {
  content: "\F181D";
}

.mdi-cow::before {
  content: "\F019A";
}

.mdi-cow-off::before {
  content: "\F18FC";
}

.mdi-cpu-32-bit::before {
  content: "\F0EDF";
}

.mdi-cpu-64-bit::before {
  content: "\F0EE0";
}

.mdi-cradle::before {
  content: "\F198B";
}

.mdi-cradle-outline::before {
  content: "\F1991";
}

.mdi-crane::before {
  content: "\F0862";
}

.mdi-creation::before {
  content: "\F0674";
}

.mdi-creation-outline::before {
  content: "\F1C2B";
}

.mdi-creative-commons::before {
  content: "\F0D6B";
}

.mdi-credit-card::before {
  content: "\F0FEF";
}

.mdi-credit-card-check::before {
  content: "\F13D0";
}

.mdi-credit-card-check-outline::before {
  content: "\F13D1";
}

.mdi-credit-card-chip::before {
  content: "\F190F";
}

.mdi-credit-card-chip-outline::before {
  content: "\F1910";
}

.mdi-credit-card-clock::before {
  content: "\F0EE1";
}

.mdi-credit-card-clock-outline::before {
  content: "\F0EE2";
}

.mdi-credit-card-edit::before {
  content: "\F17D7";
}

.mdi-credit-card-edit-outline::before {
  content: "\F17D8";
}

.mdi-credit-card-fast::before {
  content: "\F1911";
}

.mdi-credit-card-fast-outline::before {
  content: "\F1912";
}

.mdi-credit-card-lock::before {
  content: "\F18E7";
}

.mdi-credit-card-lock-outline::before {
  content: "\F18E8";
}

.mdi-credit-card-marker::before {
  content: "\F06A8";
}

.mdi-credit-card-marker-outline::before {
  content: "\F0DBE";
}

.mdi-credit-card-minus::before {
  content: "\F0FAC";
}

.mdi-credit-card-minus-outline::before {
  content: "\F0FAD";
}

.mdi-credit-card-multiple::before {
  content: "\F0FF0";
}

.mdi-credit-card-multiple-outline::before {
  content: "\F019C";
}

.mdi-credit-card-off::before {
  content: "\F0FF1";
}

.mdi-credit-card-off-outline::before {
  content: "\F05E4";
}

.mdi-credit-card-outline::before {
  content: "\F019B";
}

.mdi-credit-card-plus::before {
  content: "\F0FF2";
}

.mdi-credit-card-plus-outline::before {
  content: "\F0676";
}

.mdi-credit-card-refresh::before {
  content: "\F1645";
}

.mdi-credit-card-refresh-outline::before {
  content: "\F1646";
}

.mdi-credit-card-refund::before {
  content: "\F0FF3";
}

.mdi-credit-card-refund-outline::before {
  content: "\F0AA8";
}

.mdi-credit-card-remove::before {
  content: "\F0FAE";
}

.mdi-credit-card-remove-outline::before {
  content: "\F0FAF";
}

.mdi-credit-card-scan::before {
  content: "\F0FF4";
}

.mdi-credit-card-scan-outline::before {
  content: "\F019D";
}

.mdi-credit-card-search::before {
  content: "\F1647";
}

.mdi-credit-card-search-outline::before {
  content: "\F1648";
}

.mdi-credit-card-settings::before {
  content: "\F0FF5";
}

.mdi-credit-card-settings-outline::before {
  content: "\F08D7";
}

.mdi-credit-card-sync::before {
  content: "\F1649";
}

.mdi-credit-card-sync-outline::before {
  content: "\F164A";
}

.mdi-credit-card-wireless::before {
  content: "\F0802";
}

.mdi-credit-card-wireless-off::before {
  content: "\F057A";
}

.mdi-credit-card-wireless-off-outline::before {
  content: "\F057B";
}

.mdi-credit-card-wireless-outline::before {
  content: "\F0D6C";
}

.mdi-cricket::before {
  content: "\F0D6D";
}

.mdi-crop::before {
  content: "\F019E";
}

.mdi-crop-free::before {
  content: "\F019F";
}

.mdi-crop-landscape::before {
  content: "\F01A0";
}

.mdi-crop-portrait::before {
  content: "\F01A1";
}

.mdi-crop-rotate::before {
  content: "\F0696";
}

.mdi-crop-square::before {
  content: "\F01A2";
}

.mdi-cross::before {
  content: "\F0953";
}

.mdi-cross-bolnisi::before {
  content: "\F0CED";
}

.mdi-cross-celtic::before {
  content: "\F0CF5";
}

.mdi-cross-outline::before {
  content: "\F0CF6";
}

.mdi-crosshairs::before {
  content: "\F01A3";
}

.mdi-crosshairs-gps::before {
  content: "\F01A4";
}

.mdi-crosshairs-off::before {
  content: "\F0F45";
}

.mdi-crosshairs-question::before {
  content: "\F1136";
}

.mdi-crowd::before {
  content: "\F1975";
}

.mdi-crown::before {
  content: "\F01A5";
}

.mdi-crown-circle::before {
  content: "\F17DC";
}

.mdi-crown-circle-outline::before {
  content: "\F17DD";
}

.mdi-crown-outline::before {
  content: "\F11D0";
}

.mdi-cryengine::before {
  content: "\F0959";
}

.mdi-crystal-ball::before {
  content: "\F0B2F";
}

.mdi-cube::before {
  content: "\F01A6";
}

.mdi-cube-off::before {
  content: "\F141C";
}

.mdi-cube-off-outline::before {
  content: "\F141D";
}

.mdi-cube-outline::before {
  content: "\F01A7";
}

.mdi-cube-scan::before {
  content: "\F0B84";
}

.mdi-cube-send::before {
  content: "\F01A8";
}

.mdi-cube-unfolded::before {
  content: "\F01A9";
}

.mdi-cup::before {
  content: "\F01AA";
}

.mdi-cup-off::before {
  content: "\F05E5";
}

.mdi-cup-off-outline::before {
  content: "\F137D";
}

.mdi-cup-outline::before {
  content: "\F130F";
}

.mdi-cup-water::before {
  content: "\F01AB";
}

.mdi-cupboard::before {
  content: "\F0F46";
}

.mdi-cupboard-outline::before {
  content: "\F0F47";
}

.mdi-cupcake::before {
  content: "\F095A";
}

.mdi-curling::before {
  content: "\F0863";
}

.mdi-currency-bdt::before {
  content: "\F0864";
}

.mdi-currency-brl::before {
  content: "\F0B85";
}

.mdi-currency-btc::before {
  content: "\F01AC";
}

.mdi-currency-cny::before {
  content: "\F07BA";
}

.mdi-currency-eth::before {
  content: "\F07BB";
}

.mdi-currency-eur::before {
  content: "\F01AD";
}

.mdi-currency-eur-off::before {
  content: "\F1315";
}

.mdi-currency-fra::before {
  content: "\F1A39";
}

.mdi-currency-gbp::before {
  content: "\F01AE";
}

.mdi-currency-ils::before {
  content: "\F0C61";
}

.mdi-currency-inr::before {
  content: "\F01AF";
}

.mdi-currency-jpy::before {
  content: "\F07BC";
}

.mdi-currency-krw::before {
  content: "\F07BD";
}

.mdi-currency-kzt::before {
  content: "\F0865";
}

.mdi-currency-mnt::before {
  content: "\F1512";
}

.mdi-currency-ngn::before {
  content: "\F01B0";
}

.mdi-currency-php::before {
  content: "\F09E6";
}

.mdi-currency-rial::before {
  content: "\F0E9C";
}

.mdi-currency-rub::before {
  content: "\F01B1";
}

.mdi-currency-rupee::before {
  content: "\F1976";
}

.mdi-currency-sign::before {
  content: "\F07BE";
}

.mdi-currency-thb::before {
  content: "\F1C05";
}

.mdi-currency-try::before {
  content: "\F01B2";
}

.mdi-currency-twd::before {
  content: "\F07BF";
}

.mdi-currency-uah::before {
  content: "\F1B9B";
}

.mdi-currency-usd::before {
  content: "\F01C1";
}

.mdi-currency-usd-off::before {
  content: "\F067A";
}

.mdi-current-ac::before {
  content: "\F1480";
}

.mdi-current-dc::before {
  content: "\F095C";
}

.mdi-cursor-default::before {
  content: "\F01C0";
}

.mdi-cursor-default-click::before {
  content: "\F0CFD";
}

.mdi-cursor-default-click-outline::before {
  content: "\F0CFE";
}

.mdi-cursor-default-gesture::before {
  content: "\F1127";
}

.mdi-cursor-default-gesture-outline::before {
  content: "\F1128";
}

.mdi-cursor-default-outline::before {
  content: "\F01BF";
}

.mdi-cursor-move::before {
  content: "\F01BE";
}

.mdi-cursor-pointer::before {
  content: "\F01BD";
}

.mdi-cursor-text::before {
  content: "\F05E7";
}

.mdi-curtains::before {
  content: "\F1846";
}

.mdi-curtains-closed::before {
  content: "\F1847";
}

.mdi-cylinder::before {
  content: "\F194E";
}

.mdi-cylinder-off::before {
  content: "\F194F";
}

.mdi-dance-ballroom::before {
  content: "\F15FB";
}

.mdi-dance-pole::before {
  content: "\F1578";
}

.mdi-data-matrix::before {
  content: "\F153C";
}

.mdi-data-matrix-edit::before {
  content: "\F153D";
}

.mdi-data-matrix-minus::before {
  content: "\F153E";
}

.mdi-data-matrix-plus::before {
  content: "\F153F";
}

.mdi-data-matrix-remove::before {
  content: "\F1540";
}

.mdi-data-matrix-scan::before {
  content: "\F1541";
}

.mdi-database::before {
  content: "\F01BC";
}

.mdi-database-alert::before {
  content: "\F163A";
}

.mdi-database-alert-outline::before {
  content: "\F1624";
}

.mdi-database-arrow-down::before {
  content: "\F163B";
}

.mdi-database-arrow-down-outline::before {
  content: "\F1625";
}

.mdi-database-arrow-left::before {
  content: "\F163C";
}

.mdi-database-arrow-left-outline::before {
  content: "\F1626";
}

.mdi-database-arrow-right::before {
  content: "\F163D";
}

.mdi-database-arrow-right-outline::before {
  content: "\F1627";
}

.mdi-database-arrow-up::before {
  content: "\F163E";
}

.mdi-database-arrow-up-outline::before {
  content: "\F1628";
}

.mdi-database-check::before {
  content: "\F0AA9";
}

.mdi-database-check-outline::before {
  content: "\F1629";
}

.mdi-database-clock::before {
  content: "\F163F";
}

.mdi-database-clock-outline::before {
  content: "\F162A";
}

.mdi-database-cog::before {
  content: "\F164B";
}

.mdi-database-cog-outline::before {
  content: "\F164C";
}

.mdi-database-edit::before {
  content: "\F0B86";
}

.mdi-database-edit-outline::before {
  content: "\F162B";
}

.mdi-database-export::before {
  content: "\F095E";
}

.mdi-database-export-outline::before {
  content: "\F162C";
}

.mdi-database-eye::before {
  content: "\F191F";
}

.mdi-database-eye-off::before {
  content: "\F1920";
}

.mdi-database-eye-off-outline::before {
  content: "\F1921";
}

.mdi-database-eye-outline::before {
  content: "\F1922";
}

.mdi-database-import::before {
  content: "\F095D";
}

.mdi-database-import-outline::before {
  content: "\F162D";
}

.mdi-database-lock::before {
  content: "\F0AAA";
}

.mdi-database-lock-outline::before {
  content: "\F162E";
}

.mdi-database-marker::before {
  content: "\F12F6";
}

.mdi-database-marker-outline::before {
  content: "\F162F";
}

.mdi-database-minus::before {
  content: "\F01BB";
}

.mdi-database-minus-outline::before {
  content: "\F1630";
}

.mdi-database-off::before {
  content: "\F1640";
}

.mdi-database-off-outline::before {
  content: "\F1631";
}

.mdi-database-outline::before {
  content: "\F1632";
}

.mdi-database-plus::before {
  content: "\F01BA";
}

.mdi-database-plus-outline::before {
  content: "\F1633";
}

.mdi-database-refresh::before {
  content: "\F05C2";
}

.mdi-database-refresh-outline::before {
  content: "\F1634";
}

.mdi-database-remove::before {
  content: "\F0D00";
}

.mdi-database-remove-outline::before {
  content: "\F1635";
}

.mdi-database-search::before {
  content: "\F0866";
}

.mdi-database-search-outline::before {
  content: "\F1636";
}

.mdi-database-settings::before {
  content: "\F0D01";
}

.mdi-database-settings-outline::before {
  content: "\F1637";
}

.mdi-database-sync::before {
  content: "\F0CFF";
}

.mdi-database-sync-outline::before {
  content: "\F1638";
}

.mdi-death-star::before {
  content: "\F08D8";
}

.mdi-death-star-variant::before {
  content: "\F08D9";
}

.mdi-deathly-hallows::before {
  content: "\F0B87";
}

.mdi-debian::before {
  content: "\F08DA";
}

.mdi-debug-step-into::before {
  content: "\F01B9";
}

.mdi-debug-step-out::before {
  content: "\F01B8";
}

.mdi-debug-step-over::before {
  content: "\F01B7";
}

.mdi-decagram::before {
  content: "\F076C";
}

.mdi-decagram-outline::before {
  content: "\F076D";
}

.mdi-decimal::before {
  content: "\F10A1";
}

.mdi-decimal-comma::before {
  content: "\F10A2";
}

.mdi-decimal-comma-decrease::before {
  content: "\F10A3";
}

.mdi-decimal-comma-increase::before {
  content: "\F10A4";
}

.mdi-decimal-decrease::before {
  content: "\F01B6";
}

.mdi-decimal-increase::before {
  content: "\F01B5";
}

.mdi-delete::before {
  content: "\F01B4";
}

.mdi-delete-alert::before {
  content: "\F10A5";
}

.mdi-delete-alert-outline::before {
  content: "\F10A6";
}

.mdi-delete-circle::before {
  content: "\F0683";
}

.mdi-delete-circle-outline::before {
  content: "\F0B88";
}

.mdi-delete-clock::before {
  content: "\F1556";
}

.mdi-delete-clock-outline::before {
  content: "\F1557";
}

.mdi-delete-empty::before {
  content: "\F06CC";
}

.mdi-delete-empty-outline::before {
  content: "\F0E9D";
}

.mdi-delete-forever::before {
  content: "\F05E8";
}

.mdi-delete-forever-outline::before {
  content: "\F0B89";
}

.mdi-delete-off::before {
  content: "\F10A7";
}

.mdi-delete-off-outline::before {
  content: "\F10A8";
}

.mdi-delete-outline::before {
  content: "\F09E7";
}

.mdi-delete-restore::before {
  content: "\F0819";
}

.mdi-delete-sweep::before {
  content: "\F05E9";
}

.mdi-delete-sweep-outline::before {
  content: "\F0C62";
}

.mdi-delete-variant::before {
  content: "\F01B3";
}

.mdi-delta::before {
  content: "\F01C2";
}

.mdi-desk::before {
  content: "\F1239";
}

.mdi-desk-lamp::before {
  content: "\F095F";
}

.mdi-desk-lamp-off::before {
  content: "\F1B1F";
}

.mdi-desk-lamp-on::before {
  content: "\F1B20";
}

.mdi-deskphone::before {
  content: "\F01C3";
}

.mdi-desktop-classic::before {
  content: "\F07C0";
}

.mdi-desktop-tower::before {
  content: "\F01C5";
}

.mdi-desktop-tower-monitor::before {
  content: "\F0AAB";
}

.mdi-details::before {
  content: "\F01C6";
}

.mdi-dev-to::before {
  content: "\F0D6E";
}

.mdi-developer-board::before {
  content: "\F0697";
}

.mdi-deviantart::before {
  content: "\F01C7";
}

.mdi-devices::before {
  content: "\F0FB0";
}

.mdi-dharmachakra::before {
  content: "\F094B";
}

.mdi-diabetes::before {
  content: "\F1126";
}

.mdi-dialpad::before {
  content: "\F061C";
}

.mdi-diameter::before {
  content: "\F0C63";
}

.mdi-diameter-outline::before {
  content: "\F0C64";
}

.mdi-diameter-variant::before {
  content: "\F0C65";
}

.mdi-diamond::before {
  content: "\F0B8A";
}

.mdi-diamond-outline::before {
  content: "\F0B8B";
}

.mdi-diamond-stone::before {
  content: "\F01C8";
}

.mdi-diaper-outline::before {
  content: "\F1CCF";
}

.mdi-dice-1::before {
  content: "\F01CA";
}

.mdi-dice-1-outline::before {
  content: "\F114A";
}

.mdi-dice-2::before {
  content: "\F01CB";
}

.mdi-dice-2-outline::before {
  content: "\F114B";
}

.mdi-dice-3::before {
  content: "\F01CC";
}

.mdi-dice-3-outline::before {
  content: "\F114C";
}

.mdi-dice-4::before {
  content: "\F01CD";
}

.mdi-dice-4-outline::before {
  content: "\F114D";
}

.mdi-dice-5::before {
  content: "\F01CE";
}

.mdi-dice-5-outline::before {
  content: "\F114E";
}

.mdi-dice-6::before {
  content: "\F01CF";
}

.mdi-dice-6-outline::before {
  content: "\F114F";
}

.mdi-dice-d10::before {
  content: "\F1153";
}

.mdi-dice-d10-outline::before {
  content: "\F076F";
}

.mdi-dice-d12::before {
  content: "\F1154";
}

.mdi-dice-d12-outline::before {
  content: "\F0867";
}

.mdi-dice-d20::before {
  content: "\F1155";
}

.mdi-dice-d20-outline::before {
  content: "\F05EA";
}

.mdi-dice-d4::before {
  content: "\F1150";
}

.mdi-dice-d4-outline::before {
  content: "\F05EB";
}

.mdi-dice-d6::before {
  content: "\F1151";
}

.mdi-dice-d6-outline::before {
  content: "\F05ED";
}

.mdi-dice-d8::before {
  content: "\F1152";
}

.mdi-dice-d8-outline::before {
  content: "\F05EC";
}

.mdi-dice-multiple::before {
  content: "\F076E";
}

.mdi-dice-multiple-outline::before {
  content: "\F1156";
}

.mdi-digital-ocean::before {
  content: "\F1237";
}

.mdi-dip-switch::before {
  content: "\F07C1";
}

.mdi-directions::before {
  content: "\F01D0";
}

.mdi-directions-fork::before {
  content: "\F0641";
}

.mdi-disc::before {
  content: "\F05EE";
}

.mdi-disc-alert::before {
  content: "\F01D1";
}

.mdi-disc-player::before {
  content: "\F0960";
}

.mdi-dishwasher::before {
  content: "\F0AAC";
}

.mdi-dishwasher-alert::before {
  content: "\F11B8";
}

.mdi-dishwasher-off::before {
  content: "\F11B9";
}

.mdi-disqus::before {
  content: "\F01D2";
}

.mdi-distribute-horizontal-center::before {
  content: "\F11C9";
}

.mdi-distribute-horizontal-left::before {
  content: "\F11C8";
}

.mdi-distribute-horizontal-right::before {
  content: "\F11CA";
}

.mdi-distribute-vertical-bottom::before {
  content: "\F11CB";
}

.mdi-distribute-vertical-center::before {
  content: "\F11CC";
}

.mdi-distribute-vertical-top::before {
  content: "\F11CD";
}

.mdi-diversify::before {
  content: "\F1877";
}

.mdi-diving::before {
  content: "\F1977";
}

.mdi-diving-flippers::before {
  content: "\F0DBF";
}

.mdi-diving-helmet::before {
  content: "\F0DC0";
}

.mdi-diving-scuba::before {
  content: "\F1B77";
}

.mdi-diving-scuba-flag::before {
  content: "\F0DC2";
}

.mdi-diving-scuba-mask::before {
  content: "\F0DC1";
}

.mdi-diving-scuba-tank::before {
  content: "\F0DC3";
}

.mdi-diving-scuba-tank-multiple::before {
  content: "\F0DC4";
}

.mdi-diving-snorkel::before {
  content: "\F0DC5";
}

.mdi-division::before {
  content: "\F01D4";
}

.mdi-division-box::before {
  content: "\F01D5";
}

.mdi-dlna::before {
  content: "\F0A41";
}

.mdi-dna::before {
  content: "\F0684";
}

.mdi-dns::before {
  content: "\F01D6";
}

.mdi-dns-outline::before {
  content: "\F0B8C";
}

.mdi-dock-bottom::before {
  content: "\F10A9";
}

.mdi-dock-left::before {
  content: "\F10AA";
}

.mdi-dock-right::before {
  content: "\F10AB";
}

.mdi-dock-top::before {
  content: "\F1513";
}

.mdi-dock-window::before {
  content: "\F10AC";
}

.mdi-docker::before {
  content: "\F0868";
}

.mdi-doctor::before {
  content: "\F0A42";
}

.mdi-dog::before {
  content: "\F0A43";
}

.mdi-dog-service::before {
  content: "\F0AAD";
}

.mdi-dog-side::before {
  content: "\F0A44";
}

.mdi-dog-side-off::before {
  content: "\F16EE";
}

.mdi-dolby::before {
  content: "\F06B3";
}

.mdi-dolly::before {
  content: "\F0E9E";
}

.mdi-dolphin::before {
  content: "\F18B4";
}

.mdi-domain::before {
  content: "\F01D7";
}

.mdi-domain-off::before {
  content: "\F0D6F";
}

.mdi-domain-plus::before {
  content: "\F10AD";
}

.mdi-domain-remove::before {
  content: "\F10AE";
}

.mdi-domain-switch::before {
  content: "\F1C2C";
}

.mdi-dome-light::before {
  content: "\F141E";
}

.mdi-domino-mask::before {
  content: "\F1023";
}

.mdi-donkey::before {
  content: "\F07C2";
}

.mdi-door::before {
  content: "\F081A";
}

.mdi-door-closed::before {
  content: "\F081B";
}

.mdi-door-closed-cancel::before {
  content: "\F1C93";
}

.mdi-door-closed-lock::before {
  content: "\F10AF";
}

.mdi-door-open::before {
  content: "\F081C";
}

.mdi-door-sliding::before {
  content: "\F181E";
}

.mdi-door-sliding-lock::before {
  content: "\F181F";
}

.mdi-door-sliding-open::before {
  content: "\F1820";
}

.mdi-doorbell::before {
  content: "\F12E6";
}

.mdi-doorbell-video::before {
  content: "\F0869";
}

.mdi-dot-net::before {
  content: "\F0AAE";
}

.mdi-dots-circle::before {
  content: "\F1978";
}

.mdi-dots-grid::before {
  content: "\F15FC";
}

.mdi-dots-hexagon::before {
  content: "\F15FF";
}

.mdi-dots-horizontal::before {
  content: "\F01D8";
}

.mdi-dots-horizontal-circle::before {
  content: "\F07C3";
}

.mdi-dots-horizontal-circle-outline::before {
  content: "\F0B8D";
}

.mdi-dots-square::before {
  content: "\F15FD";
}

.mdi-dots-triangle::before {
  content: "\F15FE";
}

.mdi-dots-vertical::before {
  content: "\F01D9";
}

.mdi-dots-vertical-circle::before {
  content: "\F07C4";
}

.mdi-dots-vertical-circle-outline::before {
  content: "\F0B8E";
}

.mdi-download::before {
  content: "\F01DA";
}

.mdi-download-box::before {
  content: "\F1462";
}

.mdi-download-box-outline::before {
  content: "\F1463";
}

.mdi-download-circle::before {
  content: "\F1464";
}

.mdi-download-circle-outline::before {
  content: "\F1465";
}

.mdi-download-lock::before {
  content: "\F1320";
}

.mdi-download-lock-outline::before {
  content: "\F1321";
}

.mdi-download-multiple::before {
  content: "\F09E9";
}

.mdi-download-multiple-outline::before {
  content: "\F1CD0";
}

.mdi-download-network::before {
  content: "\F06F4";
}

.mdi-download-network-outline::before {
  content: "\F0C66";
}

.mdi-download-off::before {
  content: "\F10B0";
}

.mdi-download-off-outline::before {
  content: "\F10B1";
}

.mdi-download-outline::before {
  content: "\F0B8F";
}

.mdi-drag::before {
  content: "\F01DB";
}

.mdi-drag-horizontal::before {
  content: "\F01DC";
}

.mdi-drag-horizontal-variant::before {
  content: "\F12F0";
}

.mdi-drag-variant::before {
  content: "\F0B90";
}

.mdi-drag-vertical::before {
  content: "\F01DD";
}

.mdi-drag-vertical-variant::before {
  content: "\F12F1";
}

.mdi-drama-masks::before {
  content: "\F0D02";
}

.mdi-draw::before {
  content: "\F0F49";
}

.mdi-draw-pen::before {
  content: "\F19B9";
}

.mdi-drawing::before {
  content: "\F01DE";
}

.mdi-drawing-box::before {
  content: "\F01DF";
}

.mdi-dresser::before {
  content: "\F0F4A";
}

.mdi-dresser-outline::before {
  content: "\F0F4B";
}

.mdi-drone::before {
  content: "\F01E2";
}

.mdi-dropbox::before {
  content: "\F01E3";
}

.mdi-drupal::before {
  content: "\F01E4";
}

.mdi-duck::before {
  content: "\F01E5";
}

.mdi-dumbbell::before {
  content: "\F01E6";
}

.mdi-dump-truck::before {
  content: "\F0C67";
}

.mdi-ear-hearing::before {
  content: "\F07C5";
}

.mdi-ear-hearing-loop::before {
  content: "\F1AEE";
}

.mdi-ear-hearing-off::before {
  content: "\F0A45";
}

.mdi-earbuds::before {
  content: "\F184F";
}

.mdi-earbuds-off::before {
  content: "\F1850";
}

.mdi-earbuds-off-outline::before {
  content: "\F1851";
}

.mdi-earbuds-outline::before {
  content: "\F1852";
}

.mdi-earth::before {
  content: "\F01E7";
}

.mdi-earth-arrow-down::before {
  content: "\F1C87";
}

.mdi-earth-arrow-left::before {
  content: "\F1C88";
}

.mdi-earth-arrow-right::before {
  content: "\F1311";
}

.mdi-earth-arrow-up::before {
  content: "\F1C89";
}

.mdi-earth-box::before {
  content: "\F06CD";
}

.mdi-earth-box-minus::before {
  content: "\F1407";
}

.mdi-earth-box-off::before {
  content: "\F06CE";
}

.mdi-earth-box-plus::before {
  content: "\F1406";
}

.mdi-earth-box-remove::before {
  content: "\F1408";
}

.mdi-earth-minus::before {
  content: "\F1404";
}

.mdi-earth-off::before {
  content: "\F01E8";
}

.mdi-earth-plus::before {
  content: "\F1403";
}

.mdi-earth-remove::before {
  content: "\F1405";
}

.mdi-egg::before {
  content: "\F0AAF";
}

.mdi-egg-easter::before {
  content: "\F0AB0";
}

.mdi-egg-fried::before {
  content: "\F184A";
}

.mdi-egg-off::before {
  content: "\F13F0";
}

.mdi-egg-off-outline::before {
  content: "\F13F1";
}

.mdi-egg-outline::before {
  content: "\F13F2";
}

.mdi-eiffel-tower::before {
  content: "\F156B";
}

.mdi-eight-track::before {
  content: "\F09EA";
}

.mdi-eject::before {
  content: "\F01EA";
}

.mdi-eject-circle::before {
  content: "\F1B23";
}

.mdi-eject-circle-outline::before {
  content: "\F1B24";
}

.mdi-eject-outline::before {
  content: "\F0B91";
}

.mdi-electric-switch::before {
  content: "\F0E9F";
}

.mdi-electric-switch-closed::before {
  content: "\F10D9";
}

.mdi-electron-framework::before {
  content: "\F1024";
}

.mdi-elephant::before {
  content: "\F07C6";
}

.mdi-elevation-decline::before {
  content: "\F01EB";
}

.mdi-elevation-rise::before {
  content: "\F01EC";
}

.mdi-elevator::before {
  content: "\F01ED";
}

.mdi-elevator-down::before {
  content: "\F12C2";
}

.mdi-elevator-passenger::before {
  content: "\F1381";
}

.mdi-elevator-passenger-off::before {
  content: "\F1979";
}

.mdi-elevator-passenger-off-outline::before {
  content: "\F197A";
}

.mdi-elevator-passenger-outline::before {
  content: "\F197B";
}

.mdi-elevator-up::before {
  content: "\F12C1";
}

.mdi-ellipse::before {
  content: "\F0EA0";
}

.mdi-ellipse-outline::before {
  content: "\F0EA1";
}

.mdi-email::before {
  content: "\F01EE";
}

.mdi-email-alert::before {
  content: "\F06CF";
}

.mdi-email-alert-outline::before {
  content: "\F0D42";
}

.mdi-email-arrow-left::before {
  content: "\F10DA";
}

.mdi-email-arrow-left-outline::before {
  content: "\F10DB";
}

.mdi-email-arrow-right::before {
  content: "\F10DC";
}

.mdi-email-arrow-right-outline::before {
  content: "\F10DD";
}

.mdi-email-box::before {
  content: "\F0D03";
}

.mdi-email-check::before {
  content: "\F0AB1";
}

.mdi-email-check-outline::before {
  content: "\F0AB2";
}

.mdi-email-edit::before {
  content: "\F0EE3";
}

.mdi-email-edit-outline::before {
  content: "\F0EE4";
}

.mdi-email-fast::before {
  content: "\F186F";
}

.mdi-email-fast-outline::before {
  content: "\F1870";
}

.mdi-email-heart-outline::before {
  content: "\F1C5B";
}

.mdi-email-lock::before {
  content: "\F01F1";
}

.mdi-email-lock-outline::before {
  content: "\F1B61";
}

.mdi-email-mark-as-unread::before {
  content: "\F0B92";
}

.mdi-email-minus::before {
  content: "\F0EE5";
}

.mdi-email-minus-outline::before {
  content: "\F0EE6";
}

.mdi-email-multiple::before {
  content: "\F0EE7";
}

.mdi-email-multiple-outline::before {
  content: "\F0EE8";
}

.mdi-email-newsletter::before {
  content: "\F0FB1";
}

.mdi-email-off::before {
  content: "\F13E3";
}

.mdi-email-off-outline::before {
  content: "\F13E4";
}

.mdi-email-open::before {
  content: "\F01EF";
}

.mdi-email-open-heart-outline::before {
  content: "\F1C5C";
}

.mdi-email-open-multiple::before {
  content: "\F0EE9";
}

.mdi-email-open-multiple-outline::before {
  content: "\F0EEA";
}

.mdi-email-open-outline::before {
  content: "\F05EF";
}

.mdi-email-outline::before {
  content: "\F01F0";
}

.mdi-email-plus::before {
  content: "\F09EB";
}

.mdi-email-plus-outline::before {
  content: "\F09EC";
}

.mdi-email-remove::before {
  content: "\F1661";
}

.mdi-email-remove-outline::before {
  content: "\F1662";
}

.mdi-email-seal::before {
  content: "\F195B";
}

.mdi-email-seal-outline::before {
  content: "\F195C";
}

.mdi-email-search::before {
  content: "\F0961";
}

.mdi-email-search-outline::before {
  content: "\F0962";
}

.mdi-email-sync::before {
  content: "\F12C7";
}

.mdi-email-sync-outline::before {
  content: "\F12C8";
}

.mdi-email-variant::before {
  content: "\F05F0";
}

.mdi-ember::before {
  content: "\F0B30";
}

.mdi-emby::before {
  content: "\F06B4";
}

.mdi-emoticon::before {
  content: "\F0C68";
}

.mdi-emoticon-angry::before {
  content: "\F0C69";
}

.mdi-emoticon-angry-outline::before {
  content: "\F0C6A";
}

.mdi-emoticon-confused::before {
  content: "\F10DE";
}

.mdi-emoticon-confused-outline::before {
  content: "\F10DF";
}

.mdi-emoticon-cool::before {
  content: "\F0C6B";
}

.mdi-emoticon-cool-outline::before {
  content: "\F01F3";
}

.mdi-emoticon-cry::before {
  content: "\F0C6C";
}

.mdi-emoticon-cry-outline::before {
  content: "\F0C6D";
}

.mdi-emoticon-dead::before {
  content: "\F0C6E";
}

.mdi-emoticon-dead-outline::before {
  content: "\F069B";
}

.mdi-emoticon-devil::before {
  content: "\F0C6F";
}

.mdi-emoticon-devil-outline::before {
  content: "\F01F4";
}

.mdi-emoticon-excited::before {
  content: "\F0C70";
}

.mdi-emoticon-excited-outline::before {
  content: "\F069C";
}

.mdi-emoticon-frown::before {
  content: "\F0F4C";
}

.mdi-emoticon-frown-outline::before {
  content: "\F0F4D";
}

.mdi-emoticon-happy::before {
  content: "\F0C71";
}

.mdi-emoticon-happy-outline::before {
  content: "\F01F5";
}

.mdi-emoticon-kiss::before {
  content: "\F0C72";
}

.mdi-emoticon-kiss-outline::before {
  content: "\F0C73";
}

.mdi-emoticon-lol::before {
  content: "\F1214";
}

.mdi-emoticon-lol-outline::before {
  content: "\F1215";
}

.mdi-emoticon-minus::before {
  content: "\F1CB2";
}

.mdi-emoticon-minus-outline::before {
  content: "\F1CB3";
}

.mdi-emoticon-neutral::before {
  content: "\F0C74";
}

.mdi-emoticon-neutral-outline::before {
  content: "\F01F6";
}

.mdi-emoticon-outline::before {
  content: "\F01F2";
}

.mdi-emoticon-plus::before {
  content: "\F1CB4";
}

.mdi-emoticon-plus-outline::before {
  content: "\F1CB5";
}

.mdi-emoticon-poop::before {
  content: "\F01F7";
}

.mdi-emoticon-poop-outline::before {
  content: "\F0C75";
}

.mdi-emoticon-remove::before {
  content: "\F1CB6";
}

.mdi-emoticon-remove-outline::before {
  content: "\F1CB7";
}

.mdi-emoticon-sad::before {
  content: "\F0C76";
}

.mdi-emoticon-sad-outline::before {
  content: "\F01F8";
}

.mdi-emoticon-sick::before {
  content: "\F157C";
}

.mdi-emoticon-sick-outline::before {
  content: "\F157D";
}

.mdi-emoticon-tongue::before {
  content: "\F01F9";
}

.mdi-emoticon-tongue-outline::before {
  content: "\F0C77";
}

.mdi-emoticon-wink::before {
  content: "\F0C78";
}

.mdi-emoticon-wink-outline::before {
  content: "\F0C79";
}

.mdi-engine::before {
  content: "\F01FA";
}

.mdi-engine-off::before {
  content: "\F0A46";
}

.mdi-engine-off-outline::before {
  content: "\F0A47";
}

.mdi-engine-outline::before {
  content: "\F01FB";
}

.mdi-epsilon::before {
  content: "\F10E0";
}

.mdi-equal::before {
  content: "\F01FC";
}

.mdi-equal-box::before {
  content: "\F01FD";
}

.mdi-equalizer::before {
  content: "\F0EA2";
}

.mdi-equalizer-outline::before {
  content: "\F0EA3";
}

.mdi-eraser::before {
  content: "\F01FE";
}

.mdi-eraser-variant::before {
  content: "\F0642";
}

.mdi-escalator::before {
  content: "\F01FF";
}

.mdi-escalator-box::before {
  content: "\F1399";
}

.mdi-escalator-down::before {
  content: "\F12C0";
}

.mdi-escalator-up::before {
  content: "\F12BF";
}

.mdi-eslint::before {
  content: "\F0C7A";
}

.mdi-et::before {
  content: "\F0AB3";
}

.mdi-ethereum::before {
  content: "\F086A";
}

.mdi-ethernet::before {
  content: "\F0200";
}

.mdi-ethernet-cable::before {
  content: "\F0201";
}

.mdi-ethernet-cable-off::before {
  content: "\F0202";
}

.mdi-ethernet-off::before {
  content: "\F1CD1";
}

.mdi-ev-plug-ccs1::before {
  content: "\F1519";
}

.mdi-ev-plug-ccs2::before {
  content: "\F151A";
}

.mdi-ev-plug-chademo::before {
  content: "\F151B";
}

.mdi-ev-plug-tesla::before {
  content: "\F151C";
}

.mdi-ev-plug-type1::before {
  content: "\F151D";
}

.mdi-ev-plug-type2::before {
  content: "\F151E";
}

.mdi-ev-station::before {
  content: "\F05F1";
}

.mdi-evernote::before {
  content: "\F0204";
}

.mdi-excavator::before {
  content: "\F1025";
}

.mdi-exclamation::before {
  content: "\F0205";
}

.mdi-exclamation-thick::before {
  content: "\F1238";
}

.mdi-exit-run::before {
  content: "\F0A48";
}

.mdi-exit-to-app::before {
  content: "\F0206";
}

.mdi-expand-all::before {
  content: "\F0AB4";
}

.mdi-expand-all-outline::before {
  content: "\F0AB5";
}

.mdi-expansion-card::before {
  content: "\F08AE";
}

.mdi-expansion-card-variant::before {
  content: "\F0FB2";
}

.mdi-exponent::before {
  content: "\F0963";
}

.mdi-exponent-box::before {
  content: "\F0964";
}

.mdi-export::before {
  content: "\F0207";
}

.mdi-export-variant::before {
  content: "\F0B93";
}

.mdi-eye::before {
  content: "\F0208";
}

.mdi-eye-arrow-left::before {
  content: "\F18FD";
}

.mdi-eye-arrow-left-outline::before {
  content: "\F18FE";
}

.mdi-eye-arrow-right::before {
  content: "\F18FF";
}

.mdi-eye-arrow-right-outline::before {
  content: "\F1900";
}

.mdi-eye-check::before {
  content: "\F0D04";
}

.mdi-eye-check-outline::before {
  content: "\F0D05";
}

.mdi-eye-circle::before {
  content: "\F0B94";
}

.mdi-eye-circle-outline::before {
  content: "\F0B95";
}

.mdi-eye-closed::before {
  content: "\F1CA3";
}

.mdi-eye-lock::before {
  content: "\F1C06";
}

.mdi-eye-lock-open::before {
  content: "\F1C07";
}

.mdi-eye-lock-open-outline::before {
  content: "\F1C08";
}

.mdi-eye-lock-outline::before {
  content: "\F1C09";
}

.mdi-eye-minus::before {
  content: "\F1026";
}

.mdi-eye-minus-outline::before {
  content: "\F1027";
}

.mdi-eye-off::before {
  content: "\F0209";
}

.mdi-eye-off-outline::before {
  content: "\F06D1";
}

.mdi-eye-outline::before {
  content: "\F06D0";
}

.mdi-eye-plus::before {
  content: "\F086B";
}

.mdi-eye-plus-outline::before {
  content: "\F086C";
}

.mdi-eye-refresh::before {
  content: "\F197C";
}

.mdi-eye-refresh-outline::before {
  content: "\F197D";
}

.mdi-eye-remove::before {
  content: "\F15E3";
}

.mdi-eye-remove-outline::before {
  content: "\F15E4";
}

.mdi-eye-settings::before {
  content: "\F086D";
}

.mdi-eye-settings-outline::before {
  content: "\F086E";
}

.mdi-eyedropper::before {
  content: "\F020A";
}

.mdi-eyedropper-minus::before {
  content: "\F13DD";
}

.mdi-eyedropper-off::before {
  content: "\F13DF";
}

.mdi-eyedropper-plus::before {
  content: "\F13DC";
}

.mdi-eyedropper-remove::before {
  content: "\F13DE";
}

.mdi-eyedropper-variant::before {
  content: "\F020B";
}

.mdi-face-agent::before {
  content: "\F0D70";
}

.mdi-face-man::before {
  content: "\F0643";
}

.mdi-face-man-outline::before {
  content: "\F0B96";
}

.mdi-face-man-profile::before {
  content: "\F0644";
}

.mdi-face-man-shimmer::before {
  content: "\F15CC";
}

.mdi-face-man-shimmer-outline::before {
  content: "\F15CD";
}

.mdi-face-mask::before {
  content: "\F1586";
}

.mdi-face-mask-outline::before {
  content: "\F1587";
}

.mdi-face-recognition::before {
  content: "\F0C7B";
}

.mdi-face-woman::before {
  content: "\F1077";
}

.mdi-face-woman-outline::before {
  content: "\F1078";
}

.mdi-face-woman-profile::before {
  content: "\F1076";
}

.mdi-face-woman-shimmer::before {
  content: "\F15CE";
}

.mdi-face-woman-shimmer-outline::before {
  content: "\F15CF";
}

.mdi-facebook::before {
  content: "\F020C";
}

.mdi-facebook-gaming::before {
  content: "\F07DD";
}

.mdi-facebook-messenger::before {
  content: "\F020E";
}

.mdi-facebook-workplace::before {
  content: "\F0B31";
}

.mdi-factory::before {
  content: "\F020F";
}

.mdi-family-tree::before {
  content: "\F160E";
}

.mdi-fan::before {
  content: "\F0210";
}

.mdi-fan-alert::before {
  content: "\F146C";
}

.mdi-fan-auto::before {
  content: "\F171D";
}

.mdi-fan-chevron-down::before {
  content: "\F146D";
}

.mdi-fan-chevron-up::before {
  content: "\F146E";
}

.mdi-fan-clock::before {
  content: "\F1A3A";
}

.mdi-fan-minus::before {
  content: "\F1470";
}

.mdi-fan-off::before {
  content: "\F081D";
}

.mdi-fan-plus::before {
  content: "\F146F";
}

.mdi-fan-remove::before {
  content: "\F1471";
}

.mdi-fan-speed-1::before {
  content: "\F1472";
}

.mdi-fan-speed-2::before {
  content: "\F1473";
}

.mdi-fan-speed-3::before {
  content: "\F1474";
}

.mdi-fast-forward::before {
  content: "\F0211";
}

.mdi-fast-forward-10::before {
  content: "\F0D71";
}

.mdi-fast-forward-15::before {
  content: "\F193A";
}

.mdi-fast-forward-30::before {
  content: "\F0D06";
}

.mdi-fast-forward-45::before {
  content: "\F1B12";
}

.mdi-fast-forward-5::before {
  content: "\F11F8";
}

.mdi-fast-forward-60::before {
  content: "\F160B";
}

.mdi-fast-forward-outline::before {
  content: "\F06D2";
}

.mdi-faucet::before {
  content: "\F1B29";
}

.mdi-faucet-variant::before {
  content: "\F1B2A";
}

.mdi-fax::before {
  content: "\F0212";
}

.mdi-feather::before {
  content: "\F06D3";
}

.mdi-feature-search::before {
  content: "\F0A49";
}

.mdi-feature-search-outline::before {
  content: "\F0A4A";
}

.mdi-fedora::before {
  content: "\F08DB";
}

.mdi-fence::before {
  content: "\F179A";
}

.mdi-fence-electric::before {
  content: "\F17F6";
}

.mdi-fencing::before {
  content: "\F14C1";
}

.mdi-ferris-wheel::before {
  content: "\F0EA4";
}

.mdi-ferry::before {
  content: "\F0213";
}

.mdi-file::before {
  content: "\F0214";
}

.mdi-file-account::before {
  content: "\F073B";
}

.mdi-file-account-outline::before {
  content: "\F1028";
}

.mdi-file-alert::before {
  content: "\F0A4B";
}

.mdi-file-alert-outline::before {
  content: "\F0A4C";
}

.mdi-file-arrow-left-right::before {
  content: "\F1A93";
}

.mdi-file-arrow-left-right-outline::before {
  content: "\F1A94";
}

.mdi-file-arrow-up-down::before {
  content: "\F1A95";
}

.mdi-file-arrow-up-down-outline::before {
  content: "\F1A96";
}

.mdi-file-cabinet::before {
  content: "\F0AB6";
}

.mdi-file-cad::before {
  content: "\F0EEB";
}

.mdi-file-cad-box::before {
  content: "\F0EEC";
}

.mdi-file-cancel::before {
  content: "\F0DC6";
}

.mdi-file-cancel-outline::before {
  content: "\F0DC7";
}

.mdi-file-certificate::before {
  content: "\F1186";
}

.mdi-file-certificate-outline::before {
  content: "\F1187";
}

.mdi-file-chart::before {
  content: "\F0215";
}

.mdi-file-chart-check::before {
  content: "\F19C6";
}

.mdi-file-chart-check-outline::before {
  content: "\F19C7";
}

.mdi-file-chart-outline::before {
  content: "\F1029";
}

.mdi-file-check::before {
  content: "\F0216";
}

.mdi-file-check-outline::before {
  content: "\F0E29";
}

.mdi-file-clock::before {
  content: "\F12E1";
}

.mdi-file-clock-outline::before {
  content: "\F12E2";
}

.mdi-file-cloud::before {
  content: "\F0217";
}

.mdi-file-cloud-outline::before {
  content: "\F102A";
}

.mdi-file-code::before {
  content: "\F022E";
}

.mdi-file-code-outline::before {
  content: "\F102B";
}

.mdi-file-cog::before {
  content: "\F107B";
}

.mdi-file-cog-outline::before {
  content: "\F107C";
}

.mdi-file-compare::before {
  content: "\F08AA";
}

.mdi-file-delimited::before {
  content: "\F0218";
}

.mdi-file-delimited-outline::before {
  content: "\F0EA5";
}

.mdi-file-document::before {
  content: "\F0219";
}

.mdi-file-document-alert::before {
  content: "\F1A97";
}

.mdi-file-document-alert-outline::before {
  content: "\F1A98";
}

.mdi-file-document-arrow-right::before {
  content: "\F1C0F";
}

.mdi-file-document-arrow-right-outline::before {
  content: "\F1C10";
}

.mdi-file-document-check::before {
  content: "\F1A99";
}

.mdi-file-document-check-outline::before {
  content: "\F1A9A";
}

.mdi-file-document-edit::before {
  content: "\F0DC8";
}

.mdi-file-document-edit-outline::before {
  content: "\F0DC9";
}

.mdi-file-document-minus::before {
  content: "\F1A9B";
}

.mdi-file-document-minus-outline::before {
  content: "\F1A9C";
}

.mdi-file-document-multiple::before {
  content: "\F1517";
}

.mdi-file-document-multiple-outline::before {
  content: "\F1518";
}

.mdi-file-document-outline::before {
  content: "\F09EE";
}

.mdi-file-document-plus::before {
  content: "\F1A9D";
}

.mdi-file-document-plus-outline::before {
  content: "\F1A9E";
}

.mdi-file-document-refresh::before {
  content: "\F1C7A";
}

.mdi-file-document-refresh-outline::before {
  content: "\F1C7B";
}

.mdi-file-document-remove::before {
  content: "\F1A9F";
}

.mdi-file-document-remove-outline::before {
  content: "\F1AA0";
}

.mdi-file-download::before {
  content: "\F0965";
}

.mdi-file-download-outline::before {
  content: "\F0966";
}

.mdi-file-edit::before {
  content: "\F11E7";
}

.mdi-file-edit-outline::before {
  content: "\F11E8";
}

.mdi-file-excel::before {
  content: "\F021B";
}

.mdi-file-excel-box::before {
  content: "\F021C";
}

.mdi-file-excel-box-outline::before {
  content: "\F102C";
}

.mdi-file-excel-outline::before {
  content: "\F102D";
}

.mdi-file-export::before {
  content: "\F021D";
}

.mdi-file-export-outline::before {
  content: "\F102E";
}

.mdi-file-eye::before {
  content: "\F0DCA";
}

.mdi-file-eye-outline::before {
  content: "\F0DCB";
}

.mdi-file-find::before {
  content: "\F021E";
}

.mdi-file-find-outline::before {
  content: "\F0B97";
}

.mdi-file-gif-box::before {
  content: "\F0D78";
}

.mdi-file-hidden::before {
  content: "\F0613";
}

.mdi-file-image::before {
  content: "\F021F";
}

.mdi-file-image-marker::before {
  content: "\F1772";
}

.mdi-file-image-marker-outline::before {
  content: "\F1773";
}

.mdi-file-image-minus::before {
  content: "\F193B";
}

.mdi-file-image-minus-outline::before {
  content: "\F193C";
}

.mdi-file-image-outline::before {
  content: "\F0EB0";
}

.mdi-file-image-plus::before {
  content: "\F193D";
}

.mdi-file-image-plus-outline::before {
  content: "\F193E";
}

.mdi-file-image-remove::before {
  content: "\F193F";
}

.mdi-file-image-remove-outline::before {
  content: "\F1940";
}

.mdi-file-import::before {
  content: "\F0220";
}

.mdi-file-import-outline::before {
  content: "\F102F";
}

.mdi-file-jpg-box::before {
  content: "\F0225";
}

.mdi-file-key::before {
  content: "\F1184";
}

.mdi-file-key-outline::before {
  content: "\F1185";
}

.mdi-file-link::before {
  content: "\F1177";
}

.mdi-file-link-outline::before {
  content: "\F1178";
}

.mdi-file-lock::before {
  content: "\F0221";
}

.mdi-file-lock-open::before {
  content: "\F19C8";
}

.mdi-file-lock-open-outline::before {
  content: "\F19C9";
}

.mdi-file-lock-outline::before {
  content: "\F1030";
}

.mdi-file-marker::before {
  content: "\F1774";
}

.mdi-file-marker-outline::before {
  content: "\F1775";
}

.mdi-file-minus::before {
  content: "\F1AA1";
}

.mdi-file-minus-outline::before {
  content: "\F1AA2";
}

.mdi-file-move::before {
  content: "\F0AB9";
}

.mdi-file-move-outline::before {
  content: "\F1031";
}

.mdi-file-multiple::before {
  content: "\F0222";
}

.mdi-file-multiple-outline::before {
  content: "\F1032";
}

.mdi-file-music::before {
  content: "\F0223";
}

.mdi-file-music-outline::before {
  content: "\F0E2A";
}

.mdi-file-outline::before {
  content: "\F0224";
}

.mdi-file-pdf-box::before {
  content: "\F0226";
}

.mdi-file-percent::before {
  content: "\F081E";
}

.mdi-file-percent-outline::before {
  content: "\F1033";
}

.mdi-file-phone::before {
  content: "\F1179";
}

.mdi-file-phone-outline::before {
  content: "\F117A";
}

.mdi-file-plus::before {
  content: "\F0752";
}

.mdi-file-plus-outline::before {
  content: "\F0EED";
}

.mdi-file-png-box::before {
  content: "\F0E2D";
}

.mdi-file-powerpoint::before {
  content: "\F0227";
}

.mdi-file-powerpoint-box::before {
  content: "\F0228";
}

.mdi-file-powerpoint-box-outline::before {
  content: "\F1034";
}

.mdi-file-powerpoint-outline::before {
  content: "\F1035";
}

.mdi-file-presentation-box::before {
  content: "\F0229";
}

.mdi-file-question::before {
  content: "\F086F";
}

.mdi-file-question-outline::before {
  content: "\F1036";
}

.mdi-file-refresh::before {
  content: "\F0918";
}

.mdi-file-refresh-outline::before {
  content: "\F0541";
}

.mdi-file-remove::before {
  content: "\F0B98";
}

.mdi-file-remove-outline::before {
  content: "\F1037";
}

.mdi-file-replace::before {
  content: "\F0B32";
}

.mdi-file-replace-outline::before {
  content: "\F0B33";
}

.mdi-file-restore::before {
  content: "\F0670";
}

.mdi-file-restore-outline::before {
  content: "\F1038";
}

.mdi-file-rotate-left::before {
  content: "\F1A3B";
}

.mdi-file-rotate-left-outline::before {
  content: "\F1A3C";
}

.mdi-file-rotate-right::before {
  content: "\F1A3D";
}

.mdi-file-rotate-right-outline::before {
  content: "\F1A3E";
}

.mdi-file-search::before {
  content: "\F0C7C";
}

.mdi-file-search-outline::before {
  content: "\F0C7D";
}

.mdi-file-send::before {
  content: "\F022A";
}

.mdi-file-send-outline::before {
  content: "\F1039";
}

.mdi-file-settings::before {
  content: "\F1079";
}

.mdi-file-settings-outline::before {
  content: "\F107A";
}

.mdi-file-sign::before {
  content: "\F19C3";
}

.mdi-file-star::before {
  content: "\F103A";
}

.mdi-file-star-four-points::before {
  content: "\F1C2D";
}

.mdi-file-star-four-points-outline::before {
  content: "\F1C2E";
}

.mdi-file-star-outline::before {
  content: "\F103B";
}

.mdi-file-swap::before {
  content: "\F0FB4";
}

.mdi-file-swap-outline::before {
  content: "\F0FB5";
}

.mdi-file-sync::before {
  content: "\F1216";
}

.mdi-file-sync-outline::before {
  content: "\F1217";
}

.mdi-file-table::before {
  content: "\F0C7E";
}

.mdi-file-table-box::before {
  content: "\F10E1";
}

.mdi-file-table-box-multiple::before {
  content: "\F10E2";
}

.mdi-file-table-box-multiple-outline::before {
  content: "\F10E3";
}

.mdi-file-table-box-outline::before {
  content: "\F10E4";
}

.mdi-file-table-outline::before {
  content: "\F0C7F";
}

.mdi-file-tree::before {
  content: "\F0645";
}

.mdi-file-tree-outline::before {
  content: "\F13D2";
}

.mdi-file-undo::before {
  content: "\F08DC";
}

.mdi-file-undo-outline::before {
  content: "\F103C";
}

.mdi-file-upload::before {
  content: "\F0A4D";
}

.mdi-file-upload-outline::before {
  content: "\F0A4E";
}

.mdi-file-video::before {
  content: "\F022B";
}

.mdi-file-video-outline::before {
  content: "\F0E2C";
}

.mdi-file-word::before {
  content: "\F022C";
}

.mdi-file-word-box::before {
  content: "\F022D";
}

.mdi-file-word-box-outline::before {
  content: "\F103D";
}

.mdi-file-word-outline::before {
  content: "\F103E";
}

.mdi-file-xml-box::before {
  content: "\F1B4B";
}

.mdi-film::before {
  content: "\F022F";
}

.mdi-filmstrip::before {
  content: "\F0230";
}

.mdi-filmstrip-box::before {
  content: "\F0332";
}

.mdi-filmstrip-box-multiple::before {
  content: "\F0D18";
}

.mdi-filmstrip-off::before {
  content: "\F0231";
}

.mdi-filter::before {
  content: "\F0232";
}

.mdi-filter-check::before {
  content: "\F18EC";
}

.mdi-filter-check-outline::before {
  content: "\F18ED";
}

.mdi-filter-cog::before {
  content: "\F1AA3";
}

.mdi-filter-cog-outline::before {
  content: "\F1AA4";
}

.mdi-filter-menu::before {
  content: "\F10E5";
}

.mdi-filter-menu-outline::before {
  content: "\F10E6";
}

.mdi-filter-minus::before {
  content: "\F0EEE";
}

.mdi-filter-minus-outline::before {
  content: "\F0EEF";
}

.mdi-filter-multiple::before {
  content: "\F1A3F";
}

.mdi-filter-multiple-outline::before {
  content: "\F1A40";
}

.mdi-filter-off::before {
  content: "\F14EF";
}

.mdi-filter-off-outline::before {
  content: "\F14F0";
}

.mdi-filter-outline::before {
  content: "\F0233";
}

.mdi-filter-plus::before {
  content: "\F0EF0";
}

.mdi-filter-plus-outline::before {
  content: "\F0EF1";
}

.mdi-filter-remove::before {
  content: "\F0234";
}

.mdi-filter-remove-outline::before {
  content: "\F0235";
}

.mdi-filter-settings::before {
  content: "\F1AA5";
}

.mdi-filter-settings-outline::before {
  content: "\F1AA6";
}

.mdi-filter-variant::before {
  content: "\F0236";
}

.mdi-filter-variant-minus::before {
  content: "\F1112";
}

.mdi-filter-variant-plus::before {
  content: "\F1113";
}

.mdi-filter-variant-remove::before {
  content: "\F103F";
}

.mdi-finance::before {
  content: "\F081F";
}

.mdi-find-replace::before {
  content: "\F06D4";
}

.mdi-fingerprint::before {
  content: "\F0237";
}

.mdi-fingerprint-off::before {
  content: "\F0EB1";
}

.mdi-fire::before {
  content: "\F0238";
}

.mdi-fire-alert::before {
  content: "\F15D7";
}

.mdi-fire-circle::before {
  content: "\F1807";
}

.mdi-fire-extinguisher::before {
  content: "\F0EF2";
}

.mdi-fire-hydrant::before {
  content: "\F1137";
}

.mdi-fire-hydrant-alert::before {
  content: "\F1138";
}

.mdi-fire-hydrant-off::before {
  content: "\F1139";
}

.mdi-fire-off::before {
  content: "\F1722";
}

.mdi-fire-station::before {
  content: "\F1CC3";
}

.mdi-fire-truck::before {
  content: "\F08AB";
}

.mdi-firebase::before {
  content: "\F0967";
}

.mdi-firefox::before {
  content: "\F0239";
}

.mdi-fireplace::before {
  content: "\F0E2E";
}

.mdi-fireplace-off::before {
  content: "\F0E2F";
}

.mdi-firewire::before {
  content: "\F05BE";
}

.mdi-firework::before {
  content: "\F0E30";
}

.mdi-firework-off::before {
  content: "\F1723";
}

.mdi-fish::before {
  content: "\F023A";
}

.mdi-fish-off::before {
  content: "\F13F3";
}

.mdi-fishbowl::before {
  content: "\F0EF3";
}

.mdi-fishbowl-outline::before {
  content: "\F0EF4";
}

.mdi-fit-to-page::before {
  content: "\F0EF5";
}

.mdi-fit-to-page-outline::before {
  content: "\F0EF6";
}

.mdi-fit-to-screen::before {
  content: "\F18F4";
}

.mdi-fit-to-screen-outline::before {
  content: "\F18F5";
}

.mdi-flag::before {
  content: "\F023B";
}

.mdi-flag-checkered::before {
  content: "\F023C";
}

.mdi-flag-minus::before {
  content: "\F0B99";
}

.mdi-flag-minus-outline::before {
  content: "\F10B2";
}

.mdi-flag-off::before {
  content: "\F18EE";
}

.mdi-flag-off-outline::before {
  content: "\F18EF";
}

.mdi-flag-outline::before {
  content: "\F023D";
}

.mdi-flag-plus::before {
  content: "\F0B9A";
}

.mdi-flag-plus-outline::before {
  content: "\F10B3";
}

.mdi-flag-remove::before {
  content: "\F0B9B";
}

.mdi-flag-remove-outline::before {
  content: "\F10B4";
}

.mdi-flag-triangle::before {
  content: "\F023F";
}

.mdi-flag-variant::before {
  content: "\F0240";
}

.mdi-flag-variant-minus::before {
  content: "\F1BB4";
}

.mdi-flag-variant-minus-outline::before {
  content: "\F1BB5";
}

.mdi-flag-variant-off::before {
  content: "\F1BB0";
}

.mdi-flag-variant-off-outline::before {
  content: "\F1BB1";
}

.mdi-flag-variant-outline::before {
  content: "\F023E";
}

.mdi-flag-variant-plus::before {
  content: "\F1BB2";
}

.mdi-flag-variant-plus-outline::before {
  content: "\F1BB3";
}

.mdi-flag-variant-remove::before {
  content: "\F1BB6";
}

.mdi-flag-variant-remove-outline::before {
  content: "\F1BB7";
}

.mdi-flare::before {
  content: "\F0D72";
}

.mdi-flash::before {
  content: "\F0241";
}

.mdi-flash-alert::before {
  content: "\F0EF7";
}

.mdi-flash-alert-outline::before {
  content: "\F0EF8";
}

.mdi-flash-auto::before {
  content: "\F0242";
}

.mdi-flash-off::before {
  content: "\F0243";
}

.mdi-flash-off-outline::before {
  content: "\F1B45";
}

.mdi-flash-outline::before {
  content: "\F06D5";
}

.mdi-flash-red-eye::before {
  content: "\F067B";
}

.mdi-flash-triangle::before {
  content: "\F1B1D";
}

.mdi-flash-triangle-outline::before {
  content: "\F1B1E";
}

.mdi-flashlight::before {
  content: "\F0244";
}

.mdi-flashlight-off::before {
  content: "\F0245";
}

.mdi-flask::before {
  content: "\F0093";
}

.mdi-flask-empty::before {
  content: "\F0094";
}

.mdi-flask-empty-minus::before {
  content: "\F123A";
}

.mdi-flask-empty-minus-outline::before {
  content: "\F123B";
}

.mdi-flask-empty-off::before {
  content: "\F13F4";
}

.mdi-flask-empty-off-outline::before {
  content: "\F13F5";
}

.mdi-flask-empty-outline::before {
  content: "\F0095";
}

.mdi-flask-empty-plus::before {
  content: "\F123C";
}

.mdi-flask-empty-plus-outline::before {
  content: "\F123D";
}

.mdi-flask-empty-remove::before {
  content: "\F123E";
}

.mdi-flask-empty-remove-outline::before {
  content: "\F123F";
}

.mdi-flask-minus::before {
  content: "\F1240";
}

.mdi-flask-minus-outline::before {
  content: "\F1241";
}

.mdi-flask-off::before {
  content: "\F13F6";
}

.mdi-flask-off-outline::before {
  content: "\F13F7";
}

.mdi-flask-outline::before {
  content: "\F0096";
}

.mdi-flask-plus::before {
  content: "\F1242";
}

.mdi-flask-plus-outline::before {
  content: "\F1243";
}

.mdi-flask-remove::before {
  content: "\F1244";
}

.mdi-flask-remove-outline::before {
  content: "\F1245";
}

.mdi-flask-round-bottom::before {
  content: "\F124B";
}

.mdi-flask-round-bottom-empty::before {
  content: "\F124C";
}

.mdi-flask-round-bottom-empty-outline::before {
  content: "\F124D";
}

.mdi-flask-round-bottom-outline::before {
  content: "\F124E";
}

.mdi-fleur-de-lis::before {
  content: "\F1303";
}

.mdi-flip-horizontal::before {
  content: "\F10E7";
}

.mdi-flip-to-back::before {
  content: "\F0247";
}

.mdi-flip-to-front::before {
  content: "\F0248";
}

.mdi-flip-vertical::before {
  content: "\F10E8";
}

.mdi-floor-lamp::before {
  content: "\F08DD";
}

.mdi-floor-lamp-dual::before {
  content: "\F1040";
}

.mdi-floor-lamp-dual-outline::before {
  content: "\F17CE";
}

.mdi-floor-lamp-outline::before {
  content: "\F17C8";
}

.mdi-floor-lamp-torchiere::before {
  content: "\F1747";
}

.mdi-floor-lamp-torchiere-outline::before {
  content: "\F17D6";
}

.mdi-floor-lamp-torchiere-variant::before {
  content: "\F1041";
}

.mdi-floor-lamp-torchiere-variant-outline::before {
  content: "\F17CF";
}

.mdi-floor-plan::before {
  content: "\F0821";
}

.mdi-floppy::before {
  content: "\F0249";
}

.mdi-floppy-variant::before {
  content: "\F09EF";
}

.mdi-flower::before {
  content: "\F024A";
}

.mdi-flower-outline::before {
  content: "\F09F0";
}

.mdi-flower-pollen::before {
  content: "\F1885";
}

.mdi-flower-pollen-outline::before {
  content: "\F1886";
}

.mdi-flower-poppy::before {
  content: "\F0D08";
}

.mdi-flower-tulip::before {
  content: "\F09F1";
}

.mdi-flower-tulip-outline::before {
  content: "\F09F2";
}

.mdi-focus-auto::before {
  content: "\F0F4E";
}

.mdi-focus-field::before {
  content: "\F0F4F";
}

.mdi-focus-field-horizontal::before {
  content: "\F0F50";
}

.mdi-focus-field-vertical::before {
  content: "\F0F51";
}

.mdi-folder::before {
  content: "\F024B";
}

.mdi-folder-account::before {
  content: "\F024C";
}

.mdi-folder-account-outline::before {
  content: "\F0B9C";
}

.mdi-folder-alert::before {
  content: "\F0DCC";
}

.mdi-folder-alert-outline::before {
  content: "\F0DCD";
}

.mdi-folder-arrow-down::before {
  content: "\F19E8";
}

.mdi-folder-arrow-down-outline::before {
  content: "\F19E9";
}

.mdi-folder-arrow-left::before {
  content: "\F19EA";
}

.mdi-folder-arrow-left-outline::before {
  content: "\F19EB";
}

.mdi-folder-arrow-left-right::before {
  content: "\F19EC";
}

.mdi-folder-arrow-left-right-outline::before {
  content: "\F19ED";
}

.mdi-folder-arrow-right::before {
  content: "\F19EE";
}

.mdi-folder-arrow-right-outline::before {
  content: "\F19EF";
}

.mdi-folder-arrow-up::before {
  content: "\F19F0";
}

.mdi-folder-arrow-up-down::before {
  content: "\F19F1";
}

.mdi-folder-arrow-up-down-outline::before {
  content: "\F19F2";
}

.mdi-folder-arrow-up-outline::before {
  content: "\F19F3";
}

.mdi-folder-cancel::before {
  content: "\F19F4";
}

.mdi-folder-cancel-outline::before {
  content: "\F19F5";
}

.mdi-folder-check::before {
  content: "\F197E";
}

.mdi-folder-check-outline::before {
  content: "\F197F";
}

.mdi-folder-clock::before {
  content: "\F0ABA";
}

.mdi-folder-clock-outline::before {
  content: "\F0ABB";
}

.mdi-folder-cog::before {
  content: "\F107F";
}

.mdi-folder-cog-outline::before {
  content: "\F1080";
}

.mdi-folder-download::before {
  content: "\F024D";
}

.mdi-folder-download-outline::before {
  content: "\F10E9";
}

.mdi-folder-edit::before {
  content: "\F08DE";
}

.mdi-folder-edit-outline::before {
  content: "\F0DCE";
}

.mdi-folder-eye::before {
  content: "\F178A";
}

.mdi-folder-eye-outline::before {
  content: "\F178B";
}

.mdi-folder-file::before {
  content: "\F19F6";
}

.mdi-folder-file-outline::before {
  content: "\F19F7";
}

.mdi-folder-google-drive::before {
  content: "\F024E";
}

.mdi-folder-heart::before {
  content: "\F10EA";
}

.mdi-folder-heart-outline::before {
  content: "\F10EB";
}

.mdi-folder-hidden::before {
  content: "\F179E";
}

.mdi-folder-home::before {
  content: "\F10B5";
}

.mdi-folder-home-outline::before {
  content: "\F10B6";
}

.mdi-folder-image::before {
  content: "\F024F";
}

.mdi-folder-information::before {
  content: "\F10B7";
}

.mdi-folder-information-outline::before {
  content: "\F10B8";
}

.mdi-folder-key::before {
  content: "\F08AC";
}

.mdi-folder-key-network::before {
  content: "\F08AD";
}

.mdi-folder-key-network-outline::before {
  content: "\F0C80";
}

.mdi-folder-key-outline::before {
  content: "\F10EC";
}

.mdi-folder-lock::before {
  content: "\F0250";
}

.mdi-folder-lock-open::before {
  content: "\F0251";
}

.mdi-folder-lock-open-outline::before {
  content: "\F1AA7";
}

.mdi-folder-lock-outline::before {
  content: "\F1AA8";
}

.mdi-folder-marker::before {
  content: "\F126D";
}

.mdi-folder-marker-outline::before {
  content: "\F126E";
}

.mdi-folder-minus::before {
  content: "\F1B49";
}

.mdi-folder-minus-outline::before {
  content: "\F1B4A";
}

.mdi-folder-move::before {
  content: "\F0252";
}

.mdi-folder-move-outline::before {
  content: "\F1246";
}

.mdi-folder-multiple::before {
  content: "\F0253";
}

.mdi-folder-multiple-image::before {
  content: "\F0254";
}

.mdi-folder-multiple-outline::before {
  content: "\F0255";
}

.mdi-folder-multiple-plus::before {
  content: "\F147E";
}

.mdi-folder-multiple-plus-outline::before {
  content: "\F147F";
}

.mdi-folder-music::before {
  content: "\F1359";
}

.mdi-folder-music-outline::before {
  content: "\F135A";
}

.mdi-folder-network::before {
  content: "\F0870";
}

.mdi-folder-network-outline::before {
  content: "\F0C81";
}

.mdi-folder-off::before {
  content: "\F19F8";
}

.mdi-folder-off-outline::before {
  content: "\F19F9";
}

.mdi-folder-open::before {
  content: "\F0770";
}

.mdi-folder-open-outline::before {
  content: "\F0DCF";
}

.mdi-folder-outline::before {
  content: "\F0256";
}

.mdi-folder-play::before {
  content: "\F19FA";
}

.mdi-folder-play-outline::before {
  content: "\F19FB";
}

.mdi-folder-plus::before {
  content: "\F0257";
}

.mdi-folder-plus-outline::before {
  content: "\F0B9D";
}

.mdi-folder-pound::before {
  content: "\F0D09";
}

.mdi-folder-pound-outline::before {
  content: "\F0D0A";
}

.mdi-folder-question::before {
  content: "\F19CA";
}

.mdi-folder-question-outline::before {
  content: "\F19CB";
}

.mdi-folder-refresh::before {
  content: "\F0749";
}

.mdi-folder-refresh-outline::before {
  content: "\F0542";
}

.mdi-folder-remove::before {
  content: "\F0258";
}

.mdi-folder-remove-outline::before {
  content: "\F0B9E";
}

.mdi-folder-search::before {
  content: "\F0968";
}

.mdi-folder-search-outline::before {
  content: "\F0969";
}

.mdi-folder-settings::before {
  content: "\F107D";
}

.mdi-folder-settings-outline::before {
  content: "\F107E";
}

.mdi-folder-star::before {
  content: "\F069D";
}

.mdi-folder-star-multiple::before {
  content: "\F13D3";
}

.mdi-folder-star-multiple-outline::before {
  content: "\F13D4";
}

.mdi-folder-star-outline::before {
  content: "\F0B9F";
}

.mdi-folder-swap::before {
  content: "\F0FB6";
}

.mdi-folder-swap-outline::before {
  content: "\F0FB7";
}

.mdi-folder-sync::before {
  content: "\F0D0B";
}

.mdi-folder-sync-outline::before {
  content: "\F0D0C";
}

.mdi-folder-table::before {
  content: "\F12E3";
}

.mdi-folder-table-outline::before {
  content: "\F12E4";
}

.mdi-folder-text::before {
  content: "\F0C82";
}

.mdi-folder-text-outline::before {
  content: "\F0C83";
}

.mdi-folder-upload::before {
  content: "\F0259";
}

.mdi-folder-upload-outline::before {
  content: "\F10ED";
}

.mdi-folder-wrench::before {
  content: "\F19FC";
}

.mdi-folder-wrench-outline::before {
  content: "\F19FD";
}

.mdi-folder-zip::before {
  content: "\F06EB";
}

.mdi-folder-zip-outline::before {
  content: "\F07B9";
}

.mdi-font-awesome::before {
  content: "\F003A";
}

.mdi-food::before {
  content: "\F025A";
}

.mdi-food-apple::before {
  content: "\F025B";
}

.mdi-food-apple-outline::before {
  content: "\F0C84";
}

.mdi-food-croissant::before {
  content: "\F07C8";
}

.mdi-food-drumstick::before {
  content: "\F141F";
}

.mdi-food-drumstick-off::before {
  content: "\F1468";
}

.mdi-food-drumstick-off-outline::before {
  content: "\F1469";
}

.mdi-food-drumstick-outline::before {
  content: "\F1420";
}

.mdi-food-fork-drink::before {
  content: "\F05F2";
}

.mdi-food-halal::before {
  content: "\F1572";
}

.mdi-food-hot-dog::before {
  content: "\F184B";
}

.mdi-food-kosher::before {
  content: "\F1573";
}

.mdi-food-off::before {
  content: "\F05F3";
}

.mdi-food-off-outline::before {
  content: "\F1915";
}

.mdi-food-outline::before {
  content: "\F1916";
}

.mdi-food-steak::before {
  content: "\F146A";
}

.mdi-food-steak-off::before {
  content: "\F146B";
}

.mdi-food-takeout-box::before {
  content: "\F1836";
}

.mdi-food-takeout-box-outline::before {
  content: "\F1837";
}

.mdi-food-turkey::before {
  content: "\F171C";
}

.mdi-food-variant::before {
  content: "\F025C";
}

.mdi-food-variant-off::before {
  content: "\F13E5";
}

.mdi-foot-print::before {
  content: "\F0F52";
}

.mdi-football::before {
  content: "\F025D";
}

.mdi-football-australian::before {
  content: "\F025E";
}

.mdi-football-helmet::before {
  content: "\F025F";
}

.mdi-forest::before {
  content: "\F1897";
}

.mdi-forest-outline::before {
  content: "\F1C63";
}

.mdi-forklift::before {
  content: "\F07C9";
}

.mdi-form-dropdown::before {
  content: "\F1400";
}

.mdi-form-select::before {
  content: "\F1401";
}

.mdi-form-textarea::before {
  content: "\F1095";
}

.mdi-form-textbox::before {
  content: "\F060E";
}

.mdi-form-textbox-lock::before {
  content: "\F135D";
}

.mdi-form-textbox-password::before {
  content: "\F07F5";
}

.mdi-format-align-bottom::before {
  content: "\F0753";
}

.mdi-format-align-center::before {
  content: "\F0260";
}

.mdi-format-align-justify::before {
  content: "\F0261";
}

.mdi-format-align-left::before {
  content: "\F0262";
}

.mdi-format-align-middle::before {
  content: "\F0754";
}

.mdi-format-align-right::before {
  content: "\F0263";
}

.mdi-format-align-top::before {
  content: "\F0755";
}

.mdi-format-annotation-minus::before {
  content: "\F0ABC";
}

.mdi-format-annotation-plus::before {
  content: "\F0646";
}

.mdi-format-bold::before {
  content: "\F0264";
}

.mdi-format-clear::before {
  content: "\F0265";
}

.mdi-format-color-fill::before {
  content: "\F0266";
}

.mdi-format-color-highlight::before {
  content: "\F0E31";
}

.mdi-format-color-marker-cancel::before {
  content: "\F1313";
}

.mdi-format-color-text::before {
  content: "\F069E";
}

.mdi-format-columns::before {
  content: "\F08DF";
}

.mdi-format-float-center::before {
  content: "\F0267";
}

.mdi-format-float-left::before {
  content: "\F0268";
}

.mdi-format-float-none::before {
  content: "\F0269";
}

.mdi-format-float-right::before {
  content: "\F026A";
}

.mdi-format-font::before {
  content: "\F06D6";
}

.mdi-format-font-size-decrease::before {
  content: "\F09F3";
}

.mdi-format-font-size-increase::before {
  content: "\F09F4";
}

.mdi-format-header-1::before {
  content: "\F026B";
}

.mdi-format-header-2::before {
  content: "\F026C";
}

.mdi-format-header-3::before {
  content: "\F026D";
}

.mdi-format-header-4::before {
  content: "\F026E";
}

.mdi-format-header-5::before {
  content: "\F026F";
}

.mdi-format-header-6::before {
  content: "\F0270";
}

.mdi-format-header-decrease::before {
  content: "\F0271";
}

.mdi-format-header-equal::before {
  content: "\F0272";
}

.mdi-format-header-increase::before {
  content: "\F0273";
}

.mdi-format-header-pound::before {
  content: "\F0274";
}

.mdi-format-horizontal-align-center::before {
  content: "\F061E";
}

.mdi-format-horizontal-align-left::before {
  content: "\F061F";
}

.mdi-format-horizontal-align-right::before {
  content: "\F0620";
}

.mdi-format-indent-decrease::before {
  content: "\F0275";
}

.mdi-format-indent-increase::before {
  content: "\F0276";
}

.mdi-format-italic::before {
  content: "\F0277";
}

.mdi-format-letter-case::before {
  content: "\F0B34";
}

.mdi-format-letter-case-lower::before {
  content: "\F0B35";
}

.mdi-format-letter-case-upper::before {
  content: "\F0B36";
}

.mdi-format-letter-ends-with::before {
  content: "\F0FB8";
}

.mdi-format-letter-matches::before {
  content: "\F0FB9";
}

.mdi-format-letter-spacing::before {
  content: "\F1956";
}

.mdi-format-letter-spacing-variant::before {
  content: "\F1AFB";
}

.mdi-format-letter-starts-with::before {
  content: "\F0FBA";
}

.mdi-format-line-height::before {
  content: "\F1AFC";
}

.mdi-format-line-spacing::before {
  content: "\F0278";
}

.mdi-format-line-style::before {
  content: "\F05C8";
}

.mdi-format-line-weight::before {
  content: "\F05C9";
}

.mdi-format-list-bulleted::before {
  content: "\F0279";
}

.mdi-format-list-bulleted-square::before {
  content: "\F0DD0";
}

.mdi-format-list-bulleted-triangle::before {
  content: "\F0EB2";
}

.mdi-format-list-bulleted-type::before {
  content: "\F027A";
}

.mdi-format-list-checkbox::before {
  content: "\F096A";
}

.mdi-format-list-checks::before {
  content: "\F0756";
}

.mdi-format-list-group::before {
  content: "\F1860";
}

.mdi-format-list-group-plus::before {
  content: "\F1B56";
}

.mdi-format-list-numbered::before {
  content: "\F027B";
}

.mdi-format-list-numbered-rtl::before {
  content: "\F0D0D";
}

.mdi-format-list-text::before {
  content: "\F126F";
}

.mdi-format-overline::before {
  content: "\F0EB3";
}

.mdi-format-page-break::before {
  content: "\F06D7";
}

.mdi-format-page-split::before {
  content: "\F1917";
}

.mdi-format-paint::before {
  content: "\F027C";
}

.mdi-format-paragraph::before {
  content: "\F027D";
}

.mdi-format-paragraph-spacing::before {
  content: "\F1AFD";
}

.mdi-format-pilcrow::before {
  content: "\F06D8";
}

.mdi-format-pilcrow-arrow-left::before {
  content: "\F0286";
}

.mdi-format-pilcrow-arrow-right::before {
  content: "\F0285";
}

.mdi-format-quote-close::before {
  content: "\F027E";
}

.mdi-format-quote-close-outline::before {
  content: "\F11A8";
}

.mdi-format-quote-open::before {
  content: "\F0757";
}

.mdi-format-quote-open-outline::before {
  content: "\F11A7";
}

.mdi-format-rotate-90::before {
  content: "\F06AA";
}

.mdi-format-section::before {
  content: "\F069F";
}

.mdi-format-size::before {
  content: "\F027F";
}

.mdi-format-strikethrough::before {
  content: "\F0280";
}

.mdi-format-strikethrough-variant::before {
  content: "\F0281";
}

.mdi-format-subscript::before {
  content: "\F0282";
}

.mdi-format-superscript::before {
  content: "\F0283";
}

.mdi-format-text::before {
  content: "\F0284";
}

.mdi-format-text-rotation-angle-down::before {
  content: "\F0FBB";
}

.mdi-format-text-rotation-angle-up::before {
  content: "\F0FBC";
}

.mdi-format-text-rotation-down::before {
  content: "\F0D73";
}

.mdi-format-text-rotation-down-vertical::before {
  content: "\F0FBD";
}

.mdi-format-text-rotation-none::before {
  content: "\F0D74";
}

.mdi-format-text-rotation-up::before {
  content: "\F0FBE";
}

.mdi-format-text-rotation-vertical::before {
  content: "\F0FBF";
}

.mdi-format-text-variant::before {
  content: "\F0E32";
}

.mdi-format-text-variant-outline::before {
  content: "\F150F";
}

.mdi-format-text-wrapping-clip::before {
  content: "\F0D0E";
}

.mdi-format-text-wrapping-overflow::before {
  content: "\F0D0F";
}

.mdi-format-text-wrapping-wrap::before {
  content: "\F0D10";
}

.mdi-format-textbox::before {
  content: "\F0D11";
}

.mdi-format-title::before {
  content: "\F05F4";
}

.mdi-format-underline::before {
  content: "\F0287";
}

.mdi-format-underline-wavy::before {
  content: "\F18E9";
}

.mdi-format-vertical-align-bottom::before {
  content: "\F0621";
}

.mdi-format-vertical-align-center::before {
  content: "\F0622";
}

.mdi-format-vertical-align-top::before {
  content: "\F0623";
}

.mdi-format-wrap-inline::before {
  content: "\F0288";
}

.mdi-format-wrap-square::before {
  content: "\F0289";
}

.mdi-format-wrap-tight::before {
  content: "\F028A";
}

.mdi-format-wrap-top-bottom::before {
  content: "\F028B";
}

.mdi-forum::before {
  content: "\F028C";
}

.mdi-forum-minus::before {
  content: "\F1AA9";
}

.mdi-forum-minus-outline::before {
  content: "\F1AAA";
}

.mdi-forum-outline::before {
  content: "\F0822";
}

.mdi-forum-plus::before {
  content: "\F1AAB";
}

.mdi-forum-plus-outline::before {
  content: "\F1AAC";
}

.mdi-forum-remove::before {
  content: "\F1AAD";
}

.mdi-forum-remove-outline::before {
  content: "\F1AAE";
}

.mdi-forward::before {
  content: "\F028D";
}

.mdi-forwardburger::before {
  content: "\F0D75";
}

.mdi-fountain::before {
  content: "\F096B";
}

.mdi-fountain-pen::before {
  content: "\F0D12";
}

.mdi-fountain-pen-tip::before {
  content: "\F0D13";
}

.mdi-fraction-one-half::before {
  content: "\F1992";
}

.mdi-freebsd::before {
  content: "\F08E0";
}

.mdi-french-fries::before {
  content: "\F1957";
}

.mdi-frequently-asked-questions::before {
  content: "\F0EB4";
}

.mdi-fridge::before {
  content: "\F0290";
}

.mdi-fridge-alert::before {
  content: "\F11B1";
}

.mdi-fridge-alert-outline::before {
  content: "\F11B2";
}

.mdi-fridge-bottom::before {
  content: "\F0292";
}

.mdi-fridge-industrial::before {
  content: "\F15EE";
}

.mdi-fridge-industrial-alert::before {
  content: "\F15EF";
}

.mdi-fridge-industrial-alert-outline::before {
  content: "\F15F0";
}

.mdi-fridge-industrial-off::before {
  content: "\F15F1";
}

.mdi-fridge-industrial-off-outline::before {
  content: "\F15F2";
}

.mdi-fridge-industrial-outline::before {
  content: "\F15F3";
}

.mdi-fridge-off::before {
  content: "\F11AF";
}

.mdi-fridge-off-outline::before {
  content: "\F11B0";
}

.mdi-fridge-outline::before {
  content: "\F028F";
}

.mdi-fridge-top::before {
  content: "\F0291";
}

.mdi-fridge-variant::before {
  content: "\F15F4";
}

.mdi-fridge-variant-alert::before {
  content: "\F15F5";
}

.mdi-fridge-variant-alert-outline::before {
  content: "\F15F6";
}

.mdi-fridge-variant-off::before {
  content: "\F15F7";
}

.mdi-fridge-variant-off-outline::before {
  content: "\F15F8";
}

.mdi-fridge-variant-outline::before {
  content: "\F15F9";
}

.mdi-fruit-cherries::before {
  content: "\F1042";
}

.mdi-fruit-cherries-off::before {
  content: "\F13F8";
}

.mdi-fruit-citrus::before {
  content: "\F1043";
}

.mdi-fruit-citrus-off::before {
  content: "\F13F9";
}

.mdi-fruit-grapes::before {
  content: "\F1044";
}

.mdi-fruit-grapes-outline::before {
  content: "\F1045";
}

.mdi-fruit-pear::before {
  content: "\F1A0E";
}

.mdi-fruit-pineapple::before {
  content: "\F1046";
}

.mdi-fruit-watermelon::before {
  content: "\F1047";
}

.mdi-fuel::before {
  content: "\F07CA";
}

.mdi-fuel-cell::before {
  content: "\F18B5";
}

.mdi-fullscreen::before {
  content: "\F0293";
}

.mdi-fullscreen-exit::before {
  content: "\F0294";
}

.mdi-function::before {
  content: "\F0295";
}

.mdi-function-variant::before {
  content: "\F0871";
}

.mdi-furigana-horizontal::before {
  content: "\F1081";
}

.mdi-furigana-vertical::before {
  content: "\F1082";
}

.mdi-fuse::before {
  content: "\F0C85";
}

.mdi-fuse-alert::before {
  content: "\F142D";
}

.mdi-fuse-blade::before {
  content: "\F0C86";
}

.mdi-fuse-off::before {
  content: "\F142C";
}

.mdi-gamepad::before {
  content: "\F0296";
}

.mdi-gamepad-circle::before {
  content: "\F0E33";
}

.mdi-gamepad-circle-down::before {
  content: "\F0E34";
}

.mdi-gamepad-circle-left::before {
  content: "\F0E35";
}

.mdi-gamepad-circle-outline::before {
  content: "\F0E36";
}

.mdi-gamepad-circle-right::before {
  content: "\F0E37";
}

.mdi-gamepad-circle-up::before {
  content: "\F0E38";
}

.mdi-gamepad-down::before {
  content: "\F0E39";
}

.mdi-gamepad-left::before {
  content: "\F0E3A";
}

.mdi-gamepad-outline::before {
  content: "\F1919";
}

.mdi-gamepad-right::before {
  content: "\F0E3B";
}

.mdi-gamepad-round::before {
  content: "\F0E3C";
}

.mdi-gamepad-round-down::before {
  content: "\F0E3D";
}

.mdi-gamepad-round-left::before {
  content: "\F0E3E";
}

.mdi-gamepad-round-outline::before {
  content: "\F0E3F";
}

.mdi-gamepad-round-right::before {
  content: "\F0E40";
}

.mdi-gamepad-round-up::before {
  content: "\F0E41";
}

.mdi-gamepad-square::before {
  content: "\F0EB5";
}

.mdi-gamepad-square-outline::before {
  content: "\F0EB6";
}

.mdi-gamepad-up::before {
  content: "\F0E42";
}

.mdi-gamepad-variant::before {
  content: "\F0297";
}

.mdi-gamepad-variant-outline::before {
  content: "\F0EB7";
}

.mdi-gamma::before {
  content: "\F10EE";
}

.mdi-gantry-crane::before {
  content: "\F0DD1";
}

.mdi-garage::before {
  content: "\F06D9";
}

.mdi-garage-alert::before {
  content: "\F0872";
}

.mdi-garage-alert-variant::before {
  content: "\F12D5";
}

.mdi-garage-lock::before {
  content: "\F17FB";
}

.mdi-garage-open::before {
  content: "\F06DA";
}

.mdi-garage-open-variant::before {
  content: "\F12D4";
}

.mdi-garage-variant::before {
  content: "\F12D3";
}

.mdi-garage-variant-lock::before {
  content: "\F17FC";
}

.mdi-gas-burner::before {
  content: "\F1A1B";
}

.mdi-gas-cylinder::before {
  content: "\F0647";
}

.mdi-gas-station::before {
  content: "\F0298";
}

.mdi-gas-station-in-use::before {
  content: "\F1CC4";
}

.mdi-gas-station-in-use-outline::before {
  content: "\F1CC5";
}

.mdi-gas-station-off::before {
  content: "\F1409";
}

.mdi-gas-station-off-outline::before {
  content: "\F140A";
}

.mdi-gas-station-outline::before {
  content: "\F0EB8";
}

.mdi-gate::before {
  content: "\F0299";
}

.mdi-gate-alert::before {
  content: "\F17F8";
}

.mdi-gate-and::before {
  content: "\F08E1";
}

.mdi-gate-arrow-left::before {
  content: "\F17F7";
}

.mdi-gate-arrow-right::before {
  content: "\F1169";
}

.mdi-gate-buffer::before {
  content: "\F1AFE";
}

.mdi-gate-nand::before {
  content: "\F08E2";
}

.mdi-gate-nor::before {
  content: "\F08E3";
}

.mdi-gate-not::before {
  content: "\F08E4";
}

.mdi-gate-open::before {
  content: "\F116A";
}

.mdi-gate-or::before {
  content: "\F08E5";
}

.mdi-gate-xnor::before {
  content: "\F08E6";
}

.mdi-gate-xor::before {
  content: "\F08E7";
}

.mdi-gatsby::before {
  content: "\F0E43";
}

.mdi-gauge::before {
  content: "\F029A";
}

.mdi-gauge-empty::before {
  content: "\F0873";
}

.mdi-gauge-full::before {
  content: "\F0874";
}

.mdi-gauge-low::before {
  content: "\F0875";
}

.mdi-gavel::before {
  content: "\F029B";
}

.mdi-gender-female::before {
  content: "\F029C";
}

.mdi-gender-male::before {
  content: "\F029D";
}

.mdi-gender-male-female::before {
  content: "\F029E";
}

.mdi-gender-male-female-variant::before {
  content: "\F113F";
}

.mdi-gender-non-binary::before {
  content: "\F1140";
}

.mdi-gender-transgender::before {
  content: "\F029F";
}

.mdi-generator-mobile::before {
  content: "\F1C8A";
}

.mdi-generator-portable::before {
  content: "\F1C8B";
}

.mdi-generator-stationary::before {
  content: "\F1C8C";
}

.mdi-gentoo::before {
  content: "\F08E8";
}

.mdi-gesture::before {
  content: "\F07CB";
}

.mdi-gesture-double-tap::before {
  content: "\F073C";
}

.mdi-gesture-pinch::before {
  content: "\F0ABD";
}

.mdi-gesture-spread::before {
  content: "\F0ABE";
}

.mdi-gesture-swipe::before {
  content: "\F0D76";
}

.mdi-gesture-swipe-down::before {
  content: "\F073D";
}

.mdi-gesture-swipe-horizontal::before {
  content: "\F0ABF";
}

.mdi-gesture-swipe-left::before {
  content: "\F073E";
}

.mdi-gesture-swipe-right::before {
  content: "\F073F";
}

.mdi-gesture-swipe-up::before {
  content: "\F0740";
}

.mdi-gesture-swipe-vertical::before {
  content: "\F0AC0";
}

.mdi-gesture-tap::before {
  content: "\F0741";
}

.mdi-gesture-tap-box::before {
  content: "\F12A9";
}

.mdi-gesture-tap-button::before {
  content: "\F12A8";
}

.mdi-gesture-tap-hold::before {
  content: "\F0D77";
}

.mdi-gesture-two-double-tap::before {
  content: "\F0742";
}

.mdi-gesture-two-tap::before {
  content: "\F0743";
}

.mdi-ghost::before {
  content: "\F02A0";
}

.mdi-ghost-off::before {
  content: "\F09F5";
}

.mdi-ghost-off-outline::before {
  content: "\F165C";
}

.mdi-ghost-outline::before {
  content: "\F165D";
}

.mdi-gift::before {
  content: "\F0E44";
}

.mdi-gift-off::before {
  content: "\F16EF";
}

.mdi-gift-off-outline::before {
  content: "\F16F0";
}

.mdi-gift-open::before {
  content: "\F16F1";
}

.mdi-gift-open-outline::before {
  content: "\F16F2";
}

.mdi-gift-outline::before {
  content: "\F02A1";
}

.mdi-git::before {
  content: "\F02A2";
}

.mdi-github::before {
  content: "\F02A4";
}

.mdi-gitlab::before {
  content: "\F0BA0";
}

.mdi-glass-cocktail::before {
  content: "\F0356";
}

.mdi-glass-cocktail-off::before {
  content: "\F15E6";
}

.mdi-glass-flute::before {
  content: "\F02A5";
}

.mdi-glass-fragile::before {
  content: "\F1873";
}

.mdi-glass-mug::before {
  content: "\F02A6";
}

.mdi-glass-mug-off::before {
  content: "\F15E7";
}

.mdi-glass-mug-variant::before {
  content: "\F1116";
}

.mdi-glass-mug-variant-off::before {
  content: "\F15E8";
}

.mdi-glass-pint-outline::before {
  content: "\F130D";
}

.mdi-glass-stange::before {
  content: "\F02A7";
}

.mdi-glass-tulip::before {
  content: "\F02A8";
}

.mdi-glass-wine::before {
  content: "\F0876";
}

.mdi-glasses::before {
  content: "\F02AA";
}

.mdi-globe-light::before {
  content: "\F066F";
}

.mdi-globe-light-outline::before {
  content: "\F12D7";
}

.mdi-globe-model::before {
  content: "\F08E9";
}

.mdi-gmail::before {
  content: "\F02AB";
}

.mdi-gnome::before {
  content: "\F02AC";
}

.mdi-go-kart::before {
  content: "\F0D79";
}

.mdi-go-kart-track::before {
  content: "\F0D7A";
}

.mdi-gog::before {
  content: "\F0BA1";
}

.mdi-gold::before {
  content: "\F124F";
}

.mdi-golf::before {
  content: "\F0823";
}

.mdi-golf-cart::before {
  content: "\F11A4";
}

.mdi-golf-tee::before {
  content: "\F1083";
}

.mdi-gondola::before {
  content: "\F0686";
}

.mdi-goodreads::before {
  content: "\F0D7B";
}

.mdi-google::before {
  content: "\F02AD";
}

.mdi-google-ads::before {
  content: "\F0C87";
}

.mdi-google-analytics::before {
  content: "\F07CC";
}

.mdi-google-assistant::before {
  content: "\F07CD";
}

.mdi-google-cardboard::before {
  content: "\F02AE";
}

.mdi-google-chrome::before {
  content: "\F02AF";
}

.mdi-google-circles::before {
  content: "\F02B0";
}

.mdi-google-circles-communities::before {
  content: "\F02B1";
}

.mdi-google-circles-extended::before {
  content: "\F02B2";
}

.mdi-google-circles-group::before {
  content: "\F02B3";
}

.mdi-google-classroom::before {
  content: "\F02C0";
}

.mdi-google-cloud::before {
  content: "\F11F6";
}

.mdi-google-downasaur::before {
  content: "\F1362";
}

.mdi-google-drive::before {
  content: "\F02B6";
}

.mdi-google-earth::before {
  content: "\F02B7";
}

.mdi-google-fit::before {
  content: "\F096C";
}

.mdi-google-glass::before {
  content: "\F02B8";
}

.mdi-google-hangouts::before {
  content: "\F02C9";
}

.mdi-google-keep::before {
  content: "\F06DC";
}

.mdi-google-lens::before {
  content: "\F09F6";
}

.mdi-google-maps::before {
  content: "\F05F5";
}

.mdi-google-my-business::before {
  content: "\F1048";
}

.mdi-google-nearby::before {
  content: "\F02B9";
}

.mdi-google-play::before {
  content: "\F02BC";
}

.mdi-google-plus::before {
  content: "\F02BD";
}

.mdi-google-podcast::before {
  content: "\F0EB9";
}

.mdi-google-spreadsheet::before {
  content: "\F09F7";
}

.mdi-google-street-view::before {
  content: "\F0C88";
}

.mdi-google-translate::before {
  content: "\F02BF";
}

.mdi-gradient-horizontal::before {
  content: "\F174A";
}

.mdi-gradient-vertical::before {
  content: "\F06A0";
}

.mdi-grain::before {
  content: "\F0D7C";
}

.mdi-graph::before {
  content: "\F1049";
}

.mdi-graph-outline::before {
  content: "\F104A";
}

.mdi-graphql::before {
  content: "\F0877";
}

.mdi-grass::before {
  content: "\F1510";
}

.mdi-grave-stone::before {
  content: "\F0BA2";
}

.mdi-grease-pencil::before {
  content: "\F0648";
}

.mdi-greater-than::before {
  content: "\F096D";
}

.mdi-greater-than-or-equal::before {
  content: "\F096E";
}

.mdi-greenhouse::before {
  content: "\F002D";
}

.mdi-grid::before {
  content: "\F02C1";
}

.mdi-grid-large::before {
  content: "\F0758";
}

.mdi-grid-off::before {
  content: "\F02C2";
}

.mdi-grill::before {
  content: "\F0E45";
}

.mdi-grill-outline::before {
  content: "\F118A";
}

.mdi-group::before {
  content: "\F02C3";
}

.mdi-guitar-acoustic::before {
  content: "\F0771";
}

.mdi-guitar-electric::before {
  content: "\F02C4";
}

.mdi-guitar-pick::before {
  content: "\F02C5";
}

.mdi-guitar-pick-outline::before {
  content: "\F02C6";
}

.mdi-guy-fawkes-mask::before {
  content: "\F0825";
}

.mdi-gymnastics::before {
  content: "\F1A41";
}

.mdi-hail::before {
  content: "\F0AC1";
}

.mdi-hair-dryer::before {
  content: "\F10EF";
}

.mdi-hair-dryer-outline::before {
  content: "\F10F0";
}

.mdi-halloween::before {
  content: "\F0BA3";
}

.mdi-hamburger::before {
  content: "\F0685";
}

.mdi-hamburger-check::before {
  content: "\F1776";
}

.mdi-hamburger-minus::before {
  content: "\F1777";
}

.mdi-hamburger-off::before {
  content: "\F1778";
}

.mdi-hamburger-plus::before {
  content: "\F1779";
}

.mdi-hamburger-remove::before {
  content: "\F177A";
}

.mdi-hammer::before {
  content: "\F08EA";
}

.mdi-hammer-screwdriver::before {
  content: "\F1322";
}

.mdi-hammer-sickle::before {
  content: "\F1887";
}

.mdi-hammer-wrench::before {
  content: "\F1323";
}

.mdi-hand-back-left::before {
  content: "\F0E46";
}

.mdi-hand-back-left-off::before {
  content: "\F1830";
}

.mdi-hand-back-left-off-outline::before {
  content: "\F1832";
}

.mdi-hand-back-left-outline::before {
  content: "\F182C";
}

.mdi-hand-back-right::before {
  content: "\F0E47";
}

.mdi-hand-back-right-off::before {
  content: "\F1831";
}

.mdi-hand-back-right-off-outline::before {
  content: "\F1833";
}

.mdi-hand-back-right-outline::before {
  content: "\F182D";
}

.mdi-hand-clap::before {
  content: "\F194B";
}

.mdi-hand-clap-off::before {
  content: "\F1A42";
}

.mdi-hand-coin::before {
  content: "\F188F";
}

.mdi-hand-coin-outline::before {
  content: "\F1890";
}

.mdi-hand-cycle::before {
  content: "\F1B9C";
}

.mdi-hand-extended::before {
  content: "\F18B6";
}

.mdi-hand-extended-outline::before {
  content: "\F18B7";
}

.mdi-hand-front-left::before {
  content: "\F182B";
}

.mdi-hand-front-left-outline::before {
  content: "\F182E";
}

.mdi-hand-front-right::before {
  content: "\F0A4F";
}

.mdi-hand-front-right-outline::before {
  content: "\F182F";
}

.mdi-hand-heart::before {
  content: "\F10F1";
}

.mdi-hand-heart-outline::before {
  content: "\F157E";
}

.mdi-hand-okay::before {
  content: "\F0A50";
}

.mdi-hand-peace::before {
  content: "\F0A51";
}

.mdi-hand-peace-variant::before {
  content: "\F0A52";
}

.mdi-hand-pointing-down::before {
  content: "\F0A53";
}

.mdi-hand-pointing-left::before {
  content: "\F0A54";
}

.mdi-hand-pointing-right::before {
  content: "\F02C7";
}

.mdi-hand-pointing-up::before {
  content: "\F0A55";
}

.mdi-hand-saw::before {
  content: "\F0E48";
}

.mdi-hand-wash::before {
  content: "\F157F";
}

.mdi-hand-wash-outline::before {
  content: "\F1580";
}

.mdi-hand-water::before {
  content: "\F139F";
}

.mdi-hand-wave::before {
  content: "\F1821";
}

.mdi-hand-wave-outline::before {
  content: "\F1822";
}

.mdi-handball::before {
  content: "\F0F53";
}

.mdi-handcuffs::before {
  content: "\F113E";
}

.mdi-hands-pray::before {
  content: "\F0579";
}

.mdi-handshake::before {
  content: "\F1218";
}

.mdi-handshake-outline::before {
  content: "\F15A1";
}

.mdi-hanger::before {
  content: "\F02C8";
}

.mdi-hard-hat::before {
  content: "\F096F";
}

.mdi-harddisk::before {
  content: "\F02CA";
}

.mdi-harddisk-plus::before {
  content: "\F104B";
}

.mdi-harddisk-remove::before {
  content: "\F104C";
}

.mdi-hat-fedora::before {
  content: "\F0BA4";
}

.mdi-hazard-lights::before {
  content: "\F0C89";
}

.mdi-hdmi-port::before {
  content: "\F1BB8";
}

.mdi-hdr::before {
  content: "\F0D7D";
}

.mdi-hdr-off::before {
  content: "\F0D7E";
}

.mdi-head::before {
  content: "\F135E";
}

.mdi-head-alert::before {
  content: "\F1338";
}

.mdi-head-alert-outline::before {
  content: "\F1339";
}

.mdi-head-check::before {
  content: "\F133A";
}

.mdi-head-check-outline::before {
  content: "\F133B";
}

.mdi-head-cog::before {
  content: "\F133C";
}

.mdi-head-cog-outline::before {
  content: "\F133D";
}

.mdi-head-dots-horizontal::before {
  content: "\F133E";
}

.mdi-head-dots-horizontal-outline::before {
  content: "\F133F";
}

.mdi-head-flash::before {
  content: "\F1340";
}

.mdi-head-flash-outline::before {
  content: "\F1341";
}

.mdi-head-heart::before {
  content: "\F1342";
}

.mdi-head-heart-outline::before {
  content: "\F1343";
}

.mdi-head-lightbulb::before {
  content: "\F1344";
}

.mdi-head-lightbulb-outline::before {
  content: "\F1345";
}

.mdi-head-minus::before {
  content: "\F1346";
}

.mdi-head-minus-outline::before {
  content: "\F1347";
}

.mdi-head-outline::before {
  content: "\F135F";
}

.mdi-head-plus::before {
  content: "\F1348";
}

.mdi-head-plus-outline::before {
  content: "\F1349";
}

.mdi-head-question::before {
  content: "\F134A";
}

.mdi-head-question-outline::before {
  content: "\F134B";
}

.mdi-head-remove::before {
  content: "\F134C";
}

.mdi-head-remove-outline::before {
  content: "\F134D";
}

.mdi-head-snowflake::before {
  content: "\F134E";
}

.mdi-head-snowflake-outline::before {
  content: "\F134F";
}

.mdi-head-sync::before {
  content: "\F1350";
}

.mdi-head-sync-outline::before {
  content: "\F1351";
}

.mdi-headphones::before {
  content: "\F02CB";
}

.mdi-headphones-bluetooth::before {
  content: "\F0970";
}

.mdi-headphones-box::before {
  content: "\F02CC";
}

.mdi-headphones-off::before {
  content: "\F07CE";
}

.mdi-headphones-settings::before {
  content: "\F02CD";
}

.mdi-headset::before {
  content: "\F02CE";
}

.mdi-headset-dock::before {
  content: "\F02CF";
}

.mdi-headset-off::before {
  content: "\F02D0";
}

.mdi-heart::before {
  content: "\F02D1";
}

.mdi-heart-box::before {
  content: "\F02D2";
}

.mdi-heart-box-outline::before {
  content: "\F02D3";
}

.mdi-heart-broken::before {
  content: "\F02D4";
}

.mdi-heart-broken-outline::before {
  content: "\F0D14";
}

.mdi-heart-circle::before {
  content: "\F0971";
}

.mdi-heart-circle-outline::before {
  content: "\F0972";
}

.mdi-heart-cog::before {
  content: "\F1663";
}

.mdi-heart-cog-outline::before {
  content: "\F1664";
}

.mdi-heart-flash::before {
  content: "\F0EF9";
}

.mdi-heart-half::before {
  content: "\F06DF";
}

.mdi-heart-half-full::before {
  content: "\F06DE";
}

.mdi-heart-half-outline::before {
  content: "\F06E0";
}

.mdi-heart-minus::before {
  content: "\F142F";
}

.mdi-heart-minus-outline::before {
  content: "\F1432";
}

.mdi-heart-multiple::before {
  content: "\F0A56";
}

.mdi-heart-multiple-outline::before {
  content: "\F0A57";
}

.mdi-heart-off::before {
  content: "\F0759";
}

.mdi-heart-off-outline::before {
  content: "\F1434";
}

.mdi-heart-outline::before {
  content: "\F02D5";
}

.mdi-heart-plus::before {
  content: "\F142E";
}

.mdi-heart-plus-outline::before {
  content: "\F1431";
}

.mdi-heart-pulse::before {
  content: "\F05F6";
}

.mdi-heart-remove::before {
  content: "\F1430";
}

.mdi-heart-remove-outline::before {
  content: "\F1433";
}

.mdi-heart-search::before {
  content: "\F1C8D";
}

.mdi-heart-settings::before {
  content: "\F1665";
}

.mdi-heart-settings-outline::before {
  content: "\F1666";
}

.mdi-heat-pump::before {
  content: "\F1A43";
}

.mdi-heat-pump-outline::before {
  content: "\F1A44";
}

.mdi-heat-wave::before {
  content: "\F1A45";
}

.mdi-heating-coil::before {
  content: "\F1AAF";
}

.mdi-helicopter::before {
  content: "\F0AC2";
}

.mdi-help::before {
  content: "\F02D6";
}

.mdi-help-box::before {
  content: "\F078B";
}

.mdi-help-box-multiple::before {
  content: "\F1C0A";
}

.mdi-help-box-multiple-outline::before {
  content: "\F1C0B";
}

.mdi-help-box-outline::before {
  content: "\F1C0C";
}

.mdi-help-circle::before {
  content: "\F02D7";
}

.mdi-help-circle-outline::before {
  content: "\F0625";
}

.mdi-help-network::before {
  content: "\F06F5";
}

.mdi-help-network-outline::before {
  content: "\F0C8A";
}

.mdi-help-rhombus::before {
  content: "\F0BA5";
}

.mdi-help-rhombus-outline::before {
  content: "\F0BA6";
}

.mdi-hexadecimal::before {
  content: "\F12A7";
}

.mdi-hexagon::before {
  content: "\F02D8";
}

.mdi-hexagon-multiple::before {
  content: "\F06E1";
}

.mdi-hexagon-multiple-outline::before {
  content: "\F10F2";
}

.mdi-hexagon-outline::before {
  content: "\F02D9";
}

.mdi-hexagon-slice-1::before {
  content: "\F0AC3";
}

.mdi-hexagon-slice-2::before {
  content: "\F0AC4";
}

.mdi-hexagon-slice-3::before {
  content: "\F0AC5";
}

.mdi-hexagon-slice-4::before {
  content: "\F0AC6";
}

.mdi-hexagon-slice-5::before {
  content: "\F0AC7";
}

.mdi-hexagon-slice-6::before {
  content: "\F0AC8";
}

.mdi-hexagram::before {
  content: "\F0AC9";
}

.mdi-hexagram-outline::before {
  content: "\F0ACA";
}

.mdi-high-definition::before {
  content: "\F07CF";
}

.mdi-high-definition-box::before {
  content: "\F0878";
}

.mdi-highway::before {
  content: "\F05F7";
}

.mdi-hiking::before {
  content: "\F0D7F";
}

.mdi-history::before {
  content: "\F02DA";
}

.mdi-hockey-puck::before {
  content: "\F0879";
}

.mdi-hockey-sticks::before {
  content: "\F087A";
}

.mdi-hololens::before {
  content: "\F02DB";
}

.mdi-home::before {
  content: "\F02DC";
}

.mdi-home-account::before {
  content: "\F0826";
}

.mdi-home-alert::before {
  content: "\F087B";
}

.mdi-home-alert-outline::before {
  content: "\F15D0";
}

.mdi-home-analytics::before {
  content: "\F0EBA";
}

.mdi-home-assistant::before {
  content: "\F07D0";
}

.mdi-home-automation::before {
  content: "\F07D1";
}

.mdi-home-battery::before {
  content: "\F1901";
}

.mdi-home-battery-outline::before {
  content: "\F1902";
}

.mdi-home-circle::before {
  content: "\F07D2";
}

.mdi-home-circle-outline::before {
  content: "\F104D";
}

.mdi-home-city::before {
  content: "\F0D15";
}

.mdi-home-city-outline::before {
  content: "\F0D16";
}

.mdi-home-clock::before {
  content: "\F1A12";
}

.mdi-home-clock-outline::before {
  content: "\F1A13";
}

.mdi-home-edit::before {
  content: "\F1159";
}

.mdi-home-edit-outline::before {
  content: "\F115A";
}

.mdi-home-export-outline::before {
  content: "\F0F9B";
}

.mdi-home-flood::before {
  content: "\F0EFA";
}

.mdi-home-floor-0::before {
  content: "\F0DD2";
}

.mdi-home-floor-1::before {
  content: "\F0D80";
}

.mdi-home-floor-2::before {
  content: "\F0D81";
}

.mdi-home-floor-3::before {
  content: "\F0D82";
}

.mdi-home-floor-a::before {
  content: "\F0D83";
}

.mdi-home-floor-b::before {
  content: "\F0D84";
}

.mdi-home-floor-g::before {
  content: "\F0D85";
}

.mdi-home-floor-l::before {
  content: "\F0D86";
}

.mdi-home-floor-negative-1::before {
  content: "\F0DD3";
}

.mdi-home-group::before {
  content: "\F0DD4";
}

.mdi-home-group-minus::before {
  content: "\F19C1";
}

.mdi-home-group-plus::before {
  content: "\F19C0";
}

.mdi-home-group-remove::before {
  content: "\F19C2";
}

.mdi-home-heart::before {
  content: "\F0827";
}

.mdi-home-import-outline::before {
  content: "\F0F9C";
}

.mdi-home-lightbulb::before {
  content: "\F1251";
}

.mdi-home-lightbulb-outline::before {
  content: "\F1252";
}

.mdi-home-lightning-bolt::before {
  content: "\F1903";
}

.mdi-home-lightning-bolt-outline::before {
  content: "\F1904";
}

.mdi-home-lock::before {
  content: "\F08EB";
}

.mdi-home-lock-open::before {
  content: "\F08EC";
}

.mdi-home-map-marker::before {
  content: "\F05F8";
}

.mdi-home-minus::before {
  content: "\F0974";
}

.mdi-home-minus-outline::before {
  content: "\F13D5";
}

.mdi-home-modern::before {
  content: "\F02DD";
}

.mdi-home-off::before {
  content: "\F1A46";
}

.mdi-home-off-outline::before {
  content: "\F1A47";
}

.mdi-home-outline::before {
  content: "\F06A1";
}

.mdi-home-percent::before {
  content: "\F1C7C";
}

.mdi-home-percent-outline::before {
  content: "\F1C7D";
}

.mdi-home-plus::before {
  content: "\F0975";
}

.mdi-home-plus-outline::before {
  content: "\F13D6";
}

.mdi-home-remove::before {
  content: "\F1247";
}

.mdi-home-remove-outline::before {
  content: "\F13D7";
}

.mdi-home-roof::before {
  content: "\F112B";
}

.mdi-home-search::before {
  content: "\F13B0";
}

.mdi-home-search-outline::before {
  content: "\F13B1";
}

.mdi-home-silo::before {
  content: "\F1BA0";
}

.mdi-home-silo-outline::before {
  content: "\F1BA1";
}

.mdi-home-sound-in::before {
  content: "\F1C2F";
}

.mdi-home-sound-in-outline::before {
  content: "\F1C30";
}

.mdi-home-sound-out::before {
  content: "\F1C31";
}

.mdi-home-sound-out-outline::before {
  content: "\F1C32";
}

.mdi-home-switch::before {
  content: "\F1794";
}

.mdi-home-switch-outline::before {
  content: "\F1795";
}

.mdi-home-thermometer::before {
  content: "\F0F54";
}

.mdi-home-thermometer-outline::before {
  content: "\F0F55";
}

.mdi-home-variant::before {
  content: "\F02DE";
}

.mdi-home-variant-outline::before {
  content: "\F0BA7";
}

.mdi-hook::before {
  content: "\F06E2";
}

.mdi-hook-off::before {
  content: "\F06E3";
}

.mdi-hoop-house::before {
  content: "\F0E56";
}

.mdi-hops::before {
  content: "\F02DF";
}

.mdi-horizontal-rotate-clockwise::before {
  content: "\F10F3";
}

.mdi-horizontal-rotate-counterclockwise::before {
  content: "\F10F4";
}

.mdi-horse::before {
  content: "\F15BF";
}

.mdi-horse-human::before {
  content: "\F15C0";
}

.mdi-horse-variant::before {
  content: "\F15C1";
}

.mdi-horse-variant-fast::before {
  content: "\F186E";
}

.mdi-horseshoe::before {
  content: "\F0A58";
}

.mdi-hospital::before {
  content: "\F0FF6";
}

.mdi-hospital-box::before {
  content: "\F02E0";
}

.mdi-hospital-box-outline::before {
  content: "\F0FF7";
}

.mdi-hospital-building::before {
  content: "\F02E1";
}

.mdi-hospital-marker::before {
  content: "\F02E2";
}

.mdi-hot-tub::before {
  content: "\F0828";
}

.mdi-hours-12::before {
  content: "\F1C94";
}

.mdi-hours-24::before {
  content: "\F1478";
}

.mdi-hub::before {
  content: "\F1C95";
}

.mdi-hub-outline::before {
  content: "\F1C96";
}

.mdi-hubspot::before {
  content: "\F0D17";
}

.mdi-hulu::before {
  content: "\F0829";
}

.mdi-human::before {
  content: "\F02E6";
}

.mdi-human-baby-changing-table::before {
  content: "\F138B";
}

.mdi-human-cane::before {
  content: "\F1581";
}

.mdi-human-capacity-decrease::before {
  content: "\F159B";
}

.mdi-human-capacity-increase::before {
  content: "\F159C";
}

.mdi-human-child::before {
  content: "\F02E7";
}

.mdi-human-dolly::before {
  content: "\F1980";
}

.mdi-human-edit::before {
  content: "\F14E8";
}

.mdi-human-female::before {
  content: "\F0649";
}

.mdi-human-female-boy::before {
  content: "\F0A59";
}

.mdi-human-female-dance::before {
  content: "\F15C9";
}

.mdi-human-female-female::before {
  content: "\F0A5A";
}

.mdi-human-female-female-child::before {
  content: "\F1C8E";
}

.mdi-human-female-girl::before {
  content: "\F0A5B";
}

.mdi-human-greeting::before {
  content: "\F17C4";
}

.mdi-human-greeting-proximity::before {
  content: "\F159D";
}

.mdi-human-greeting-variant::before {
  content: "\F064A";
}

.mdi-human-handsdown::before {
  content: "\F064B";
}

.mdi-human-handsup::before {
  content: "\F064C";
}

.mdi-human-male::before {
  content: "\F064D";
}

.mdi-human-male-board::before {
  content: "\F0890";
}

.mdi-human-male-board-poll::before {
  content: "\F0846";
}

.mdi-human-male-boy::before {
  content: "\F0A5C";
}

.mdi-human-male-child::before {
  content: "\F138C";
}

.mdi-human-male-female::before {
  content: "\F02E8";
}

.mdi-human-male-female-child::before {
  content: "\F1823";
}

.mdi-human-male-girl::before {
  content: "\F0A5D";
}

.mdi-human-male-height::before {
  content: "\F0EFB";
}

.mdi-human-male-height-variant::before {
  content: "\F0EFC";
}

.mdi-human-male-male::before {
  content: "\F0A5E";
}

.mdi-human-male-male-child::before {
  content: "\F1C8F";
}

.mdi-human-non-binary::before {
  content: "\F1848";
}

.mdi-human-pregnant::before {
  content: "\F05CF";
}

.mdi-human-queue::before {
  content: "\F1571";
}

.mdi-human-scooter::before {
  content: "\F11E9";
}

.mdi-human-walker::before {
  content: "\F1B71";
}

.mdi-human-wheelchair::before {
  content: "\F138D";
}

.mdi-human-white-cane::before {
  content: "\F1981";
}

.mdi-humble-bundle::before {
  content: "\F0744";
}

.mdi-hvac::before {
  content: "\F1352";
}

.mdi-hvac-off::before {
  content: "\F159E";
}

.mdi-hydraulic-oil-level::before {
  content: "\F1324";
}

.mdi-hydraulic-oil-temperature::before {
  content: "\F1325";
}

.mdi-hydro-power::before {
  content: "\F12E5";
}

.mdi-hydrogen-station::before {
  content: "\F1894";
}

.mdi-ice-cream::before {
  content: "\F082A";
}

.mdi-ice-cream-off::before {
  content: "\F0E52";
}

.mdi-ice-pop::before {
  content: "\F0EFD";
}

.mdi-id-card::before {
  content: "\F0FC0";
}

.mdi-identifier::before {
  content: "\F0EFE";
}

.mdi-ideogram-cjk::before {
  content: "\F1331";
}

.mdi-ideogram-cjk-variant::before {
  content: "\F1332";
}

.mdi-image::before {
  content: "\F02E9";
}

.mdi-image-album::before {
  content: "\F02EA";
}

.mdi-image-area::before {
  content: "\F02EB";
}

.mdi-image-area-close::before {
  content: "\F02EC";
}

.mdi-image-auto-adjust::before {
  content: "\F0FC1";
}

.mdi-image-broken::before {
  content: "\F02ED";
}

.mdi-image-broken-variant::before {
  content: "\F02EE";
}

.mdi-image-check::before {
  content: "\F1B25";
}

.mdi-image-check-outline::before {
  content: "\F1B26";
}

.mdi-image-edit::before {
  content: "\F11E3";
}

.mdi-image-edit-outline::before {
  content: "\F11E4";
}

.mdi-image-filter-black-white::before {
  content: "\F02F0";
}

.mdi-image-filter-center-focus::before {
  content: "\F02F1";
}

.mdi-image-filter-center-focus-strong::before {
  content: "\F0EFF";
}

.mdi-image-filter-center-focus-strong-outline::before {
  content: "\F0F00";
}

.mdi-image-filter-center-focus-weak::before {
  content: "\F02F2";
}

.mdi-image-filter-drama::before {
  content: "\F02F3";
}

.mdi-image-filter-drama-outline::before {
  content: "\F1BFF";
}

.mdi-image-filter-frames::before {
  content: "\F02F4";
}

.mdi-image-filter-hdr::before {
  content: "\F02F5";
}

.mdi-image-filter-hdr-outline::before {
  content: "\F1C64";
}

.mdi-image-filter-none::before {
  content: "\F02F6";
}

.mdi-image-filter-tilt-shift::before {
  content: "\F02F7";
}

.mdi-image-filter-vintage::before {
  content: "\F02F8";
}

.mdi-image-frame::before {
  content: "\F0E49";
}

.mdi-image-lock::before {
  content: "\F1AB0";
}

.mdi-image-lock-outline::before {
  content: "\F1AB1";
}

.mdi-image-marker::before {
  content: "\F177B";
}

.mdi-image-marker-outline::before {
  content: "\F177C";
}

.mdi-image-minus::before {
  content: "\F1419";
}

.mdi-image-minus-outline::before {
  content: "\F1B47";
}

.mdi-image-move::before {
  content: "\F09F8";
}

.mdi-image-multiple::before {
  content: "\F02F9";
}

.mdi-image-multiple-outline::before {
  content: "\F02EF";
}

.mdi-image-off::before {
  content: "\F082B";
}

.mdi-image-off-outline::before {
  content: "\F11D1";
}

.mdi-image-outline::before {
  content: "\F0976";
}

.mdi-image-plus::before {
  content: "\F087C";
}

.mdi-image-plus-outline::before {
  content: "\F1B46";
}

.mdi-image-refresh::before {
  content: "\F19FE";
}

.mdi-image-refresh-outline::before {
  content: "\F19FF";
}

.mdi-image-remove::before {
  content: "\F1418";
}

.mdi-image-remove-outline::before {
  content: "\F1B48";
}

.mdi-image-search::before {
  content: "\F0977";
}

.mdi-image-search-outline::before {
  content: "\F0978";
}

.mdi-image-size-select-actual::before {
  content: "\F0C8D";
}

.mdi-image-size-select-large::before {
  content: "\F0C8E";
}

.mdi-image-size-select-small::before {
  content: "\F0C8F";
}

.mdi-image-sync::before {
  content: "\F1A00";
}

.mdi-image-sync-outline::before {
  content: "\F1A01";
}

.mdi-image-text::before {
  content: "\F160D";
}

.mdi-import::before {
  content: "\F02FA";
}

.mdi-inbox::before {
  content: "\F0687";
}

.mdi-inbox-arrow-down::before {
  content: "\F02FB";
}

.mdi-inbox-arrow-down-outline::before {
  content: "\F1270";
}

.mdi-inbox-arrow-up::before {
  content: "\F03D1";
}

.mdi-inbox-arrow-up-outline::before {
  content: "\F1271";
}

.mdi-inbox-full::before {
  content: "\F1272";
}

.mdi-inbox-full-outline::before {
  content: "\F1273";
}

.mdi-inbox-multiple::before {
  content: "\F08B0";
}

.mdi-inbox-multiple-outline::before {
  content: "\F0BA8";
}

.mdi-inbox-outline::before {
  content: "\F1274";
}

.mdi-inbox-remove::before {
  content: "\F159F";
}

.mdi-inbox-remove-outline::before {
  content: "\F15A0";
}

.mdi-incognito::before {
  content: "\F05F9";
}

.mdi-incognito-circle::before {
  content: "\F1421";
}

.mdi-incognito-circle-off::before {
  content: "\F1422";
}

.mdi-incognito-off::before {
  content: "\F0075";
}

.mdi-induction::before {
  content: "\F184C";
}

.mdi-infinity::before {
  content: "\F06E4";
}

.mdi-information::before {
  content: "\F02FC";
}

.mdi-information-box::before {
  content: "\F1C65";
}

.mdi-information-box-outline::before {
  content: "\F1C66";
}

.mdi-information-off::before {
  content: "\F178C";
}

.mdi-information-off-outline::before {
  content: "\F178D";
}

.mdi-information-outline::before {
  content: "\F02FD";
}

.mdi-information-slab-box::before {
  content: "\F1C67";
}

.mdi-information-slab-box-outline::before {
  content: "\F1C68";
}

.mdi-information-slab-circle::before {
  content: "\F1C69";
}

.mdi-information-slab-circle-outline::before {
  content: "\F1C6A";
}

.mdi-information-slab-symbol::before {
  content: "\F1C6B";
}

.mdi-information-symbol::before {
  content: "\F1C6C";
}

.mdi-information-variant::before {
  content: "\F064E";
}

.mdi-information-variant-box::before {
  content: "\F1C6D";
}

.mdi-information-variant-box-outline::before {
  content: "\F1C6E";
}

.mdi-information-variant-circle::before {
  content: "\F1C6F";
}

.mdi-information-variant-circle-outline::before {
  content: "\F1C70";
}

.mdi-instagram::before {
  content: "\F02FE";
}

.mdi-instrument-triangle::before {
  content: "\F104E";
}

.mdi-integrated-circuit-chip::before {
  content: "\F1913";
}

.mdi-invert-colors::before {
  content: "\F0301";
}

.mdi-invert-colors-off::before {
  content: "\F0E4A";
}

.mdi-invoice::before {
  content: "\F1CD2";
}

.mdi-invoice-arrow-left::before {
  content: "\F1CD3";
}

.mdi-invoice-arrow-left-outline::before {
  content: "\F1CD4";
}

.mdi-invoice-arrow-right::before {
  content: "\F1CD5";
}

.mdi-invoice-arrow-right-outline::before {
  content: "\F1CD6";
}

.mdi-invoice-check::before {
  content: "\F1CD7";
}

.mdi-invoice-check-outline::before {
  content: "\F1CD8";
}

.mdi-invoice-clock::before {
  content: "\F1CD9";
}

.mdi-invoice-clock-outline::before {
  content: "\F1CDA";
}

.mdi-invoice-edit::before {
  content: "\F1CDB";
}

.mdi-invoice-edit-outline::before {
  content: "\F1CDC";
}

.mdi-invoice-export-outline::before {
  content: "\F1CDD";
}

.mdi-invoice-fast::before {
  content: "\F1CDE";
}

.mdi-invoice-fast-outline::before {
  content: "\F1CDF";
}

.mdi-invoice-import::before {
  content: "\F1CE0";
}

.mdi-invoice-import-outline::before {
  content: "\F1CE1";
}

.mdi-invoice-list::before {
  content: "\F1CE2";
}

.mdi-invoice-list-outline::before {
  content: "\F1CE3";
}

.mdi-invoice-minus::before {
  content: "\F1CE4";
}

.mdi-invoice-minus-outline::before {
  content: "\F1CE5";
}

.mdi-invoice-multiple::before {
  content: "\F1CE6";
}

.mdi-invoice-multiple-outline::before {
  content: "\F1CE7";
}

.mdi-invoice-outline::before {
  content: "\F1CE8";
}

.mdi-invoice-plus::before {
  content: "\F1CE9";
}

.mdi-invoice-plus-outline::before {
  content: "\F1CEA";
}

.mdi-invoice-remove::before {
  content: "\F1CEB";
}

.mdi-invoice-remove-outline::before {
  content: "\F1CEC";
}

.mdi-invoice-send::before {
  content: "\F1CED";
}

.mdi-invoice-send-outline::before {
  content: "\F1CEE";
}

.mdi-invoice-text::before {
  content: "\F1CEF";
}

.mdi-invoice-text-arrow-left::before {
  content: "\F1CF0";
}

.mdi-invoice-text-arrow-left-outline::before {
  content: "\F1CF1";
}

.mdi-invoice-text-arrow-right::before {
  content: "\F1CF2";
}

.mdi-invoice-text-arrow-right-outline::before {
  content: "\F1CF3";
}

.mdi-invoice-text-check::before {
  content: "\F1CF4";
}

.mdi-invoice-text-check-outline::before {
  content: "\F1CF5";
}

.mdi-invoice-text-clock::before {
  content: "\F1CF6";
}

.mdi-invoice-text-clock-outline::before {
  content: "\F1CF7";
}

.mdi-invoice-text-edit::before {
  content: "\F1CF8";
}

.mdi-invoice-text-edit-outline::before {
  content: "\F1CF9";
}

.mdi-invoice-text-fast::before {
  content: "\F1CFA";
}

.mdi-invoice-text-fast-outline::before {
  content: "\F1CFB";
}

.mdi-invoice-text-minus::before {
  content: "\F1CFC";
}

.mdi-invoice-text-minus-outline::before {
  content: "\F1CFD";
}

.mdi-invoice-text-multiple::before {
  content: "\F1CFE";
}

.mdi-invoice-text-multiple-outline::before {
  content: "\F1CFF";
}

.mdi-invoice-text-outline::before {
  content: "\F1D00";
}

.mdi-invoice-text-plus::before {
  content: "\F1D01";
}

.mdi-invoice-text-plus-outline::before {
  content: "\F1D02";
}

.mdi-invoice-text-remove::before {
  content: "\F1D03";
}

.mdi-invoice-text-remove-outline::before {
  content: "\F1D04";
}

.mdi-invoice-text-send::before {
  content: "\F1D05";
}

.mdi-invoice-text-send-outline::before {
  content: "\F1D06";
}

.mdi-iobroker::before {
  content: "\F12E8";
}

.mdi-ip::before {
  content: "\F0A5F";
}

.mdi-ip-network::before {
  content: "\F0A60";
}

.mdi-ip-network-outline::before {
  content: "\F0C90";
}

.mdi-ip-outline::before {
  content: "\F1982";
}

.mdi-ipod::before {
  content: "\F0C91";
}

.mdi-iron::before {
  content: "\F1824";
}

.mdi-iron-board::before {
  content: "\F1838";
}

.mdi-iron-outline::before {
  content: "\F1825";
}

.mdi-island::before {
  content: "\F104F";
}

.mdi-island-variant::before {
  content: "\F1CC6";
}

.mdi-iv-bag::before {
  content: "\F10B9";
}

.mdi-jabber::before {
  content: "\F0DD5";
}

.mdi-jeepney::before {
  content: "\F0302";
}

.mdi-jellyfish::before {
  content: "\F0F01";
}

.mdi-jellyfish-outline::before {
  content: "\F0F02";
}

.mdi-jira::before {
  content: "\F0303";
}

.mdi-jquery::before {
  content: "\F087D";
}

.mdi-jsfiddle::before {
  content: "\F0304";
}

.mdi-jump-rope::before {
  content: "\F12FF";
}

.mdi-kabaddi::before {
  content: "\F0D87";
}

.mdi-kangaroo::before {
  content: "\F1558";
}

.mdi-karate::before {
  content: "\F082C";
}

.mdi-kayaking::before {
  content: "\F08AF";
}

.mdi-keg::before {
  content: "\F0305";
}

.mdi-kettle::before {
  content: "\F05FA";
}

.mdi-kettle-alert::before {
  content: "\F1317";
}

.mdi-kettle-alert-outline::before {
  content: "\F1318";
}

.mdi-kettle-off::before {
  content: "\F131B";
}

.mdi-kettle-off-outline::before {
  content: "\F131C";
}

.mdi-kettle-outline::before {
  content: "\F0F56";
}

.mdi-kettle-pour-over::before {
  content: "\F173C";
}

.mdi-kettle-steam::before {
  content: "\F1319";
}

.mdi-kettle-steam-outline::before {
  content: "\F131A";
}

.mdi-kettlebell::before {
  content: "\F1300";
}

.mdi-key::before {
  content: "\F0306";
}

.mdi-key-alert::before {
  content: "\F1983";
}

.mdi-key-alert-outline::before {
  content: "\F1984";
}

.mdi-key-arrow-right::before {
  content: "\F1312";
}

.mdi-key-chain::before {
  content: "\F1574";
}

.mdi-key-chain-variant::before {
  content: "\F1575";
}

.mdi-key-change::before {
  content: "\F0307";
}

.mdi-key-link::before {
  content: "\F119F";
}

.mdi-key-minus::before {
  content: "\F0308";
}

.mdi-key-outline::before {
  content: "\F0DD6";
}

.mdi-key-plus::before {
  content: "\F0309";
}

.mdi-key-remove::before {
  content: "\F030A";
}

.mdi-key-star::before {
  content: "\F119E";
}

.mdi-key-variant::before {
  content: "\F030B";
}

.mdi-key-wireless::before {
  content: "\F0FC2";
}

.mdi-keyboard::before {
  content: "\F030C";
}

.mdi-keyboard-backspace::before {
  content: "\F030D";
}

.mdi-keyboard-caps::before {
  content: "\F030E";
}

.mdi-keyboard-close::before {
  content: "\F030F";
}

.mdi-keyboard-close-outline::before {
  content: "\F1C00";
}

.mdi-keyboard-esc::before {
  content: "\F12B7";
}

.mdi-keyboard-f1::before {
  content: "\F12AB";
}

.mdi-keyboard-f10::before {
  content: "\F12B4";
}

.mdi-keyboard-f11::before {
  content: "\F12B5";
}

.mdi-keyboard-f12::before {
  content: "\F12B6";
}

.mdi-keyboard-f2::before {
  content: "\F12AC";
}

.mdi-keyboard-f3::before {
  content: "\F12AD";
}

.mdi-keyboard-f4::before {
  content: "\F12AE";
}

.mdi-keyboard-f5::before {
  content: "\F12AF";
}

.mdi-keyboard-f6::before {
  content: "\F12B0";
}

.mdi-keyboard-f7::before {
  content: "\F12B1";
}

.mdi-keyboard-f8::before {
  content: "\F12B2";
}

.mdi-keyboard-f9::before {
  content: "\F12B3";
}

.mdi-keyboard-off::before {
  content: "\F0310";
}

.mdi-keyboard-off-outline::before {
  content: "\F0E4B";
}

.mdi-keyboard-outline::before {
  content: "\F097B";
}

.mdi-keyboard-return::before {
  content: "\F0311";
}

.mdi-keyboard-settings::before {
  content: "\F09F9";
}

.mdi-keyboard-settings-outline::before {
  content: "\F09FA";
}

.mdi-keyboard-space::before {
  content: "\F1050";
}

.mdi-keyboard-tab::before {
  content: "\F0312";
}

.mdi-keyboard-tab-reverse::before {
  content: "\F0325";
}

.mdi-keyboard-variant::before {
  content: "\F0313";
}

.mdi-khanda::before {
  content: "\F10FD";
}

.mdi-kickstarter::before {
  content: "\F0745";
}

.mdi-kite::before {
  content: "\F1985";
}

.mdi-kite-outline::before {
  content: "\F1986";
}

.mdi-kitesurfing::before {
  content: "\F1744";
}

.mdi-klingon::before {
  content: "\F135B";
}

.mdi-knife::before {
  content: "\F09FB";
}

.mdi-knife-military::before {
  content: "\F09FC";
}

.mdi-knob::before {
  content: "\F1B96";
}

.mdi-koala::before {
  content: "\F173F";
}

.mdi-kodi::before {
  content: "\F0314";
}

.mdi-kubernetes::before {
  content: "\F10FE";
}

.mdi-label::before {
  content: "\F0315";
}

.mdi-label-multiple::before {
  content: "\F1375";
}

.mdi-label-multiple-outline::before {
  content: "\F1376";
}

.mdi-label-off::before {
  content: "\F0ACB";
}

.mdi-label-off-outline::before {
  content: "\F0ACC";
}

.mdi-label-outline::before {
  content: "\F0316";
}

.mdi-label-percent::before {
  content: "\F12EA";
}

.mdi-label-percent-outline::before {
  content: "\F12EB";
}

.mdi-label-variant::before {
  content: "\F0ACD";
}

.mdi-label-variant-outline::before {
  content: "\F0ACE";
}

.mdi-ladder::before {
  content: "\F15A2";
}

.mdi-ladybug::before {
  content: "\F082D";
}

.mdi-lambda::before {
  content: "\F0627";
}

.mdi-lamp::before {
  content: "\F06B5";
}

.mdi-lamp-outline::before {
  content: "\F17D0";
}

.mdi-lamps::before {
  content: "\F1576";
}

.mdi-lamps-outline::before {
  content: "\F17D1";
}

.mdi-lan::before {
  content: "\F0317";
}

.mdi-lan-check::before {
  content: "\F12AA";
}

.mdi-lan-connect::before {
  content: "\F0318";
}

.mdi-lan-disconnect::before {
  content: "\F0319";
}

.mdi-lan-pending::before {
  content: "\F031A";
}

.mdi-land-fields::before {
  content: "\F1AB2";
}

.mdi-land-plots::before {
  content: "\F1AB3";
}

.mdi-land-plots-circle::before {
  content: "\F1AB4";
}

.mdi-land-plots-circle-variant::before {
  content: "\F1AB5";
}

.mdi-land-plots-marker::before {
  content: "\F1C5D";
}

.mdi-land-rows-horizontal::before {
  content: "\F1AB6";
}

.mdi-land-rows-vertical::before {
  content: "\F1AB7";
}

.mdi-landslide::before {
  content: "\F1A48";
}

.mdi-landslide-outline::before {
  content: "\F1A49";
}

.mdi-language-c::before {
  content: "\F0671";
}

.mdi-language-cpp::before {
  content: "\F0672";
}

.mdi-language-csharp::before {
  content: "\F031B";
}

.mdi-language-css3::before {
  content: "\F031C";
}

.mdi-language-fortran::before {
  content: "\F121A";
}

.mdi-language-go::before {
  content: "\F07D3";
}

.mdi-language-haskell::before {
  content: "\F0C92";
}

.mdi-language-html5::before {
  content: "\F031D";
}

.mdi-language-java::before {
  content: "\F0B37";
}

.mdi-language-javascript::before {
  content: "\F031E";
}

.mdi-language-kotlin::before {
  content: "\F1219";
}

.mdi-language-lua::before {
  content: "\F08B1";
}

.mdi-language-markdown::before {
  content: "\F0354";
}

.mdi-language-markdown-outline::before {
  content: "\F0F5B";
}

.mdi-language-php::before {
  content: "\F031F";
}

.mdi-language-python::before {
  content: "\F0320";
}

.mdi-language-r::before {
  content: "\F07D4";
}

.mdi-language-ruby::before {
  content: "\F0D2D";
}

.mdi-language-ruby-on-rails::before {
  content: "\F0ACF";
}

.mdi-language-rust::before {
  content: "\F1617";
}

.mdi-language-swift::before {
  content: "\F06E5";
}

.mdi-language-typescript::before {
  content: "\F06E6";
}

.mdi-language-xaml::before {
  content: "\F0673";
}

.mdi-laptop::before {
  content: "\F0322";
}

.mdi-laptop-account::before {
  content: "\F1A4A";
}

.mdi-laptop-off::before {
  content: "\F06E7";
}

.mdi-laravel::before {
  content: "\F0AD0";
}

.mdi-laser-pointer::before {
  content: "\F1484";
}

.mdi-lasso::before {
  content: "\F0F03";
}

.mdi-lastpass::before {
  content: "\F0446";
}

.mdi-latitude::before {
  content: "\F0F57";
}

.mdi-launch::before {
  content: "\F0327";
}

.mdi-lava-lamp::before {
  content: "\F07D5";
}

.mdi-layers::before {
  content: "\F0328";
}

.mdi-layers-edit::before {
  content: "\F1892";
}

.mdi-layers-minus::before {
  content: "\F0E4C";
}

.mdi-layers-off::before {
  content: "\F0329";
}

.mdi-layers-off-outline::before {
  content: "\F09FD";
}

.mdi-layers-outline::before {
  content: "\F09FE";
}

.mdi-layers-plus::before {
  content: "\F0E4D";
}

.mdi-layers-remove::before {
  content: "\F0E4E";
}

.mdi-layers-search::before {
  content: "\F1206";
}

.mdi-layers-search-outline::before {
  content: "\F1207";
}

.mdi-layers-triple::before {
  content: "\F0F58";
}

.mdi-layers-triple-outline::before {
  content: "\F0F59";
}

.mdi-lead-pencil::before {
  content: "\F064F";
}

.mdi-leaf::before {
  content: "\F032A";
}

.mdi-leaf-circle::before {
  content: "\F1905";
}

.mdi-leaf-circle-outline::before {
  content: "\F1906";
}

.mdi-leaf-maple::before {
  content: "\F0C93";
}

.mdi-leaf-maple-off::before {
  content: "\F12DA";
}

.mdi-leaf-off::before {
  content: "\F12D9";
}

.mdi-leak::before {
  content: "\F0DD7";
}

.mdi-leak-off::before {
  content: "\F0DD8";
}

.mdi-lectern::before {
  content: "\F1AF0";
}

.mdi-led-off::before {
  content: "\F032B";
}

.mdi-led-on::before {
  content: "\F032C";
}

.mdi-led-outline::before {
  content: "\F032D";
}

.mdi-led-strip::before {
  content: "\F07D6";
}

.mdi-led-strip-variant::before {
  content: "\F1051";
}

.mdi-led-strip-variant-off::before {
  content: "\F1A4B";
}

.mdi-led-variant-off::before {
  content: "\F032E";
}

.mdi-led-variant-on::before {
  content: "\F032F";
}

.mdi-led-variant-outline::before {
  content: "\F0330";
}

.mdi-leek::before {
  content: "\F117D";
}

.mdi-less-than::before {
  content: "\F097C";
}

.mdi-less-than-or-equal::before {
  content: "\F097D";
}

.mdi-library::before {
  content: "\F0331";
}

.mdi-library-outline::before {
  content: "\F1A22";
}

.mdi-library-shelves::before {
  content: "\F0BA9";
}

.mdi-license::before {
  content: "\F0FC3";
}

.mdi-lifebuoy::before {
  content: "\F087E";
}

.mdi-light-flood-down::before {
  content: "\F1987";
}

.mdi-light-flood-up::before {
  content: "\F1988";
}

.mdi-light-recessed::before {
  content: "\F179B";
}

.mdi-light-switch::before {
  content: "\F097E";
}

.mdi-light-switch-off::before {
  content: "\F1A24";
}

.mdi-lightbulb::before {
  content: "\F0335";
}

.mdi-lightbulb-alert::before {
  content: "\F19E1";
}

.mdi-lightbulb-alert-outline::before {
  content: "\F19E2";
}

.mdi-lightbulb-auto::before {
  content: "\F1800";
}

.mdi-lightbulb-auto-outline::before {
  content: "\F1801";
}

.mdi-lightbulb-cfl::before {
  content: "\F1208";
}

.mdi-lightbulb-cfl-off::before {
  content: "\F1209";
}

.mdi-lightbulb-cfl-spiral::before {
  content: "\F1275";
}

.mdi-lightbulb-cfl-spiral-off::before {
  content: "\F12C3";
}

.mdi-lightbulb-fluorescent-tube::before {
  content: "\F1804";
}

.mdi-lightbulb-fluorescent-tube-outline::before {
  content: "\F1805";
}

.mdi-lightbulb-group::before {
  content: "\F1253";
}

.mdi-lightbulb-group-off::before {
  content: "\F12CD";
}

.mdi-lightbulb-group-off-outline::before {
  content: "\F12CE";
}

.mdi-lightbulb-group-outline::before {
  content: "\F1254";
}

.mdi-lightbulb-multiple::before {
  content: "\F1255";
}

.mdi-lightbulb-multiple-off::before {
  content: "\F12CF";
}

.mdi-lightbulb-multiple-off-outline::before {
  content: "\F12D0";
}

.mdi-lightbulb-multiple-outline::before {
  content: "\F1256";
}

.mdi-lightbulb-night::before {
  content: "\F1A4C";
}

.mdi-lightbulb-night-outline::before {
  content: "\F1A4D";
}

.mdi-lightbulb-off::before {
  content: "\F0E4F";
}

.mdi-lightbulb-off-outline::before {
  content: "\F0E50";
}

.mdi-lightbulb-on::before {
  content: "\F06E8";
}

.mdi-lightbulb-on-10::before {
  content: "\F1A4E";
}

.mdi-lightbulb-on-20::before {
  content: "\F1A4F";
}

.mdi-lightbulb-on-30::before {
  content: "\F1A50";
}

.mdi-lightbulb-on-40::before {
  content: "\F1A51";
}

.mdi-lightbulb-on-50::before {
  content: "\F1A52";
}

.mdi-lightbulb-on-60::before {
  content: "\F1A53";
}

.mdi-lightbulb-on-70::before {
  content: "\F1A54";
}

.mdi-lightbulb-on-80::before {
  content: "\F1A55";
}

.mdi-lightbulb-on-90::before {
  content: "\F1A56";
}

.mdi-lightbulb-on-outline::before {
  content: "\F06E9";
}

.mdi-lightbulb-outline::before {
  content: "\F0336";
}

.mdi-lightbulb-question::before {
  content: "\F19E3";
}

.mdi-lightbulb-question-outline::before {
  content: "\F19E4";
}

.mdi-lightbulb-spot::before {
  content: "\F17F4";
}

.mdi-lightbulb-spot-off::before {
  content: "\F17F5";
}

.mdi-lightbulb-variant::before {
  content: "\F1802";
}

.mdi-lightbulb-variant-outline::before {
  content: "\F1803";
}

.mdi-lighthouse::before {
  content: "\F09FF";
}

.mdi-lighthouse-on::before {
  content: "\F0A00";
}

.mdi-lightning-bolt::before {
  content: "\F140B";
}

.mdi-lightning-bolt-circle::before {
  content: "\F0820";
}

.mdi-lightning-bolt-outline::before {
  content: "\F140C";
}

.mdi-line-scan::before {
  content: "\F0624";
}

.mdi-lingerie::before {
  content: "\F1476";
}

.mdi-link::before {
  content: "\F0337";
}

.mdi-link-box::before {
  content: "\F0D1A";
}

.mdi-link-box-outline::before {
  content: "\F0D1B";
}

.mdi-link-box-variant::before {
  content: "\F0D1C";
}

.mdi-link-box-variant-outline::before {
  content: "\F0D1D";
}

.mdi-link-circle::before {
  content: "\F1CAC";
}

.mdi-link-circle-outline::before {
  content: "\F1CAD";
}

.mdi-link-edit::before {
  content: "\F1CAE";
}

.mdi-link-lock::before {
  content: "\F10BA";
}

.mdi-link-off::before {
  content: "\F0338";
}

.mdi-link-plus::before {
  content: "\F0C94";
}

.mdi-link-variant::before {
  content: "\F0339";
}

.mdi-link-variant-minus::before {
  content: "\F10FF";
}

.mdi-link-variant-off::before {
  content: "\F033A";
}

.mdi-link-variant-plus::before {
  content: "\F1100";
}

.mdi-link-variant-remove::before {
  content: "\F1101";
}

.mdi-linkedin::before {
  content: "\F033B";
}

.mdi-linux::before {
  content: "\F033D";
}

.mdi-linux-mint::before {
  content: "\F08ED";
}

.mdi-lipstick::before {
  content: "\F13B5";
}

.mdi-liquid-spot::before {
  content: "\F1826";
}

.mdi-liquor::before {
  content: "\F191E";
}

.mdi-list-box::before {
  content: "\F1B7B";
}

.mdi-list-box-outline::before {
  content: "\F1B7C";
}

.mdi-list-status::before {
  content: "\F15AB";
}

.mdi-litecoin::before {
  content: "\F0A61";
}

.mdi-loading::before {
  content: "\F0772";
}

.mdi-location-enter::before {
  content: "\F0FC4";
}

.mdi-location-exit::before {
  content: "\F0FC5";
}

.mdi-lock::before {
  content: "\F033E";
}

.mdi-lock-alert::before {
  content: "\F08EE";
}

.mdi-lock-alert-outline::before {
  content: "\F15D1";
}

.mdi-lock-check::before {
  content: "\F139A";
}

.mdi-lock-check-outline::before {
  content: "\F16A8";
}

.mdi-lock-clock::before {
  content: "\F097F";
}

.mdi-lock-minus::before {
  content: "\F16A9";
}

.mdi-lock-minus-outline::before {
  content: "\F16AA";
}

.mdi-lock-off::before {
  content: "\F1671";
}

.mdi-lock-off-outline::before {
  content: "\F1672";
}

.mdi-lock-open::before {
  content: "\F033F";
}

.mdi-lock-open-alert::before {
  content: "\F139B";
}

.mdi-lock-open-alert-outline::before {
  content: "\F15D2";
}

.mdi-lock-open-check::before {
  content: "\F139C";
}

.mdi-lock-open-check-outline::before {
  content: "\F16AB";
}

.mdi-lock-open-minus::before {
  content: "\F16AC";
}

.mdi-lock-open-minus-outline::before {
  content: "\F16AD";
}

.mdi-lock-open-outline::before {
  content: "\F0340";
}

.mdi-lock-open-plus::before {
  content: "\F16AE";
}

.mdi-lock-open-plus-outline::before {
  content: "\F16AF";
}

.mdi-lock-open-remove::before {
  content: "\F16B0";
}

.mdi-lock-open-remove-outline::before {
  content: "\F16B1";
}

.mdi-lock-open-variant::before {
  content: "\F0FC6";
}

.mdi-lock-open-variant-outline::before {
  content: "\F0FC7";
}

.mdi-lock-outline::before {
  content: "\F0341";
}

.mdi-lock-pattern::before {
  content: "\F06EA";
}

.mdi-lock-percent::before {
  content: "\F1C12";
}

.mdi-lock-percent-open::before {
  content: "\F1C13";
}

.mdi-lock-percent-open-outline::before {
  content: "\F1C14";
}

.mdi-lock-percent-open-variant::before {
  content: "\F1C15";
}

.mdi-lock-percent-open-variant-outline::before {
  content: "\F1C16";
}

.mdi-lock-percent-outline::before {
  content: "\F1C17";
}

.mdi-lock-plus::before {
  content: "\F05FB";
}

.mdi-lock-plus-outline::before {
  content: "\F16B2";
}

.mdi-lock-question::before {
  content: "\F08EF";
}

.mdi-lock-remove::before {
  content: "\F16B3";
}

.mdi-lock-remove-outline::before {
  content: "\F16B4";
}

.mdi-lock-reset::before {
  content: "\F0773";
}

.mdi-lock-smart::before {
  content: "\F08B2";
}

.mdi-locker::before {
  content: "\F07D7";
}

.mdi-locker-multiple::before {
  content: "\F07D8";
}

.mdi-login::before {
  content: "\F0342";
}

.mdi-login-variant::before {
  content: "\F05FC";
}

.mdi-logout::before {
  content: "\F0343";
}

.mdi-logout-variant::before {
  content: "\F05FD";
}

.mdi-longitude::before {
  content: "\F0F5A";
}

.mdi-looks::before {
  content: "\F0344";
}

.mdi-lotion::before {
  content: "\F1582";
}

.mdi-lotion-outline::before {
  content: "\F1583";
}

.mdi-lotion-plus::before {
  content: "\F1584";
}

.mdi-lotion-plus-outline::before {
  content: "\F1585";
}

.mdi-loupe::before {
  content: "\F0345";
}

.mdi-lumx::before {
  content: "\F0346";
}

.mdi-lungs::before {
  content: "\F1084";
}

.mdi-mace::before {
  content: "\F1843";
}

.mdi-magazine-pistol::before {
  content: "\F0324";
}

.mdi-magazine-rifle::before {
  content: "\F0323";
}

.mdi-magic-staff::before {
  content: "\F1844";
}

.mdi-magnet::before {
  content: "\F0347";
}

.mdi-magnet-on::before {
  content: "\F0348";
}

.mdi-magnify::before {
  content: "\F0349";
}

.mdi-magnify-close::before {
  content: "\F0980";
}

.mdi-magnify-expand::before {
  content: "\F1874";
}

.mdi-magnify-minus::before {
  content: "\F034A";
}

.mdi-magnify-minus-cursor::before {
  content: "\F0A62";
}

.mdi-magnify-minus-outline::before {
  content: "\F06EC";
}

.mdi-magnify-plus::before {
  content: "\F034B";
}

.mdi-magnify-plus-cursor::before {
  content: "\F0A63";
}

.mdi-magnify-plus-outline::before {
  content: "\F06ED";
}

.mdi-magnify-remove-cursor::before {
  content: "\F120C";
}

.mdi-magnify-remove-outline::before {
  content: "\F120D";
}

.mdi-magnify-scan::before {
  content: "\F1276";
}

.mdi-mail::before {
  content: "\F0EBB";
}

.mdi-mailbox::before {
  content: "\F06EE";
}

.mdi-mailbox-open::before {
  content: "\F0D88";
}

.mdi-mailbox-open-outline::before {
  content: "\F0D89";
}

.mdi-mailbox-open-up::before {
  content: "\F0D8A";
}

.mdi-mailbox-open-up-outline::before {
  content: "\F0D8B";
}

.mdi-mailbox-outline::before {
  content: "\F0D8C";
}

.mdi-mailbox-up::before {
  content: "\F0D8D";
}

.mdi-mailbox-up-outline::before {
  content: "\F0D8E";
}

.mdi-manjaro::before {
  content: "\F160A";
}

.mdi-map::before {
  content: "\F034D";
}

.mdi-map-check::before {
  content: "\F0EBC";
}

.mdi-map-check-outline::before {
  content: "\F0EBD";
}

.mdi-map-clock::before {
  content: "\F0D1E";
}

.mdi-map-clock-outline::before {
  content: "\F0D1F";
}

.mdi-map-legend::before {
  content: "\F0A01";
}

.mdi-map-marker::before {
  content: "\F034E";
}

.mdi-map-marker-account::before {
  content: "\F18E3";
}

.mdi-map-marker-account-outline::before {
  content: "\F18E4";
}

.mdi-map-marker-alert::before {
  content: "\F0F05";
}

.mdi-map-marker-alert-outline::before {
  content: "\F0F06";
}

.mdi-map-marker-check::before {
  content: "\F0C95";
}

.mdi-map-marker-check-outline::before {
  content: "\F12FB";
}

.mdi-map-marker-circle::before {
  content: "\F034F";
}

.mdi-map-marker-distance::before {
  content: "\F08F0";
}

.mdi-map-marker-down::before {
  content: "\F1102";
}

.mdi-map-marker-left::before {
  content: "\F12DB";
}

.mdi-map-marker-left-outline::before {
  content: "\F12DD";
}

.mdi-map-marker-minus::before {
  content: "\F0650";
}

.mdi-map-marker-minus-outline::before {
  content: "\F12F9";
}

.mdi-map-marker-multiple::before {
  content: "\F0350";
}

.mdi-map-marker-multiple-outline::before {
  content: "\F1277";
}

.mdi-map-marker-off::before {
  content: "\F0351";
}

.mdi-map-marker-off-outline::before {
  content: "\F12FD";
}

.mdi-map-marker-outline::before {
  content: "\F07D9";
}

.mdi-map-marker-path::before {
  content: "\F0D20";
}

.mdi-map-marker-plus::before {
  content: "\F0651";
}

.mdi-map-marker-plus-outline::before {
  content: "\F12F8";
}

.mdi-map-marker-question::before {
  content: "\F0F07";
}

.mdi-map-marker-question-outline::before {
  content: "\F0F08";
}

.mdi-map-marker-radius::before {
  content: "\F0352";
}

.mdi-map-marker-radius-outline::before {
  content: "\F12FC";
}

.mdi-map-marker-remove::before {
  content: "\F0F09";
}

.mdi-map-marker-remove-outline::before {
  content: "\F12FA";
}

.mdi-map-marker-remove-variant::before {
  content: "\F0F0A";
}

.mdi-map-marker-right::before {
  content: "\F12DC";
}

.mdi-map-marker-right-outline::before {
  content: "\F12DE";
}

.mdi-map-marker-star::before {
  content: "\F1608";
}

.mdi-map-marker-star-outline::before {
  content: "\F1609";
}

.mdi-map-marker-up::before {
  content: "\F1103";
}

.mdi-map-minus::before {
  content: "\F0981";
}

.mdi-map-outline::before {
  content: "\F0982";
}

.mdi-map-plus::before {
  content: "\F0983";
}

.mdi-map-search::before {
  content: "\F0984";
}

.mdi-map-search-outline::before {
  content: "\F0985";
}

.mdi-mapbox::before {
  content: "\F0BAA";
}

.mdi-margin::before {
  content: "\F0353";
}

.mdi-marker::before {
  content: "\F0652";
}

.mdi-marker-cancel::before {
  content: "\F0DD9";
}

.mdi-marker-check::before {
  content: "\F0355";
}

.mdi-mastodon::before {
  content: "\F0AD1";
}

.mdi-material-design::before {
  content: "\F0986";
}

.mdi-material-ui::before {
  content: "\F0357";
}

.mdi-math-compass::before {
  content: "\F0358";
}

.mdi-math-cos::before {
  content: "\F0C96";
}

.mdi-math-integral::before {
  content: "\F0FC8";
}

.mdi-math-integral-box::before {
  content: "\F0FC9";
}

.mdi-math-log::before {
  content: "\F1085";
}

.mdi-math-norm::before {
  content: "\F0FCA";
}

.mdi-math-norm-box::before {
  content: "\F0FCB";
}

.mdi-math-sin::before {
  content: "\F0C97";
}

.mdi-math-tan::before {
  content: "\F0C98";
}

.mdi-matrix::before {
  content: "\F0628";
}

.mdi-medal::before {
  content: "\F0987";
}

.mdi-medal-outline::before {
  content: "\F1326";
}

.mdi-medical-bag::before {
  content: "\F06EF";
}

.mdi-medical-cotton-swab::before {
  content: "\F1AB8";
}

.mdi-medication::before {
  content: "\F1B14";
}

.mdi-medication-outline::before {
  content: "\F1B15";
}

.mdi-meditation::before {
  content: "\F117B";
}

.mdi-memory::before {
  content: "\F035B";
}

.mdi-memory-arrow-down::before {
  content: "\F1CA6";
}

.mdi-menorah::before {
  content: "\F17D4";
}

.mdi-menorah-fire::before {
  content: "\F17D5";
}

.mdi-menu::before {
  content: "\F035C";
}

.mdi-menu-close::before {
  content: "\F1C90";
}

.mdi-menu-down::before {
  content: "\F035D";
}

.mdi-menu-down-outline::before {
  content: "\F06B6";
}

.mdi-menu-left::before {
  content: "\F035E";
}

.mdi-menu-left-outline::before {
  content: "\F0A02";
}

.mdi-menu-open::before {
  content: "\F0BAB";
}

.mdi-menu-right::before {
  content: "\F035F";
}

.mdi-menu-right-outline::before {
  content: "\F0A03";
}

.mdi-menu-swap::before {
  content: "\F0A64";
}

.mdi-menu-swap-outline::before {
  content: "\F0A65";
}

.mdi-menu-up::before {
  content: "\F0360";
}

.mdi-menu-up-outline::before {
  content: "\F06B7";
}

.mdi-merge::before {
  content: "\F0F5C";
}

.mdi-message::before {
  content: "\F0361";
}

.mdi-message-alert::before {
  content: "\F0362";
}

.mdi-message-alert-outline::before {
  content: "\F0A04";
}

.mdi-message-arrow-left::before {
  content: "\F12F2";
}

.mdi-message-arrow-left-outline::before {
  content: "\F12F3";
}

.mdi-message-arrow-right::before {
  content: "\F12F4";
}

.mdi-message-arrow-right-outline::before {
  content: "\F12F5";
}

.mdi-message-badge::before {
  content: "\F1941";
}

.mdi-message-badge-outline::before {
  content: "\F1942";
}

.mdi-message-bookmark::before {
  content: "\F15AC";
}

.mdi-message-bookmark-outline::before {
  content: "\F15AD";
}

.mdi-message-bulleted::before {
  content: "\F06A2";
}

.mdi-message-bulleted-off::before {
  content: "\F06A3";
}

.mdi-message-check::before {
  content: "\F1B8A";
}

.mdi-message-check-outline::before {
  content: "\F1B8B";
}

.mdi-message-cog::before {
  content: "\F06F1";
}

.mdi-message-cog-outline::before {
  content: "\F1172";
}

.mdi-message-draw::before {
  content: "\F0363";
}

.mdi-message-fast::before {
  content: "\F19CC";
}

.mdi-message-fast-outline::before {
  content: "\F19CD";
}

.mdi-message-flash::before {
  content: "\F15A9";
}

.mdi-message-flash-outline::before {
  content: "\F15AA";
}

.mdi-message-image::before {
  content: "\F0364";
}

.mdi-message-image-outline::before {
  content: "\F116C";
}

.mdi-message-lock::before {
  content: "\F0FCC";
}

.mdi-message-lock-outline::before {
  content: "\F116D";
}

.mdi-message-minus::before {
  content: "\F116E";
}

.mdi-message-minus-outline::before {
  content: "\F116F";
}

.mdi-message-off::before {
  content: "\F164D";
}

.mdi-message-off-outline::before {
  content: "\F164E";
}

.mdi-message-outline::before {
  content: "\F0365";
}

.mdi-message-plus::before {
  content: "\F0653";
}

.mdi-message-plus-outline::before {
  content: "\F10BB";
}

.mdi-message-processing::before {
  content: "\F0366";
}

.mdi-message-processing-outline::before {
  content: "\F1170";
}

.mdi-message-question::before {
  content: "\F173A";
}

.mdi-message-question-outline::before {
  content: "\F173B";
}

.mdi-message-reply::before {
  content: "\F0367";
}

.mdi-message-reply-outline::before {
  content: "\F173D";
}

.mdi-message-reply-text::before {
  content: "\F0368";
}

.mdi-message-reply-text-outline::before {
  content: "\F173E";
}

.mdi-message-settings::before {
  content: "\F06F0";
}

.mdi-message-settings-outline::before {
  content: "\F1171";
}

.mdi-message-star::before {
  content: "\F069A";
}

.mdi-message-star-outline::before {
  content: "\F1250";
}

.mdi-message-text::before {
  content: "\F0369";
}

.mdi-message-text-clock::before {
  content: "\F1173";
}

.mdi-message-text-clock-outline::before {
  content: "\F1174";
}

.mdi-message-text-fast::before {
  content: "\F19CE";
}

.mdi-message-text-fast-outline::before {
  content: "\F19CF";
}

.mdi-message-text-lock::before {
  content: "\F0FCD";
}

.mdi-message-text-lock-outline::before {
  content: "\F1175";
}

.mdi-message-text-outline::before {
  content: "\F036A";
}

.mdi-message-video::before {
  content: "\F036B";
}

.mdi-meteor::before {
  content: "\F0629";
}

.mdi-meter-electric::before {
  content: "\F1A57";
}

.mdi-meter-electric-outline::before {
  content: "\F1A58";
}

.mdi-meter-gas::before {
  content: "\F1A59";
}

.mdi-meter-gas-outline::before {
  content: "\F1A5A";
}

.mdi-metronome::before {
  content: "\F07DA";
}

.mdi-metronome-tick::before {
  content: "\F07DB";
}

.mdi-micro-sd::before {
  content: "\F07DC";
}

.mdi-microphone::before {
  content: "\F036C";
}

.mdi-microphone-message::before {
  content: "\F050A";
}

.mdi-microphone-message-off::before {
  content: "\F050B";
}

.mdi-microphone-minus::before {
  content: "\F08B3";
}

.mdi-microphone-off::before {
  content: "\F036D";
}

.mdi-microphone-outline::before {
  content: "\F036E";
}

.mdi-microphone-plus::before {
  content: "\F08B4";
}

.mdi-microphone-question::before {
  content: "\F1989";
}

.mdi-microphone-question-outline::before {
  content: "\F198A";
}

.mdi-microphone-settings::before {
  content: "\F036F";
}

.mdi-microphone-variant::before {
  content: "\F0370";
}

.mdi-microphone-variant-off::before {
  content: "\F0371";
}

.mdi-microscope::before {
  content: "\F0654";
}

.mdi-microsoft::before {
  content: "\F0372";
}

.mdi-microsoft-access::before {
  content: "\F138E";
}

.mdi-microsoft-azure::before {
  content: "\F0805";
}

.mdi-microsoft-azure-devops::before {
  content: "\F0FD5";
}

.mdi-microsoft-bing::before {
  content: "\F00A4";
}

.mdi-microsoft-dynamics-365::before {
  content: "\F0988";
}

.mdi-microsoft-edge::before {
  content: "\F01E9";
}

.mdi-microsoft-excel::before {
  content: "\F138F";
}

.mdi-microsoft-internet-explorer::before {
  content: "\F0300";
}

.mdi-microsoft-office::before {
  content: "\F03C6";
}

.mdi-microsoft-onedrive::before {
  content: "\F03CA";
}

.mdi-microsoft-onenote::before {
  content: "\F0747";
}

.mdi-microsoft-outlook::before {
  content: "\F0D22";
}

.mdi-microsoft-powerpoint::before {
  content: "\F1390";
}

.mdi-microsoft-sharepoint::before {
  content: "\F1391";
}

.mdi-microsoft-teams::before {
  content: "\F02BB";
}

.mdi-microsoft-visual-studio::before {
  content: "\F0610";
}

.mdi-microsoft-visual-studio-code::before {
  content: "\F0A1E";
}

.mdi-microsoft-windows::before {
  content: "\F05B3";
}

.mdi-microsoft-windows-classic::before {
  content: "\F0A21";
}

.mdi-microsoft-word::before {
  content: "\F1392";
}

.mdi-microsoft-xbox::before {
  content: "\F05B9";
}

.mdi-microsoft-xbox-controller::before {
  content: "\F05BA";
}

.mdi-microsoft-xbox-controller-battery-alert::before {
  content: "\F074B";
}

.mdi-microsoft-xbox-controller-battery-charging::before {
  content: "\F0A22";
}

.mdi-microsoft-xbox-controller-battery-empty::before {
  content: "\F074C";
}

.mdi-microsoft-xbox-controller-battery-full::before {
  content: "\F074D";
}

.mdi-microsoft-xbox-controller-battery-low::before {
  content: "\F074E";
}

.mdi-microsoft-xbox-controller-battery-medium::before {
  content: "\F074F";
}

.mdi-microsoft-xbox-controller-battery-unknown::before {
  content: "\F0750";
}

.mdi-microsoft-xbox-controller-menu::before {
  content: "\F0E6F";
}

.mdi-microsoft-xbox-controller-off::before {
  content: "\F05BB";
}

.mdi-microsoft-xbox-controller-view::before {
  content: "\F0E70";
}

.mdi-microwave::before {
  content: "\F0C99";
}

.mdi-microwave-off::before {
  content: "\F1423";
}

.mdi-middleware::before {
  content: "\F0F5D";
}

.mdi-middleware-outline::before {
  content: "\F0F5E";
}

.mdi-midi::before {
  content: "\F08F1";
}

.mdi-midi-port::before {
  content: "\F08F2";
}

.mdi-mine::before {
  content: "\F0DDA";
}

.mdi-minecraft::before {
  content: "\F0373";
}

.mdi-mini-sd::before {
  content: "\F0A05";
}

.mdi-minidisc::before {
  content: "\F0A06";
}

.mdi-minus::before {
  content: "\F0374";
}

.mdi-minus-box::before {
  content: "\F0375";
}

.mdi-minus-box-multiple::before {
  content: "\F1141";
}

.mdi-minus-box-multiple-outline::before {
  content: "\F1142";
}

.mdi-minus-box-outline::before {
  content: "\F06F2";
}

.mdi-minus-circle::before {
  content: "\F0376";
}

.mdi-minus-circle-multiple::before {
  content: "\F035A";
}

.mdi-minus-circle-multiple-outline::before {
  content: "\F0AD3";
}

.mdi-minus-circle-off::before {
  content: "\F1459";
}

.mdi-minus-circle-off-outline::before {
  content: "\F145A";
}

.mdi-minus-circle-outline::before {
  content: "\F0377";
}

.mdi-minus-network::before {
  content: "\F0378";
}

.mdi-minus-network-outline::before {
  content: "\F0C9A";
}

.mdi-minus-thick::before {
  content: "\F1639";
}

.mdi-mirror::before {
  content: "\F11FD";
}

.mdi-mirror-rectangle::before {
  content: "\F179F";
}

.mdi-mirror-variant::before {
  content: "\F17A0";
}

.mdi-mixed-martial-arts::before {
  content: "\F0D8F";
}

.mdi-mixed-reality::before {
  content: "\F087F";
}

.mdi-molecule::before {
  content: "\F0BAC";
}

.mdi-molecule-co::before {
  content: "\F12FE";
}

.mdi-molecule-co2::before {
  content: "\F07E4";
}

.mdi-monitor::before {
  content: "\F0379";
}

.mdi-monitor-account::before {
  content: "\F1A5B";
}

.mdi-monitor-arrow-down::before {
  content: "\F19D0";
}

.mdi-monitor-arrow-down-variant::before {
  content: "\F19D1";
}

.mdi-monitor-cellphone::before {
  content: "\F0989";
}

.mdi-monitor-cellphone-star::before {
  content: "\F098A";
}

.mdi-monitor-dashboard::before {
  content: "\F0A07";
}

.mdi-monitor-edit::before {
  content: "\F12C6";
}

.mdi-monitor-eye::before {
  content: "\F13B4";
}

.mdi-monitor-lock::before {
  content: "\F0DDB";
}

.mdi-monitor-multiple::before {
  content: "\F037A";
}

.mdi-monitor-off::before {
  content: "\F0D90";
}

.mdi-monitor-screenshot::before {
  content: "\F0E51";
}

.mdi-monitor-share::before {
  content: "\F1483";
}

.mdi-monitor-shimmer::before {
  content: "\F1104";
}

.mdi-monitor-small::before {
  content: "\F1876";
}

.mdi-monitor-speaker::before {
  content: "\F0F5F";
}

.mdi-monitor-speaker-off::before {
  content: "\F0F60";
}

.mdi-monitor-star::before {
  content: "\F0DDC";
}

.mdi-monitor-vertical::before {
  content: "\F1C33";
}

.mdi-moon-first-quarter::before {
  content: "\F0F61";
}

.mdi-moon-full::before {
  content: "\F0F62";
}

.mdi-moon-last-quarter::before {
  content: "\F0F63";
}

.mdi-moon-new::before {
  content: "\F0F64";
}

.mdi-moon-waning-crescent::before {
  content: "\F0F65";
}

.mdi-moon-waning-gibbous::before {
  content: "\F0F66";
}

.mdi-moon-waxing-crescent::before {
  content: "\F0F67";
}

.mdi-moon-waxing-gibbous::before {
  content: "\F0F68";
}

.mdi-moped::before {
  content: "\F1086";
}

.mdi-moped-electric::before {
  content: "\F15B7";
}

.mdi-moped-electric-outline::before {
  content: "\F15B8";
}

.mdi-moped-outline::before {
  content: "\F15B9";
}

.mdi-more::before {
  content: "\F037B";
}

.mdi-mortar-pestle::before {
  content: "\F1748";
}

.mdi-mortar-pestle-plus::before {
  content: "\F03F1";
}

.mdi-mosque::before {
  content: "\F0D45";
}

.mdi-mosque-outline::before {
  content: "\F1827";
}

.mdi-mother-heart::before {
  content: "\F1314";
}

.mdi-mother-nurse::before {
  content: "\F0D21";
}

.mdi-motion::before {
  content: "\F15B2";
}

.mdi-motion-outline::before {
  content: "\F15B3";
}

.mdi-motion-pause::before {
  content: "\F1590";
}

.mdi-motion-pause-outline::before {
  content: "\F1592";
}

.mdi-motion-play::before {
  content: "\F158F";
}

.mdi-motion-play-outline::before {
  content: "\F1591";
}

.mdi-motion-sensor::before {
  content: "\F0D91";
}

.mdi-motion-sensor-off::before {
  content: "\F1435";
}

.mdi-motorbike::before {
  content: "\F037C";
}

.mdi-motorbike-electric::before {
  content: "\F15BA";
}

.mdi-motorbike-off::before {
  content: "\F1B16";
}

.mdi-mouse::before {
  content: "\F037D";
}

.mdi-mouse-bluetooth::before {
  content: "\F098B";
}

.mdi-mouse-left-click::before {
  content: "\F1D07";
}

.mdi-mouse-left-click-outline::before {
  content: "\F1D08";
}

.mdi-mouse-move-down::before {
  content: "\F1550";
}

.mdi-mouse-move-up::before {
  content: "\F1551";
}

.mdi-mouse-move-vertical::before {
  content: "\F1552";
}

.mdi-mouse-off::before {
  content: "\F037E";
}

.mdi-mouse-outline::before {
  content: "\F1D09";
}

.mdi-mouse-right-click::before {
  content: "\F1D0A";
}

.mdi-mouse-right-click-outline::before {
  content: "\F1D0B";
}

.mdi-mouse-scroll-wheel::before {
  content: "\F1D0C";
}

.mdi-mouse-variant::before {
  content: "\F037F";
}

.mdi-mouse-variant-off::before {
  content: "\F0380";
}

.mdi-move-resize::before {
  content: "\F0655";
}

.mdi-move-resize-variant::before {
  content: "\F0656";
}

.mdi-movie::before {
  content: "\F0381";
}

.mdi-movie-check::before {
  content: "\F16F3";
}

.mdi-movie-check-outline::before {
  content: "\F16F4";
}

.mdi-movie-cog::before {
  content: "\F16F5";
}

.mdi-movie-cog-outline::before {
  content: "\F16F6";
}

.mdi-movie-edit::before {
  content: "\F1122";
}

.mdi-movie-edit-outline::before {
  content: "\F1123";
}

.mdi-movie-filter::before {
  content: "\F1124";
}

.mdi-movie-filter-outline::before {
  content: "\F1125";
}

.mdi-movie-minus::before {
  content: "\F16F7";
}

.mdi-movie-minus-outline::before {
  content: "\F16F8";
}

.mdi-movie-off::before {
  content: "\F16F9";
}

.mdi-movie-off-outline::before {
  content: "\F16FA";
}

.mdi-movie-open::before {
  content: "\F0FCE";
}

.mdi-movie-open-check::before {
  content: "\F16FB";
}

.mdi-movie-open-check-outline::before {
  content: "\F16FC";
}

.mdi-movie-open-cog::before {
  content: "\F16FD";
}

.mdi-movie-open-cog-outline::before {
  content: "\F16FE";
}

.mdi-movie-open-edit::before {
  content: "\F16FF";
}

.mdi-movie-open-edit-outline::before {
  content: "\F1700";
}

.mdi-movie-open-minus::before {
  content: "\F1701";
}

.mdi-movie-open-minus-outline::before {
  content: "\F1702";
}

.mdi-movie-open-off::before {
  content: "\F1703";
}

.mdi-movie-open-off-outline::before {
  content: "\F1704";
}

.mdi-movie-open-outline::before {
  content: "\F0FCF";
}

.mdi-movie-open-play::before {
  content: "\F1705";
}

.mdi-movie-open-play-outline::before {
  content: "\F1706";
}

.mdi-movie-open-plus::before {
  content: "\F1707";
}

.mdi-movie-open-plus-outline::before {
  content: "\F1708";
}

.mdi-movie-open-remove::before {
  content: "\F1709";
}

.mdi-movie-open-remove-outline::before {
  content: "\F170A";
}

.mdi-movie-open-settings::before {
  content: "\F170B";
}

.mdi-movie-open-settings-outline::before {
  content: "\F170C";
}

.mdi-movie-open-star::before {
  content: "\F170D";
}

.mdi-movie-open-star-outline::before {
  content: "\F170E";
}

.mdi-movie-outline::before {
  content: "\F0DDD";
}

.mdi-movie-play::before {
  content: "\F170F";
}

.mdi-movie-play-outline::before {
  content: "\F1710";
}

.mdi-movie-plus::before {
  content: "\F1711";
}

.mdi-movie-plus-outline::before {
  content: "\F1712";
}

.mdi-movie-remove::before {
  content: "\F1713";
}

.mdi-movie-remove-outline::before {
  content: "\F1714";
}

.mdi-movie-roll::before {
  content: "\F07DE";
}

.mdi-movie-search::before {
  content: "\F11D2";
}

.mdi-movie-search-outline::before {
  content: "\F11D3";
}

.mdi-movie-settings::before {
  content: "\F1715";
}

.mdi-movie-settings-outline::before {
  content: "\F1716";
}

.mdi-movie-star::before {
  content: "\F1717";
}

.mdi-movie-star-outline::before {
  content: "\F1718";
}

.mdi-mower::before {
  content: "\F166F";
}

.mdi-mower-bag::before {
  content: "\F1670";
}

.mdi-mower-bag-on::before {
  content: "\F1B60";
}

.mdi-mower-on::before {
  content: "\F1B5F";
}

.mdi-muffin::before {
  content: "\F098C";
}

.mdi-multicast::before {
  content: "\F1893";
}

.mdi-multimedia::before {
  content: "\F1B97";
}

.mdi-multiplication::before {
  content: "\F0382";
}

.mdi-multiplication-box::before {
  content: "\F0383";
}

.mdi-mushroom::before {
  content: "\F07DF";
}

.mdi-mushroom-off::before {
  content: "\F13FA";
}

.mdi-mushroom-off-outline::before {
  content: "\F13FB";
}

.mdi-mushroom-outline::before {
  content: "\F07E0";
}

.mdi-music::before {
  content: "\F075A";
}

.mdi-music-accidental-double-flat::before {
  content: "\F0F69";
}

.mdi-music-accidental-double-sharp::before {
  content: "\F0F6A";
}

.mdi-music-accidental-flat::before {
  content: "\F0F6B";
}

.mdi-music-accidental-natural::before {
  content: "\F0F6C";
}

.mdi-music-accidental-sharp::before {
  content: "\F0F6D";
}

.mdi-music-box::before {
  content: "\F0384";
}

.mdi-music-box-multiple::before {
  content: "\F0333";
}

.mdi-music-box-multiple-outline::before {
  content: "\F0F04";
}

.mdi-music-box-outline::before {
  content: "\F0385";
}

.mdi-music-circle::before {
  content: "\F0386";
}

.mdi-music-circle-outline::before {
  content: "\F0AD4";
}

.mdi-music-clef-alto::before {
  content: "\F0F6E";
}

.mdi-music-clef-bass::before {
  content: "\F0F6F";
}

.mdi-music-clef-treble::before {
  content: "\F0F70";
}

.mdi-music-note::before {
  content: "\F0387";
}

.mdi-music-note-bluetooth::before {
  content: "\F05FE";
}

.mdi-music-note-bluetooth-off::before {
  content: "\F05FF";
}

.mdi-music-note-eighth::before {
  content: "\F0388";
}

.mdi-music-note-eighth-dotted::before {
  content: "\F0F71";
}

.mdi-music-note-half::before {
  content: "\F0389";
}

.mdi-music-note-half-dotted::before {
  content: "\F0F72";
}

.mdi-music-note-minus::before {
  content: "\F1B89";
}

.mdi-music-note-off::before {
  content: "\F038A";
}

.mdi-music-note-off-outline::before {
  content: "\F0F73";
}

.mdi-music-note-outline::before {
  content: "\F0F74";
}

.mdi-music-note-plus::before {
  content: "\F0DDE";
}

.mdi-music-note-quarter::before {
  content: "\F038B";
}

.mdi-music-note-quarter-dotted::before {
  content: "\F0F75";
}

.mdi-music-note-sixteenth::before {
  content: "\F038C";
}

.mdi-music-note-sixteenth-dotted::before {
  content: "\F0F76";
}

.mdi-music-note-whole::before {
  content: "\F038D";
}

.mdi-music-note-whole-dotted::before {
  content: "\F0F77";
}

.mdi-music-off::before {
  content: "\F075B";
}

.mdi-music-rest-eighth::before {
  content: "\F0F78";
}

.mdi-music-rest-half::before {
  content: "\F0F79";
}

.mdi-music-rest-quarter::before {
  content: "\F0F7A";
}

.mdi-music-rest-sixteenth::before {
  content: "\F0F7B";
}

.mdi-music-rest-whole::before {
  content: "\F0F7C";
}

.mdi-mustache::before {
  content: "\F15DE";
}

.mdi-nail::before {
  content: "\F0DDF";
}

.mdi-nas::before {
  content: "\F08F3";
}

.mdi-nativescript::before {
  content: "\F0880";
}

.mdi-nature::before {
  content: "\F038E";
}

.mdi-nature-outline::before {
  content: "\F1C71";
}

.mdi-nature-people::before {
  content: "\F038F";
}

.mdi-nature-people-outline::before {
  content: "\F1C72";
}

.mdi-navigation::before {
  content: "\F0390";
}

.mdi-navigation-outline::before {
  content: "\F1607";
}

.mdi-navigation-variant::before {
  content: "\F18F0";
}

.mdi-navigation-variant-outline::before {
  content: "\F18F1";
}

.mdi-near-me::before {
  content: "\F05CD";
}

.mdi-necklace::before {
  content: "\F0F0B";
}

.mdi-needle::before {
  content: "\F0391";
}

.mdi-needle-off::before {
  content: "\F19D2";
}

.mdi-netflix::before {
  content: "\F0746";
}

.mdi-network::before {
  content: "\F06F3";
}

.mdi-network-off::before {
  content: "\F0C9B";
}

.mdi-network-off-outline::before {
  content: "\F0C9C";
}

.mdi-network-outline::before {
  content: "\F0C9D";
}

.mdi-network-pos::before {
  content: "\F1ACB";
}

.mdi-network-strength-1::before {
  content: "\F08F4";
}

.mdi-network-strength-1-alert::before {
  content: "\F08F5";
}

.mdi-network-strength-2::before {
  content: "\F08F6";
}

.mdi-network-strength-2-alert::before {
  content: "\F08F7";
}

.mdi-network-strength-3::before {
  content: "\F08F8";
}

.mdi-network-strength-3-alert::before {
  content: "\F08F9";
}

.mdi-network-strength-4::before {
  content: "\F08FA";
}

.mdi-network-strength-4-alert::before {
  content: "\F08FB";
}

.mdi-network-strength-4-cog::before {
  content: "\F191A";
}

.mdi-network-strength-off::before {
  content: "\F08FC";
}

.mdi-network-strength-off-outline::before {
  content: "\F08FD";
}

.mdi-network-strength-outline::before {
  content: "\F08FE";
}

.mdi-new-box::before {
  content: "\F0394";
}

.mdi-newspaper::before {
  content: "\F0395";
}

.mdi-newspaper-check::before {
  content: "\F1943";
}

.mdi-newspaper-minus::before {
  content: "\F0F0C";
}

.mdi-newspaper-plus::before {
  content: "\F0F0D";
}

.mdi-newspaper-remove::before {
  content: "\F1944";
}

.mdi-newspaper-variant::before {
  content: "\F1001";
}

.mdi-newspaper-variant-multiple::before {
  content: "\F1002";
}

.mdi-newspaper-variant-multiple-outline::before {
  content: "\F1003";
}

.mdi-newspaper-variant-outline::before {
  content: "\F1004";
}

.mdi-nfc::before {
  content: "\F0396";
}

.mdi-nfc-search-variant::before {
  content: "\F0E53";
}

.mdi-nfc-tap::before {
  content: "\F0397";
}

.mdi-nfc-variant::before {
  content: "\F0398";
}

.mdi-nfc-variant-off::before {
  content: "\F0E54";
}

.mdi-ninja::before {
  content: "\F0774";
}

.mdi-nintendo-game-boy::before {
  content: "\F1393";
}

.mdi-nintendo-switch::before {
  content: "\F07E1";
}

.mdi-nintendo-wii::before {
  content: "\F05AB";
}

.mdi-nintendo-wiiu::before {
  content: "\F072D";
}

.mdi-nix::before {
  content: "\F1105";
}

.mdi-nodejs::before {
  content: "\F0399";
}

.mdi-noodles::before {
  content: "\F117E";
}

.mdi-not-equal::before {
  content: "\F098D";
}

.mdi-not-equal-variant::before {
  content: "\F098E";
}

.mdi-note::before {
  content: "\F039A";
}

.mdi-note-alert::before {
  content: "\F177D";
}

.mdi-note-alert-outline::before {
  content: "\F177E";
}

.mdi-note-check::before {
  content: "\F177F";
}

.mdi-note-check-outline::before {
  content: "\F1780";
}

.mdi-note-edit::before {
  content: "\F1781";
}

.mdi-note-edit-outline::before {
  content: "\F1782";
}

.mdi-note-minus::before {
  content: "\F164F";
}

.mdi-note-minus-outline::before {
  content: "\F1650";
}

.mdi-note-multiple::before {
  content: "\F06B8";
}

.mdi-note-multiple-outline::before {
  content: "\F06B9";
}

.mdi-note-off::before {
  content: "\F1783";
}

.mdi-note-off-outline::before {
  content: "\F1784";
}

.mdi-note-outline::before {
  content: "\F039B";
}

.mdi-note-plus::before {
  content: "\F039C";
}

.mdi-note-plus-outline::before {
  content: "\F039D";
}

.mdi-note-remove::before {
  content: "\F1651";
}

.mdi-note-remove-outline::before {
  content: "\F1652";
}

.mdi-note-search::before {
  content: "\F1653";
}

.mdi-note-search-outline::before {
  content: "\F1654";
}

.mdi-note-text::before {
  content: "\F039E";
}

.mdi-note-text-outline::before {
  content: "\F11D7";
}

.mdi-notebook::before {
  content: "\F082E";
}

.mdi-notebook-check::before {
  content: "\F14F5";
}

.mdi-notebook-check-outline::before {
  content: "\F14F6";
}

.mdi-notebook-edit::before {
  content: "\F14E7";
}

.mdi-notebook-edit-outline::before {
  content: "\F14E9";
}

.mdi-notebook-heart::before {
  content: "\F1A0B";
}

.mdi-notebook-heart-outline::before {
  content: "\F1A0C";
}

.mdi-notebook-minus::before {
  content: "\F1610";
}

.mdi-notebook-minus-outline::before {
  content: "\F1611";
}

.mdi-notebook-multiple::before {
  content: "\F0E55";
}

.mdi-notebook-outline::before {
  content: "\F0EBF";
}

.mdi-notebook-plus::before {
  content: "\F1612";
}

.mdi-notebook-plus-outline::before {
  content: "\F1613";
}

.mdi-notebook-remove::before {
  content: "\F1614";
}

.mdi-notebook-remove-outline::before {
  content: "\F1615";
}

.mdi-notification-clear-all::before {
  content: "\F039F";
}

.mdi-npm::before {
  content: "\F06F7";
}

.mdi-nuke::before {
  content: "\F06A4";
}

.mdi-null::before {
  content: "\F07E2";
}

.mdi-numeric::before {
  content: "\F03A0";
}

.mdi-numeric-0::before {
  content: "\F0B39";
}

.mdi-numeric-0-box::before {
  content: "\F03A1";
}

.mdi-numeric-0-box-multiple::before {
  content: "\F0F0E";
}

.mdi-numeric-0-box-multiple-outline::before {
  content: "\F03A2";
}

.mdi-numeric-0-box-outline::before {
  content: "\F03A3";
}

.mdi-numeric-0-circle::before {
  content: "\F0C9E";
}

.mdi-numeric-0-circle-outline::before {
  content: "\F0C9F";
}

.mdi-numeric-1::before {
  content: "\F0B3A";
}

.mdi-numeric-1-box::before {
  content: "\F03A4";
}

.mdi-numeric-1-box-multiple::before {
  content: "\F0F0F";
}

.mdi-numeric-1-box-multiple-outline::before {
  content: "\F03A5";
}

.mdi-numeric-1-box-outline::before {
  content: "\F03A6";
}

.mdi-numeric-1-circle::before {
  content: "\F0CA0";
}

.mdi-numeric-1-circle-outline::before {
  content: "\F0CA1";
}

.mdi-numeric-10::before {
  content: "\F0FE9";
}

.mdi-numeric-10-box::before {
  content: "\F0F7D";
}

.mdi-numeric-10-box-multiple::before {
  content: "\F0FEA";
}

.mdi-numeric-10-box-multiple-outline::before {
  content: "\F0FEB";
}

.mdi-numeric-10-box-outline::before {
  content: "\F0F7E";
}

.mdi-numeric-10-circle::before {
  content: "\F0FEC";
}

.mdi-numeric-10-circle-outline::before {
  content: "\F0FED";
}

.mdi-numeric-2::before {
  content: "\F0B3B";
}

.mdi-numeric-2-box::before {
  content: "\F03A7";
}

.mdi-numeric-2-box-multiple::before {
  content: "\F0F10";
}

.mdi-numeric-2-box-multiple-outline::before {
  content: "\F03A8";
}

.mdi-numeric-2-box-outline::before {
  content: "\F03A9";
}

.mdi-numeric-2-circle::before {
  content: "\F0CA2";
}

.mdi-numeric-2-circle-outline::before {
  content: "\F0CA3";
}

.mdi-numeric-3::before {
  content: "\F0B3C";
}

.mdi-numeric-3-box::before {
  content: "\F03AA";
}

.mdi-numeric-3-box-multiple::before {
  content: "\F0F11";
}

.mdi-numeric-3-box-multiple-outline::before {
  content: "\F03AB";
}

.mdi-numeric-3-box-outline::before {
  content: "\F03AC";
}

.mdi-numeric-3-circle::before {
  content: "\F0CA4";
}

.mdi-numeric-3-circle-outline::before {
  content: "\F0CA5";
}

.mdi-numeric-4::before {
  content: "\F0B3D";
}

.mdi-numeric-4-box::before {
  content: "\F03AD";
}

.mdi-numeric-4-box-multiple::before {
  content: "\F0F12";
}

.mdi-numeric-4-box-multiple-outline::before {
  content: "\F03B2";
}

.mdi-numeric-4-box-outline::before {
  content: "\F03AE";
}

.mdi-numeric-4-circle::before {
  content: "\F0CA6";
}

.mdi-numeric-4-circle-outline::before {
  content: "\F0CA7";
}

.mdi-numeric-5::before {
  content: "\F0B3E";
}

.mdi-numeric-5-box::before {
  content: "\F03B1";
}

.mdi-numeric-5-box-multiple::before {
  content: "\F0F13";
}

.mdi-numeric-5-box-multiple-outline::before {
  content: "\F03AF";
}

.mdi-numeric-5-box-outline::before {
  content: "\F03B0";
}

.mdi-numeric-5-circle::before {
  content: "\F0CA8";
}

.mdi-numeric-5-circle-outline::before {
  content: "\F0CA9";
}

.mdi-numeric-6::before {
  content: "\F0B3F";
}

.mdi-numeric-6-box::before {
  content: "\F03B3";
}

.mdi-numeric-6-box-multiple::before {
  content: "\F0F14";
}

.mdi-numeric-6-box-multiple-outline::before {
  content: "\F03B4";
}

.mdi-numeric-6-box-outline::before {
  content: "\F03B5";
}

.mdi-numeric-6-circle::before {
  content: "\F0CAA";
}

.mdi-numeric-6-circle-outline::before {
  content: "\F0CAB";
}

.mdi-numeric-7::before {
  content: "\F0B40";
}

.mdi-numeric-7-box::before {
  content: "\F03B6";
}

.mdi-numeric-7-box-multiple::before {
  content: "\F0F15";
}

.mdi-numeric-7-box-multiple-outline::before {
  content: "\F03B7";
}

.mdi-numeric-7-box-outline::before {
  content: "\F03B8";
}

.mdi-numeric-7-circle::before {
  content: "\F0CAC";
}

.mdi-numeric-7-circle-outline::before {
  content: "\F0CAD";
}

.mdi-numeric-8::before {
  content: "\F0B41";
}

.mdi-numeric-8-box::before {
  content: "\F03B9";
}

.mdi-numeric-8-box-multiple::before {
  content: "\F0F16";
}

.mdi-numeric-8-box-multiple-outline::before {
  content: "\F03BA";
}

.mdi-numeric-8-box-outline::before {
  content: "\F03BB";
}

.mdi-numeric-8-circle::before {
  content: "\F0CAE";
}

.mdi-numeric-8-circle-outline::before {
  content: "\F0CAF";
}

.mdi-numeric-9::before {
  content: "\F0B42";
}

.mdi-numeric-9-box::before {
  content: "\F03BC";
}

.mdi-numeric-9-box-multiple::before {
  content: "\F0F17";
}

.mdi-numeric-9-box-multiple-outline::before {
  content: "\F03BD";
}

.mdi-numeric-9-box-outline::before {
  content: "\F03BE";
}

.mdi-numeric-9-circle::before {
  content: "\F0CB0";
}

.mdi-numeric-9-circle-outline::before {
  content: "\F0CB1";
}

.mdi-numeric-9-plus::before {
  content: "\F0FEE";
}

.mdi-numeric-9-plus-box::before {
  content: "\F03BF";
}

.mdi-numeric-9-plus-box-multiple::before {
  content: "\F0F18";
}

.mdi-numeric-9-plus-box-multiple-outline::before {
  content: "\F03C0";
}

.mdi-numeric-9-plus-box-outline::before {
  content: "\F03C1";
}

.mdi-numeric-9-plus-circle::before {
  content: "\F0CB2";
}

.mdi-numeric-9-plus-circle-outline::before {
  content: "\F0CB3";
}

.mdi-numeric-negative-1::before {
  content: "\F1052";
}

.mdi-numeric-off::before {
  content: "\F19D3";
}

.mdi-numeric-positive-1::before {
  content: "\F15CB";
}

.mdi-nut::before {
  content: "\F06F8";
}

.mdi-nutrition::before {
  content: "\F03C2";
}

.mdi-nuxt::before {
  content: "\F1106";
}

.mdi-oar::before {
  content: "\F067C";
}

.mdi-ocarina::before {
  content: "\F0DE0";
}

.mdi-oci::before {
  content: "\F12E9";
}

.mdi-ocr::before {
  content: "\F113A";
}

.mdi-octagon::before {
  content: "\F03C3";
}

.mdi-octagon-outline::before {
  content: "\F03C4";
}

.mdi-octagram::before {
  content: "\F06F9";
}

.mdi-octagram-edit::before {
  content: "\F1C34";
}

.mdi-octagram-edit-outline::before {
  content: "\F1C35";
}

.mdi-octagram-minus::before {
  content: "\F1C36";
}

.mdi-octagram-minus-outline::before {
  content: "\F1C37";
}

.mdi-octagram-outline::before {
  content: "\F0775";
}

.mdi-octagram-plus::before {
  content: "\F1C38";
}

.mdi-octagram-plus-outline::before {
  content: "\F1C39";
}

.mdi-octahedron::before {
  content: "\F1950";
}

.mdi-octahedron-off::before {
  content: "\F1951";
}

.mdi-odnoklassniki::before {
  content: "\F03C5";
}

.mdi-offer::before {
  content: "\F121B";
}

.mdi-office-building::before {
  content: "\F0991";
}

.mdi-office-building-cog::before {
  content: "\F1949";
}

.mdi-office-building-cog-outline::before {
  content: "\F194A";
}

.mdi-office-building-marker::before {
  content: "\F1520";
}

.mdi-office-building-marker-outline::before {
  content: "\F1521";
}

.mdi-office-building-minus::before {
  content: "\F1BAA";
}

.mdi-office-building-minus-outline::before {
  content: "\F1BAB";
}

.mdi-office-building-outline::before {
  content: "\F151F";
}

.mdi-office-building-plus::before {
  content: "\F1BA8";
}

.mdi-office-building-plus-outline::before {
  content: "\F1BA9";
}

.mdi-office-building-remove::before {
  content: "\F1BAC";
}

.mdi-office-building-remove-outline::before {
  content: "\F1BAD";
}

.mdi-oil::before {
  content: "\F03C7";
}

.mdi-oil-lamp::before {
  content: "\F0F19";
}

.mdi-oil-level::before {
  content: "\F1053";
}

.mdi-oil-temperature::before {
  content: "\F0FF8";
}

.mdi-om::before {
  content: "\F0973";
}

.mdi-omega::before {
  content: "\F03C9";
}

.mdi-one-up::before {
  content: "\F0BAD";
}

.mdi-onepassword::before {
  content: "\F0881";
}

.mdi-opacity::before {
  content: "\F05CC";
}

.mdi-open-in-app::before {
  content: "\F03CB";
}

.mdi-open-in-new::before {
  content: "\F03CC";
}

.mdi-open-source-initiative::before {
  content: "\F0BAE";
}

.mdi-openid::before {
  content: "\F03CD";
}

.mdi-opera::before {
  content: "\F03CE";
}

.mdi-orbit::before {
  content: "\F0018";
}

.mdi-orbit-variant::before {
  content: "\F15DB";
}

.mdi-order-alphabetical-ascending::before {
  content: "\F020D";
}

.mdi-order-alphabetical-descending::before {
  content: "\F0D07";
}

.mdi-order-bool-ascending::before {
  content: "\F02BE";
}

.mdi-order-bool-ascending-variant::before {
  content: "\F098F";
}

.mdi-order-bool-descending::before {
  content: "\F1384";
}

.mdi-order-bool-descending-variant::before {
  content: "\F0990";
}

.mdi-order-numeric-ascending::before {
  content: "\F0545";
}

.mdi-order-numeric-descending::before {
  content: "\F0546";
}

.mdi-origin::before {
  content: "\F0B43";
}

.mdi-ornament::before {
  content: "\F03CF";
}

.mdi-ornament-variant::before {
  content: "\F03D0";
}

.mdi-outdoor-lamp::before {
  content: "\F1054";
}

.mdi-overscan::before {
  content: "\F1005";
}

.mdi-owl::before {
  content: "\F03D2";
}

.mdi-pac-man::before {
  content: "\F0BAF";
}

.mdi-package::before {
  content: "\F03D3";
}

.mdi-package-check::before {
  content: "\F1B51";
}

.mdi-package-down::before {
  content: "\F03D4";
}

.mdi-package-up::before {
  content: "\F03D5";
}

.mdi-package-variant::before {
  content: "\F03D6";
}

.mdi-package-variant-closed::before {
  content: "\F03D7";
}

.mdi-package-variant-closed-check::before {
  content: "\F1B52";
}

.mdi-package-variant-closed-minus::before {
  content: "\F19D4";
}

.mdi-package-variant-closed-plus::before {
  content: "\F19D5";
}

.mdi-package-variant-closed-remove::before {
  content: "\F19D6";
}

.mdi-package-variant-minus::before {
  content: "\F19D7";
}

.mdi-package-variant-plus::before {
  content: "\F19D8";
}

.mdi-package-variant-remove::before {
  content: "\F19D9";
}

.mdi-page-first::before {
  content: "\F0600";
}

.mdi-page-last::before {
  content: "\F0601";
}

.mdi-page-layout-body::before {
  content: "\F06FA";
}

.mdi-page-layout-footer::before {
  content: "\F06FB";
}

.mdi-page-layout-header::before {
  content: "\F06FC";
}

.mdi-page-layout-header-footer::before {
  content: "\F0F7F";
}

.mdi-page-layout-sidebar-left::before {
  content: "\F06FD";
}

.mdi-page-layout-sidebar-right::before {
  content: "\F06FE";
}

.mdi-page-next::before {
  content: "\F0BB0";
}

.mdi-page-next-outline::before {
  content: "\F0BB1";
}

.mdi-page-previous::before {
  content: "\F0BB2";
}

.mdi-page-previous-outline::before {
  content: "\F0BB3";
}

.mdi-pail::before {
  content: "\F1417";
}

.mdi-pail-minus::before {
  content: "\F1437";
}

.mdi-pail-minus-outline::before {
  content: "\F143C";
}

.mdi-pail-off::before {
  content: "\F1439";
}

.mdi-pail-off-outline::before {
  content: "\F143E";
}

.mdi-pail-outline::before {
  content: "\F143A";
}

.mdi-pail-plus::before {
  content: "\F1436";
}

.mdi-pail-plus-outline::before {
  content: "\F143B";
}

.mdi-pail-remove::before {
  content: "\F1438";
}

.mdi-pail-remove-outline::before {
  content: "\F143D";
}

.mdi-palette::before {
  content: "\F03D8";
}

.mdi-palette-advanced::before {
  content: "\F03D9";
}

.mdi-palette-outline::before {
  content: "\F0E0C";
}

.mdi-palette-swatch::before {
  content: "\F08B5";
}

.mdi-palette-swatch-outline::before {
  content: "\F135C";
}

.mdi-palette-swatch-variant::before {
  content: "\F195A";
}

.mdi-palm-tree::before {
  content: "\F1055";
}

.mdi-pan::before {
  content: "\F0BB4";
}

.mdi-pan-bottom-left::before {
  content: "\F0BB5";
}

.mdi-pan-bottom-right::before {
  content: "\F0BB6";
}

.mdi-pan-down::before {
  content: "\F0BB7";
}

.mdi-pan-horizontal::before {
  content: "\F0BB8";
}

.mdi-pan-left::before {
  content: "\F0BB9";
}

.mdi-pan-right::before {
  content: "\F0BBA";
}

.mdi-pan-top-left::before {
  content: "\F0BBB";
}

.mdi-pan-top-right::before {
  content: "\F0BBC";
}

.mdi-pan-up::before {
  content: "\F0BBD";
}

.mdi-pan-vertical::before {
  content: "\F0BBE";
}

.mdi-panda::before {
  content: "\F03DA";
}

.mdi-pandora::before {
  content: "\F03DB";
}

.mdi-panorama::before {
  content: "\F03DC";
}

.mdi-panorama-fisheye::before {
  content: "\F03DD";
}

.mdi-panorama-horizontal::before {
  content: "\F1928";
}

.mdi-panorama-horizontal-outline::before {
  content: "\F03DE";
}

.mdi-panorama-outline::before {
  content: "\F198C";
}

.mdi-panorama-sphere::before {
  content: "\F198D";
}

.mdi-panorama-sphere-outline::before {
  content: "\F198E";
}

.mdi-panorama-variant::before {
  content: "\F198F";
}

.mdi-panorama-variant-outline::before {
  content: "\F1990";
}

.mdi-panorama-vertical::before {
  content: "\F1929";
}

.mdi-panorama-vertical-outline::before {
  content: "\F03DF";
}

.mdi-panorama-wide-angle::before {
  content: "\F195F";
}

.mdi-panorama-wide-angle-outline::before {
  content: "\F03E0";
}

.mdi-paper-cut-vertical::before {
  content: "\F03E1";
}

.mdi-paper-roll::before {
  content: "\F1157";
}

.mdi-paper-roll-outline::before {
  content: "\F1158";
}

.mdi-paperclip::before {
  content: "\F03E2";
}

.mdi-paperclip-check::before {
  content: "\F1AC6";
}

.mdi-paperclip-lock::before {
  content: "\F19DA";
}

.mdi-paperclip-minus::before {
  content: "\F1AC7";
}

.mdi-paperclip-off::before {
  content: "\F1AC8";
}

.mdi-paperclip-plus::before {
  content: "\F1AC9";
}

.mdi-paperclip-remove::before {
  content: "\F1ACA";
}

.mdi-parachute::before {
  content: "\F0CB4";
}

.mdi-parachute-outline::before {
  content: "\F0CB5";
}

.mdi-paragliding::before {
  content: "\F1745";
}

.mdi-parking::before {
  content: "\F03E3";
}

.mdi-party-popper::before {
  content: "\F1056";
}

.mdi-passport::before {
  content: "\F07E3";
}

.mdi-passport-alert::before {
  content: "\F1CB8";
}

.mdi-passport-biometric::before {
  content: "\F0DE1";
}

.mdi-passport-cancel::before {
  content: "\F1CB9";
}

.mdi-passport-check::before {
  content: "\F1CBA";
}

.mdi-passport-minus::before {
  content: "\F1CBB";
}

.mdi-passport-plus::before {
  content: "\F1CBC";
}

.mdi-passport-remove::before {
  content: "\F1CBD";
}

.mdi-pasta::before {
  content: "\F1160";
}

.mdi-patio-heater::before {
  content: "\F0F80";
}

.mdi-patreon::before {
  content: "\F0882";
}

.mdi-pause::before {
  content: "\F03E4";
}

.mdi-pause-box::before {
  content: "\F00BC";
}

.mdi-pause-box-outline::before {
  content: "\F1B7A";
}

.mdi-pause-circle::before {
  content: "\F03E5";
}

.mdi-pause-circle-outline::before {
  content: "\F03E6";
}

.mdi-pause-octagon::before {
  content: "\F03E7";
}

.mdi-pause-octagon-outline::before {
  content: "\F03E8";
}

.mdi-paw::before {
  content: "\F03E9";
}

.mdi-paw-off::before {
  content: "\F0657";
}

.mdi-paw-off-outline::before {
  content: "\F1676";
}

.mdi-paw-outline::before {
  content: "\F1675";
}

.mdi-peace::before {
  content: "\F0884";
}

.mdi-peanut::before {
  content: "\F0FFC";
}

.mdi-peanut-off::before {
  content: "\F0FFD";
}

.mdi-peanut-off-outline::before {
  content: "\F0FFF";
}

.mdi-peanut-outline::before {
  content: "\F0FFE";
}

.mdi-pen::before {
  content: "\F03EA";
}

.mdi-pen-lock::before {
  content: "\F0DE2";
}

.mdi-pen-minus::before {
  content: "\F0DE3";
}

.mdi-pen-off::before {
  content: "\F0DE4";
}

.mdi-pen-plus::before {
  content: "\F0DE5";
}

.mdi-pen-remove::before {
  content: "\F0DE6";
}

.mdi-pencil::before {
  content: "\F03EB";
}

.mdi-pencil-box::before {
  content: "\F03EC";
}

.mdi-pencil-box-multiple::before {
  content: "\F1144";
}

.mdi-pencil-box-multiple-outline::before {
  content: "\F1145";
}

.mdi-pencil-box-outline::before {
  content: "\F03ED";
}

.mdi-pencil-circle::before {
  content: "\F06FF";
}

.mdi-pencil-circle-outline::before {
  content: "\F0776";
}

.mdi-pencil-lock::before {
  content: "\F03EE";
}

.mdi-pencil-lock-outline::before {
  content: "\F0DE7";
}

.mdi-pencil-minus::before {
  content: "\F0DE8";
}

.mdi-pencil-minus-outline::before {
  content: "\F0DE9";
}

.mdi-pencil-off::before {
  content: "\F03EF";
}

.mdi-pencil-off-outline::before {
  content: "\F0DEA";
}

.mdi-pencil-outline::before {
  content: "\F0CB6";
}

.mdi-pencil-plus::before {
  content: "\F0DEB";
}

.mdi-pencil-plus-outline::before {
  content: "\F0DEC";
}

.mdi-pencil-remove::before {
  content: "\F0DED";
}

.mdi-pencil-remove-outline::before {
  content: "\F0DEE";
}

.mdi-pencil-ruler::before {
  content: "\F1353";
}

.mdi-pencil-ruler-outline::before {
  content: "\F1C11";
}

.mdi-penguin::before {
  content: "\F0EC0";
}

.mdi-pentagon::before {
  content: "\F0701";
}

.mdi-pentagon-outline::before {
  content: "\F0700";
}

.mdi-pentagram::before {
  content: "\F1667";
}

.mdi-percent::before {
  content: "\F03F0";
}

.mdi-percent-box::before {
  content: "\F1A02";
}

.mdi-percent-box-outline::before {
  content: "\F1A03";
}

.mdi-percent-circle::before {
  content: "\F1A04";
}

.mdi-percent-circle-outline::before {
  content: "\F1A05";
}

.mdi-percent-outline::before {
  content: "\F1278";
}

.mdi-periodic-table::before {
  content: "\F08B6";
}

.mdi-perspective-less::before {
  content: "\F0D23";
}

.mdi-perspective-more::before {
  content: "\F0D24";
}

.mdi-ph::before {
  content: "\F17C5";
}

.mdi-phone::before {
  content: "\F03F2";
}

.mdi-phone-alert::before {
  content: "\F0F1A";
}

.mdi-phone-alert-outline::before {
  content: "\F118E";
}

.mdi-phone-bluetooth::before {
  content: "\F03F3";
}

.mdi-phone-bluetooth-outline::before {
  content: "\F118F";
}

.mdi-phone-cancel::before {
  content: "\F10BC";
}

.mdi-phone-cancel-outline::before {
  content: "\F1190";
}

.mdi-phone-check::before {
  content: "\F11A9";
}

.mdi-phone-check-outline::before {
  content: "\F11AA";
}

.mdi-phone-classic::before {
  content: "\F0602";
}

.mdi-phone-classic-off::before {
  content: "\F1279";
}

.mdi-phone-clock::before {
  content: "\F19DB";
}

.mdi-phone-dial::before {
  content: "\F1559";
}

.mdi-phone-dial-outline::before {
  content: "\F155A";
}

.mdi-phone-forward::before {
  content: "\F03F4";
}

.mdi-phone-forward-outline::before {
  content: "\F1191";
}

.mdi-phone-hangup::before {
  content: "\F03F5";
}

.mdi-phone-hangup-outline::before {
  content: "\F1192";
}

.mdi-phone-in-talk::before {
  content: "\F03F6";
}

.mdi-phone-in-talk-outline::before {
  content: "\F1182";
}

.mdi-phone-incoming::before {
  content: "\F03F7";
}

.mdi-phone-incoming-outgoing::before {
  content: "\F1B3F";
}

.mdi-phone-incoming-outgoing-outline::before {
  content: "\F1B40";
}

.mdi-phone-incoming-outline::before {
  content: "\F1193";
}

.mdi-phone-lock::before {
  content: "\F03F8";
}

.mdi-phone-lock-outline::before {
  content: "\F1194";
}

.mdi-phone-log::before {
  content: "\F03F9";
}

.mdi-phone-log-outline::before {
  content: "\F1195";
}

.mdi-phone-message::before {
  content: "\F1196";
}

.mdi-phone-message-outline::before {
  content: "\F1197";
}

.mdi-phone-minus::before {
  content: "\F0658";
}

.mdi-phone-minus-outline::before {
  content: "\F1198";
}

.mdi-phone-missed::before {
  content: "\F03FA";
}

.mdi-phone-missed-outline::before {
  content: "\F11A5";
}

.mdi-phone-off::before {
  content: "\F0DEF";
}

.mdi-phone-off-outline::before {
  content: "\F11A6";
}

.mdi-phone-outgoing::before {
  content: "\F03FB";
}

.mdi-phone-outgoing-outline::before {
  content: "\F1199";
}

.mdi-phone-outline::before {
  content: "\F0DF0";
}

.mdi-phone-paused::before {
  content: "\F03FC";
}

.mdi-phone-paused-outline::before {
  content: "\F119A";
}

.mdi-phone-plus::before {
  content: "\F0659";
}

.mdi-phone-plus-outline::before {
  content: "\F119B";
}

.mdi-phone-refresh::before {
  content: "\F1993";
}

.mdi-phone-refresh-outline::before {
  content: "\F1994";
}

.mdi-phone-remove::before {
  content: "\F152F";
}

.mdi-phone-remove-outline::before {
  content: "\F1530";
}

.mdi-phone-return::before {
  content: "\F082F";
}

.mdi-phone-return-outline::before {
  content: "\F119C";
}

.mdi-phone-ring::before {
  content: "\F11AB";
}

.mdi-phone-ring-outline::before {
  content: "\F11AC";
}

.mdi-phone-rotate-landscape::before {
  content: "\F0885";
}

.mdi-phone-rotate-portrait::before {
  content: "\F0886";
}

.mdi-phone-settings::before {
  content: "\F03FD";
}

.mdi-phone-settings-outline::before {
  content: "\F119D";
}

.mdi-phone-sync::before {
  content: "\F1995";
}

.mdi-phone-sync-outline::before {
  content: "\F1996";
}

.mdi-phone-voip::before {
  content: "\F03FE";
}

.mdi-pi::before {
  content: "\F03FF";
}

.mdi-pi-box::before {
  content: "\F0400";
}

.mdi-pi-hole::before {
  content: "\F0DF1";
}

.mdi-piano::before {
  content: "\F067D";
}

.mdi-piano-off::before {
  content: "\F0698";
}

.mdi-pickaxe::before {
  content: "\F08B7";
}

.mdi-picture-in-picture-bottom-right::before {
  content: "\F0E57";
}

.mdi-picture-in-picture-bottom-right-outline::before {
  content: "\F0E58";
}

.mdi-picture-in-picture-top-right::before {
  content: "\F0E59";
}

.mdi-picture-in-picture-top-right-outline::before {
  content: "\F0E5A";
}

.mdi-pier::before {
  content: "\F0887";
}

.mdi-pier-crane::before {
  content: "\F0888";
}

.mdi-pig::before {
  content: "\F0401";
}

.mdi-pig-variant::before {
  content: "\F1006";
}

.mdi-pig-variant-outline::before {
  content: "\F1678";
}

.mdi-piggy-bank::before {
  content: "\F1007";
}

.mdi-piggy-bank-outline::before {
  content: "\F1679";
}

.mdi-pill::before {
  content: "\F0402";
}

.mdi-pill-multiple::before {
  content: "\F1B4C";
}

.mdi-pill-off::before {
  content: "\F1A5C";
}

.mdi-pillar::before {
  content: "\F0702";
}

.mdi-pin::before {
  content: "\F0403";
}

.mdi-pin-off::before {
  content: "\F0404";
}

.mdi-pin-off-outline::before {
  content: "\F0930";
}

.mdi-pin-outline::before {
  content: "\F0931";
}

.mdi-pine-tree::before {
  content: "\F0405";
}

.mdi-pine-tree-box::before {
  content: "\F0406";
}

.mdi-pine-tree-fire::before {
  content: "\F141A";
}

.mdi-pine-tree-variant::before {
  content: "\F1C73";
}

.mdi-pine-tree-variant-outline::before {
  content: "\F1C74";
}

.mdi-pinterest::before {
  content: "\F0407";
}

.mdi-pinwheel::before {
  content: "\F0AD5";
}

.mdi-pinwheel-outline::before {
  content: "\F0AD6";
}

.mdi-pipe::before {
  content: "\F07E5";
}

.mdi-pipe-disconnected::before {
  content: "\F07E6";
}

.mdi-pipe-leak::before {
  content: "\F0889";
}

.mdi-pipe-valve::before {
  content: "\F184D";
}

.mdi-pipe-wrench::before {
  content: "\F1354";
}

.mdi-pirate::before {
  content: "\F0A08";
}

.mdi-pistol::before {
  content: "\F0703";
}

.mdi-piston::before {
  content: "\F088A";
}

.mdi-pitchfork::before {
  content: "\F1553";
}

.mdi-pizza::before {
  content: "\F0409";
}

.mdi-plane-car::before {
  content: "\F1AFF";
}

.mdi-plane-train::before {
  content: "\F1B00";
}

.mdi-play::before {
  content: "\F040A";
}

.mdi-play-box::before {
  content: "\F127A";
}

.mdi-play-box-edit-outline::before {
  content: "\F1C3A";
}

.mdi-play-box-lock::before {
  content: "\F1A16";
}

.mdi-play-box-lock-open::before {
  content: "\F1A17";
}

.mdi-play-box-lock-open-outline::before {
  content: "\F1A18";
}

.mdi-play-box-lock-outline::before {
  content: "\F1A19";
}

.mdi-play-box-multiple::before {
  content: "\F0D19";
}

.mdi-play-box-multiple-outline::before {
  content: "\F13E6";
}

.mdi-play-box-outline::before {
  content: "\F040B";
}

.mdi-play-circle::before {
  content: "\F040C";
}

.mdi-play-circle-outline::before {
  content: "\F040D";
}

.mdi-play-network::before {
  content: "\F088B";
}

.mdi-play-network-outline::before {
  content: "\F0CB7";
}

.mdi-play-outline::before {
  content: "\F0F1B";
}

.mdi-play-pause::before {
  content: "\F040E";
}

.mdi-play-protected-content::before {
  content: "\F040F";
}

.mdi-play-speed::before {
  content: "\F08FF";
}

.mdi-playlist-check::before {
  content: "\F05C7";
}

.mdi-playlist-edit::before {
  content: "\F0900";
}

.mdi-playlist-minus::before {
  content: "\F0410";
}

.mdi-playlist-music::before {
  content: "\F0CB8";
}

.mdi-playlist-music-outline::before {
  content: "\F0CB9";
}

.mdi-playlist-play::before {
  content: "\F0411";
}

.mdi-playlist-plus::before {
  content: "\F0412";
}

.mdi-playlist-remove::before {
  content: "\F0413";
}

.mdi-playlist-star::before {
  content: "\F0DF2";
}

.mdi-plex::before {
  content: "\F06BA";
}

.mdi-pliers::before {
  content: "\F19A4";
}

.mdi-plus::before {
  content: "\F0415";
}

.mdi-plus-box::before {
  content: "\F0416";
}

.mdi-plus-box-multiple::before {
  content: "\F0334";
}

.mdi-plus-box-multiple-outline::before {
  content: "\F1143";
}

.mdi-plus-box-outline::before {
  content: "\F0704";
}

.mdi-plus-circle::before {
  content: "\F0417";
}

.mdi-plus-circle-multiple::before {
  content: "\F034C";
}

.mdi-plus-circle-multiple-outline::before {
  content: "\F0418";
}

.mdi-plus-circle-outline::before {
  content: "\F0419";
}

.mdi-plus-lock::before {
  content: "\F1A5D";
}

.mdi-plus-lock-open::before {
  content: "\F1A5E";
}

.mdi-plus-minus::before {
  content: "\F0992";
}

.mdi-plus-minus-box::before {
  content: "\F0993";
}

.mdi-plus-minus-variant::before {
  content: "\F14C9";
}

.mdi-plus-network::before {
  content: "\F041A";
}

.mdi-plus-network-outline::before {
  content: "\F0CBA";
}

.mdi-plus-outline::before {
  content: "\F0705";
}

.mdi-plus-thick::before {
  content: "\F11EC";
}

.mdi-pocket::before {
  content: "\F1CBE";
}

.mdi-podcast::before {
  content: "\F0994";
}

.mdi-podium::before {
  content: "\F0D25";
}

.mdi-podium-bronze::before {
  content: "\F0D26";
}

.mdi-podium-gold::before {
  content: "\F0D27";
}

.mdi-podium-silver::before {
  content: "\F0D28";
}

.mdi-point-of-sale::before {
  content: "\F0D92";
}

.mdi-pokeball::before {
  content: "\F041D";
}

.mdi-pokemon-go::before {
  content: "\F0A09";
}

.mdi-poker-chip::before {
  content: "\F0830";
}

.mdi-polaroid::before {
  content: "\F041E";
}

.mdi-police-badge::before {
  content: "\F1167";
}

.mdi-police-badge-outline::before {
  content: "\F1168";
}

.mdi-police-station::before {
  content: "\F1839";
}

.mdi-poll::before {
  content: "\F041F";
}

.mdi-polo::before {
  content: "\F14C3";
}

.mdi-polymer::before {
  content: "\F0421";
}

.mdi-pool::before {
  content: "\F0606";
}

.mdi-pool-thermometer::before {
  content: "\F1A5F";
}

.mdi-popcorn::before {
  content: "\F0422";
}

.mdi-post::before {
  content: "\F1008";
}

.mdi-post-lamp::before {
  content: "\F1A60";
}

.mdi-post-outline::before {
  content: "\F1009";
}

.mdi-postage-stamp::before {
  content: "\F0CBB";
}

.mdi-pot::before {
  content: "\F02E5";
}

.mdi-pot-mix::before {
  content: "\F065B";
}

.mdi-pot-mix-outline::before {
  content: "\F0677";
}

.mdi-pot-outline::before {
  content: "\F02FF";
}

.mdi-pot-steam::before {
  content: "\F065A";
}

.mdi-pot-steam-outline::before {
  content: "\F0326";
}

.mdi-pound::before {
  content: "\F0423";
}

.mdi-pound-box::before {
  content: "\F0424";
}

.mdi-pound-box-outline::before {
  content: "\F117F";
}

.mdi-power::before {
  content: "\F0425";
}

.mdi-power-cycle::before {
  content: "\F0901";
}

.mdi-power-off::before {
  content: "\F0902";
}

.mdi-power-on::before {
  content: "\F0903";
}

.mdi-power-plug::before {
  content: "\F06A5";
}

.mdi-power-plug-battery::before {
  content: "\F1C3B";
}

.mdi-power-plug-battery-outline::before {
  content: "\F1C3C";
}

.mdi-power-plug-off::before {
  content: "\F06A6";
}

.mdi-power-plug-off-outline::before {
  content: "\F1424";
}

.mdi-power-plug-outline::before {
  content: "\F1425";
}

.mdi-power-settings::before {
  content: "\F0426";
}

.mdi-power-sleep::before {
  content: "\F0904";
}

.mdi-power-socket::before {
  content: "\F0427";
}

.mdi-power-socket-au::before {
  content: "\F0905";
}

.mdi-power-socket-ch::before {
  content: "\F0FB3";
}

.mdi-power-socket-de::before {
  content: "\F1107";
}

.mdi-power-socket-eu::before {
  content: "\F07E7";
}

.mdi-power-socket-fr::before {
  content: "\F1108";
}

.mdi-power-socket-it::before {
  content: "\F14FF";
}

.mdi-power-socket-jp::before {
  content: "\F1109";
}

.mdi-power-socket-uk::before {
  content: "\F07E8";
}

.mdi-power-socket-us::before {
  content: "\F07E9";
}

.mdi-power-standby::before {
  content: "\F0906";
}

.mdi-powershell::before {
  content: "\F0A0A";
}

.mdi-prescription::before {
  content: "\F0706";
}

.mdi-presentation::before {
  content: "\F0428";
}

.mdi-presentation-play::before {
  content: "\F0429";
}

.mdi-pretzel::before {
  content: "\F1562";
}

.mdi-printer::before {
  content: "\F042A";
}

.mdi-printer-3d::before {
  content: "\F042B";
}

.mdi-printer-3d-nozzle::before {
  content: "\F0E5B";
}

.mdi-printer-3d-nozzle-alert::before {
  content: "\F11C0";
}

.mdi-printer-3d-nozzle-alert-outline::before {
  content: "\F11C1";
}

.mdi-printer-3d-nozzle-heat::before {
  content: "\F18B8";
}

.mdi-printer-3d-nozzle-heat-outline::before {
  content: "\F18B9";
}

.mdi-printer-3d-nozzle-off::before {
  content: "\F1B19";
}

.mdi-printer-3d-nozzle-off-outline::before {
  content: "\F1B1A";
}

.mdi-printer-3d-nozzle-outline::before {
  content: "\F0E5C";
}

.mdi-printer-3d-off::before {
  content: "\F1B0E";
}

.mdi-printer-alert::before {
  content: "\F042C";
}

.mdi-printer-check::before {
  content: "\F1146";
}

.mdi-printer-eye::before {
  content: "\F1458";
}

.mdi-printer-off::before {
  content: "\F0E5D";
}

.mdi-printer-off-outline::before {
  content: "\F1785";
}

.mdi-printer-outline::before {
  content: "\F1786";
}

.mdi-printer-pos::before {
  content: "\F1057";
}

.mdi-printer-pos-alert::before {
  content: "\F1BBC";
}

.mdi-printer-pos-alert-outline::before {
  content: "\F1BBD";
}

.mdi-printer-pos-cancel::before {
  content: "\F1BBE";
}

.mdi-printer-pos-cancel-outline::before {
  content: "\F1BBF";
}

.mdi-printer-pos-check::before {
  content: "\F1BC0";
}

.mdi-printer-pos-check-outline::before {
  content: "\F1BC1";
}

.mdi-printer-pos-cog::before {
  content: "\F1BC2";
}

.mdi-printer-pos-cog-outline::before {
  content: "\F1BC3";
}

.mdi-printer-pos-edit::before {
  content: "\F1BC4";
}

.mdi-printer-pos-edit-outline::before {
  content: "\F1BC5";
}

.mdi-printer-pos-minus::before {
  content: "\F1BC6";
}

.mdi-printer-pos-minus-outline::before {
  content: "\F1BC7";
}

.mdi-printer-pos-network::before {
  content: "\F1BC8";
}

.mdi-printer-pos-network-outline::before {
  content: "\F1BC9";
}

.mdi-printer-pos-off::before {
  content: "\F1BCA";
}

.mdi-printer-pos-off-outline::before {
  content: "\F1BCB";
}

.mdi-printer-pos-outline::before {
  content: "\F1BCC";
}

.mdi-printer-pos-pause::before {
  content: "\F1BCD";
}

.mdi-printer-pos-pause-outline::before {
  content: "\F1BCE";
}

.mdi-printer-pos-play::before {
  content: "\F1BCF";
}

.mdi-printer-pos-play-outline::before {
  content: "\F1BD0";
}

.mdi-printer-pos-plus::before {
  content: "\F1BD1";
}

.mdi-printer-pos-plus-outline::before {
  content: "\F1BD2";
}

.mdi-printer-pos-refresh::before {
  content: "\F1BD3";
}

.mdi-printer-pos-refresh-outline::before {
  content: "\F1BD4";
}

.mdi-printer-pos-remove::before {
  content: "\F1BD5";
}

.mdi-printer-pos-remove-outline::before {
  content: "\F1BD6";
}

.mdi-printer-pos-star::before {
  content: "\F1BD7";
}

.mdi-printer-pos-star-outline::before {
  content: "\F1BD8";
}

.mdi-printer-pos-stop::before {
  content: "\F1BD9";
}

.mdi-printer-pos-stop-outline::before {
  content: "\F1BDA";
}

.mdi-printer-pos-sync::before {
  content: "\F1BDB";
}

.mdi-printer-pos-sync-outline::before {
  content: "\F1BDC";
}

.mdi-printer-pos-wrench::before {
  content: "\F1BDD";
}

.mdi-printer-pos-wrench-outline::before {
  content: "\F1BDE";
}

.mdi-printer-search::before {
  content: "\F1457";
}

.mdi-printer-settings::before {
  content: "\F0707";
}

.mdi-printer-wireless::before {
  content: "\F0A0B";
}

.mdi-priority-high::before {
  content: "\F0603";
}

.mdi-priority-low::before {
  content: "\F0604";
}

.mdi-professional-hexagon::before {
  content: "\F042D";
}

.mdi-progress-alert::before {
  content: "\F0CBC";
}

.mdi-progress-check::before {
  content: "\F0995";
}

.mdi-progress-clock::before {
  content: "\F0996";
}

.mdi-progress-close::before {
  content: "\F110A";
}

.mdi-progress-download::before {
  content: "\F0997";
}

.mdi-progress-helper::before {
  content: "\F1BA2";
}

.mdi-progress-pencil::before {
  content: "\F1787";
}

.mdi-progress-question::before {
  content: "\F1522";
}

.mdi-progress-star::before {
  content: "\F1788";
}

.mdi-progress-star-four-points::before {
  content: "\F1C3D";
}

.mdi-progress-tag::before {
  content: "\F1D0D";
}

.mdi-progress-upload::before {
  content: "\F0998";
}

.mdi-progress-wrench::before {
  content: "\F0CBD";
}

.mdi-projector::before {
  content: "\F042E";
}

.mdi-projector-off::before {
  content: "\F1A23";
}

.mdi-projector-screen::before {
  content: "\F042F";
}

.mdi-projector-screen-off::before {
  content: "\F180D";
}

.mdi-projector-screen-off-outline::before {
  content: "\F180E";
}

.mdi-projector-screen-outline::before {
  content: "\F1724";
}

.mdi-projector-screen-variant::before {
  content: "\F180F";
}

.mdi-projector-screen-variant-off::before {
  content: "\F1810";
}

.mdi-projector-screen-variant-off-outline::before {
  content: "\F1811";
}

.mdi-projector-screen-variant-outline::before {
  content: "\F1812";
}

.mdi-propane-tank::before {
  content: "\F1357";
}

.mdi-propane-tank-outline::before {
  content: "\F1358";
}

.mdi-protocol::before {
  content: "\F0FD8";
}

.mdi-publish::before {
  content: "\F06A7";
}

.mdi-publish-off::before {
  content: "\F1945";
}

.mdi-pulse::before {
  content: "\F0430";
}

.mdi-pump::before {
  content: "\F1402";
}

.mdi-pump-off::before {
  content: "\F1B22";
}

.mdi-pumpkin::before {
  content: "\F0BBF";
}

.mdi-purse::before {
  content: "\F0F1C";
}

.mdi-purse-outline::before {
  content: "\F0F1D";
}

.mdi-puzzle::before {
  content: "\F0431";
}

.mdi-puzzle-check::before {
  content: "\F1426";
}

.mdi-puzzle-check-outline::before {
  content: "\F1427";
}

.mdi-puzzle-edit::before {
  content: "\F14D3";
}

.mdi-puzzle-edit-outline::before {
  content: "\F14D9";
}

.mdi-puzzle-heart::before {
  content: "\F14D4";
}

.mdi-puzzle-heart-outline::before {
  content: "\F14DA";
}

.mdi-puzzle-minus::before {
  content: "\F14D1";
}

.mdi-puzzle-minus-outline::before {
  content: "\F14D7";
}

.mdi-puzzle-outline::before {
  content: "\F0A66";
}

.mdi-puzzle-plus::before {
  content: "\F14D0";
}

.mdi-puzzle-plus-outline::before {
  content: "\F14D6";
}

.mdi-puzzle-remove::before {
  content: "\F14D2";
}

.mdi-puzzle-remove-outline::before {
  content: "\F14D8";
}

.mdi-puzzle-star::before {
  content: "\F14D5";
}

.mdi-puzzle-star-outline::before {
  content: "\F14DB";
}

.mdi-pyramid::before {
  content: "\F1952";
}

.mdi-pyramid-off::before {
  content: "\F1953";
}

.mdi-qi::before {
  content: "\F0999";
}

.mdi-qqchat::before {
  content: "\F0605";
}

.mdi-qrcode::before {
  content: "\F0432";
}

.mdi-qrcode-edit::before {
  content: "\F08B8";
}

.mdi-qrcode-minus::before {
  content: "\F118C";
}

.mdi-qrcode-plus::before {
  content: "\F118B";
}

.mdi-qrcode-remove::before {
  content: "\F118D";
}

.mdi-qrcode-scan::before {
  content: "\F0433";
}

.mdi-quadcopter::before {
  content: "\F0434";
}

.mdi-quality-high::before {
  content: "\F0435";
}

.mdi-quality-low::before {
  content: "\F0A0C";
}

.mdi-quality-medium::before {
  content: "\F0A0D";
}

.mdi-queue-first-in-last-out::before {
  content: "\F1CAF";
}

.mdi-quora::before {
  content: "\F0D29";
}

.mdi-rabbit::before {
  content: "\F0907";
}

.mdi-rabbit-variant::before {
  content: "\F1A61";
}

.mdi-rabbit-variant-outline::before {
  content: "\F1A62";
}

.mdi-racing-helmet::before {
  content: "\F0D93";
}

.mdi-racquetball::before {
  content: "\F0D94";
}

.mdi-radar::before {
  content: "\F0437";
}

.mdi-radiator::before {
  content: "\F0438";
}

.mdi-radiator-disabled::before {
  content: "\F0AD7";
}

.mdi-radiator-off::before {
  content: "\F0AD8";
}

.mdi-radio::before {
  content: "\F0439";
}

.mdi-radio-am::before {
  content: "\F0CBE";
}

.mdi-radio-fm::before {
  content: "\F0CBF";
}

.mdi-radio-handheld::before {
  content: "\F043A";
}

.mdi-radio-off::before {
  content: "\F121C";
}

.mdi-radio-tower::before {
  content: "\F043B";
}

.mdi-radioactive::before {
  content: "\F043C";
}

.mdi-radioactive-circle::before {
  content: "\F185D";
}

.mdi-radioactive-circle-outline::before {
  content: "\F185E";
}

.mdi-radioactive-off::before {
  content: "\F0EC1";
}

.mdi-radiobox-blank::before {
  content: "\F043D";
}

.mdi-radiobox-indeterminate-variant::before {
  content: "\F1C5E";
}

.mdi-radiobox-marked::before {
  content: "\F043E";
}

.mdi-radiology-box::before {
  content: "\F14C5";
}

.mdi-radiology-box-outline::before {
  content: "\F14C6";
}

.mdi-radius::before {
  content: "\F0CC0";
}

.mdi-radius-outline::before {
  content: "\F0CC1";
}

.mdi-railroad-light::before {
  content: "\F0F1E";
}

.mdi-rake::before {
  content: "\F1544";
}

.mdi-raspberry-pi::before {
  content: "\F043F";
}

.mdi-raw::before {
  content: "\F1A0F";
}

.mdi-raw-off::before {
  content: "\F1A10";
}

.mdi-ray-end::before {
  content: "\F0440";
}

.mdi-ray-end-arrow::before {
  content: "\F0441";
}

.mdi-ray-start::before {
  content: "\F0442";
}

.mdi-ray-start-arrow::before {
  content: "\F0443";
}

.mdi-ray-start-end::before {
  content: "\F0444";
}

.mdi-ray-start-vertex-end::before {
  content: "\F15D8";
}

.mdi-ray-vertex::before {
  content: "\F0445";
}

.mdi-razor-double-edge::before {
  content: "\F1997";
}

.mdi-razor-single-edge::before {
  content: "\F1998";
}

.mdi-react::before {
  content: "\F0708";
}

.mdi-read::before {
  content: "\F0447";
}

.mdi-receipt::before {
  content: "\F0824";
}

.mdi-receipt-clock::before {
  content: "\F1C3E";
}

.mdi-receipt-clock-outline::before {
  content: "\F1C3F";
}

.mdi-receipt-outline::before {
  content: "\F04F7";
}

.mdi-receipt-send::before {
  content: "\F1C40";
}

.mdi-receipt-send-outline::before {
  content: "\F1C41";
}

.mdi-receipt-text::before {
  content: "\F0449";
}

.mdi-receipt-text-arrow-left::before {
  content: "\F1C42";
}

.mdi-receipt-text-arrow-left-outline::before {
  content: "\F1C43";
}

.mdi-receipt-text-arrow-right::before {
  content: "\F1C44";
}

.mdi-receipt-text-arrow-right-outline::before {
  content: "\F1C45";
}

.mdi-receipt-text-check::before {
  content: "\F1A63";
}

.mdi-receipt-text-check-outline::before {
  content: "\F1A64";
}

.mdi-receipt-text-clock::before {
  content: "\F1C46";
}

.mdi-receipt-text-clock-outline::before {
  content: "\F1C47";
}

.mdi-receipt-text-edit::before {
  content: "\F1C48";
}

.mdi-receipt-text-edit-outline::before {
  content: "\F1C49";
}

.mdi-receipt-text-minus::before {
  content: "\F1A65";
}

.mdi-receipt-text-minus-outline::before {
  content: "\F1A66";
}

.mdi-receipt-text-outline::before {
  content: "\F19DC";
}

.mdi-receipt-text-plus::before {
  content: "\F1A67";
}

.mdi-receipt-text-plus-outline::before {
  content: "\F1A68";
}

.mdi-receipt-text-remove::before {
  content: "\F1A69";
}

.mdi-receipt-text-remove-outline::before {
  content: "\F1A6A";
}

.mdi-receipt-text-send::before {
  content: "\F1C4A";
}

.mdi-receipt-text-send-outline::before {
  content: "\F1C4B";
}

.mdi-record::before {
  content: "\F044A";
}

.mdi-record-circle::before {
  content: "\F0EC2";
}

.mdi-record-circle-outline::before {
  content: "\F0EC3";
}

.mdi-record-player::before {
  content: "\F099A";
}

.mdi-record-rec::before {
  content: "\F044B";
}

.mdi-rectangle::before {
  content: "\F0E5E";
}

.mdi-rectangle-outline::before {
  content: "\F0E5F";
}

.mdi-recycle::before {
  content: "\F044C";
}

.mdi-recycle-variant::before {
  content: "\F139D";
}

.mdi-reddit::before {
  content: "\F044D";
}

.mdi-redhat::before {
  content: "\F111B";
}

.mdi-redo::before {
  content: "\F044E";
}

.mdi-redo-variant::before {
  content: "\F044F";
}

.mdi-reflect-horizontal::before {
  content: "\F0A0E";
}

.mdi-reflect-vertical::before {
  content: "\F0A0F";
}

.mdi-refresh::before {
  content: "\F0450";
}

.mdi-refresh-auto::before {
  content: "\F18F2";
}

.mdi-refresh-circle::before {
  content: "\F1377";
}

.mdi-regex::before {
  content: "\F0451";
}

.mdi-registered-trademark::before {
  content: "\F0A67";
}

.mdi-reiterate::before {
  content: "\F1588";
}

.mdi-relation-many-to-many::before {
  content: "\F1496";
}

.mdi-relation-many-to-one::before {
  content: "\F1497";
}

.mdi-relation-many-to-one-or-many::before {
  content: "\F1498";
}

.mdi-relation-many-to-only-one::before {
  content: "\F1499";
}

.mdi-relation-many-to-zero-or-many::before {
  content: "\F149A";
}

.mdi-relation-many-to-zero-or-one::before {
  content: "\F149B";
}

.mdi-relation-one-or-many-to-many::before {
  content: "\F149C";
}

.mdi-relation-one-or-many-to-one::before {
  content: "\F149D";
}

.mdi-relation-one-or-many-to-one-or-many::before {
  content: "\F149E";
}

.mdi-relation-one-or-many-to-only-one::before {
  content: "\F149F";
}

.mdi-relation-one-or-many-to-zero-or-many::before {
  content: "\F14A0";
}

.mdi-relation-one-or-many-to-zero-or-one::before {
  content: "\F14A1";
}

.mdi-relation-one-to-many::before {
  content: "\F14A2";
}

.mdi-relation-one-to-one::before {
  content: "\F14A3";
}

.mdi-relation-one-to-one-or-many::before {
  content: "\F14A4";
}

.mdi-relation-one-to-only-one::before {
  content: "\F14A5";
}

.mdi-relation-one-to-zero-or-many::before {
  content: "\F14A6";
}

.mdi-relation-one-to-zero-or-one::before {
  content: "\F14A7";
}

.mdi-relation-only-one-to-many::before {
  content: "\F14A8";
}

.mdi-relation-only-one-to-one::before {
  content: "\F14A9";
}

.mdi-relation-only-one-to-one-or-many::before {
  content: "\F14AA";
}

.mdi-relation-only-one-to-only-one::before {
  content: "\F14AB";
}

.mdi-relation-only-one-to-zero-or-many::before {
  content: "\F14AC";
}

.mdi-relation-only-one-to-zero-or-one::before {
  content: "\F14AD";
}

.mdi-relation-zero-or-many-to-many::before {
  content: "\F14AE";
}

.mdi-relation-zero-or-many-to-one::before {
  content: "\F14AF";
}

.mdi-relation-zero-or-many-to-one-or-many::before {
  content: "\F14B0";
}

.mdi-relation-zero-or-many-to-only-one::before {
  content: "\F14B1";
}

.mdi-relation-zero-or-many-to-zero-or-many::before {
  content: "\F14B2";
}

.mdi-relation-zero-or-many-to-zero-or-one::before {
  content: "\F14B3";
}

.mdi-relation-zero-or-one-to-many::before {
  content: "\F14B4";
}

.mdi-relation-zero-or-one-to-one::before {
  content: "\F14B5";
}

.mdi-relation-zero-or-one-to-one-or-many::before {
  content: "\F14B6";
}

.mdi-relation-zero-or-one-to-only-one::before {
  content: "\F14B7";
}

.mdi-relation-zero-or-one-to-zero-or-many::before {
  content: "\F14B8";
}

.mdi-relation-zero-or-one-to-zero-or-one::before {
  content: "\F14B9";
}

.mdi-relative-scale::before {
  content: "\F0452";
}

.mdi-reload::before {
  content: "\F0453";
}

.mdi-reload-alert::before {
  content: "\F110B";
}

.mdi-reminder::before {
  content: "\F088C";
}

.mdi-remote::before {
  content: "\F0454";
}

.mdi-remote-desktop::before {
  content: "\F08B9";
}

.mdi-remote-off::before {
  content: "\F0EC4";
}

.mdi-remote-tv::before {
  content: "\F0EC5";
}

.mdi-remote-tv-off::before {
  content: "\F0EC6";
}

.mdi-rename::before {
  content: "\F1C18";
}

.mdi-rename-box::before {
  content: "\F0455";
}

.mdi-rename-box-outline::before {
  content: "\F1C19";
}

.mdi-rename-outline::before {
  content: "\F1C1A";
}

.mdi-reorder-horizontal::before {
  content: "\F0688";
}

.mdi-reorder-vertical::before {
  content: "\F0689";
}

.mdi-repeat::before {
  content: "\F0456";
}

.mdi-repeat-off::before {
  content: "\F0457";
}

.mdi-repeat-once::before {
  content: "\F0458";
}

.mdi-repeat-variant::before {
  content: "\F0547";
}

.mdi-replay::before {
  content: "\F0459";
}

.mdi-reply::before {
  content: "\F045A";
}

.mdi-reply-all::before {
  content: "\F045B";
}

.mdi-reply-all-outline::before {
  content: "\F0F1F";
}

.mdi-reply-circle::before {
  content: "\F11AE";
}

.mdi-reply-outline::before {
  content: "\F0F20";
}

.mdi-reproduction::before {
  content: "\F045C";
}

.mdi-resistor::before {
  content: "\F0B44";
}

.mdi-resistor-nodes::before {
  content: "\F0B45";
}

.mdi-resize::before {
  content: "\F0A68";
}

.mdi-resize-bottom-right::before {
  content: "\F045D";
}

.mdi-responsive::before {
  content: "\F045E";
}

.mdi-restart::before {
  content: "\F0709";
}

.mdi-restart-alert::before {
  content: "\F110C";
}

.mdi-restart-off::before {
  content: "\F0D95";
}

.mdi-restore::before {
  content: "\F099B";
}

.mdi-restore-alert::before {
  content: "\F110D";
}

.mdi-rewind::before {
  content: "\F045F";
}

.mdi-rewind-10::before {
  content: "\F0D2A";
}

.mdi-rewind-15::before {
  content: "\F1946";
}

.mdi-rewind-30::before {
  content: "\F0D96";
}

.mdi-rewind-45::before {
  content: "\F1B13";
}

.mdi-rewind-5::before {
  content: "\F11F9";
}

.mdi-rewind-60::before {
  content: "\F160C";
}

.mdi-rewind-outline::before {
  content: "\F070A";
}

.mdi-rhombus::before {
  content: "\F070B";
}

.mdi-rhombus-medium::before {
  content: "\F0A10";
}

.mdi-rhombus-medium-outline::before {
  content: "\F14DC";
}

.mdi-rhombus-outline::before {
  content: "\F070C";
}

.mdi-rhombus-split::before {
  content: "\F0A11";
}

.mdi-rhombus-split-outline::before {
  content: "\F14DD";
}

.mdi-ribbon::before {
  content: "\F0460";
}

.mdi-rice::before {
  content: "\F07EA";
}

.mdi-rickshaw::before {
  content: "\F15BB";
}

.mdi-rickshaw-electric::before {
  content: "\F15BC";
}

.mdi-ring::before {
  content: "\F07EB";
}

.mdi-rivet::before {
  content: "\F0E60";
}

.mdi-road::before {
  content: "\F0461";
}

.mdi-road-variant::before {
  content: "\F0462";
}

.mdi-robber::before {
  content: "\F1058";
}

.mdi-robot::before {
  content: "\F06A9";
}

.mdi-robot-angry::before {
  content: "\F169D";
}

.mdi-robot-angry-outline::before {
  content: "\F169E";
}

.mdi-robot-confused::before {
  content: "\F169F";
}

.mdi-robot-confused-outline::before {
  content: "\F16A0";
}

.mdi-robot-dead::before {
  content: "\F16A1";
}

.mdi-robot-dead-outline::before {
  content: "\F16A2";
}

.mdi-robot-excited::before {
  content: "\F16A3";
}

.mdi-robot-excited-outline::before {
  content: "\F16A4";
}

.mdi-robot-happy::before {
  content: "\F1719";
}

.mdi-robot-happy-outline::before {
  content: "\F171A";
}

.mdi-robot-industrial::before {
  content: "\F0B46";
}

.mdi-robot-industrial-outline::before {
  content: "\F1A1A";
}

.mdi-robot-love::before {
  content: "\F16A5";
}

.mdi-robot-love-outline::before {
  content: "\F16A6";
}

.mdi-robot-mower::before {
  content: "\F11F7";
}

.mdi-robot-mower-outline::before {
  content: "\F11F3";
}

.mdi-robot-off::before {
  content: "\F16A7";
}

.mdi-robot-off-outline::before {
  content: "\F167B";
}

.mdi-robot-outline::before {
  content: "\F167A";
}

.mdi-robot-vacuum::before {
  content: "\F070D";
}

.mdi-robot-vacuum-alert::before {
  content: "\F1B5D";
}

.mdi-robot-vacuum-off::before {
  content: "\F1C01";
}

.mdi-robot-vacuum-variant::before {
  content: "\F0908";
}

.mdi-robot-vacuum-variant-alert::before {
  content: "\F1B5E";
}

.mdi-robot-vacuum-variant-off::before {
  content: "\F1C02";
}

.mdi-rocket::before {
  content: "\F0463";
}

.mdi-rocket-launch::before {
  content: "\F14DE";
}

.mdi-rocket-launch-outline::before {
  content: "\F14DF";
}

.mdi-rocket-outline::before {
  content: "\F13AF";
}

.mdi-rodent::before {
  content: "\F1327";
}

.mdi-roller-shade::before {
  content: "\F1A6B";
}

.mdi-roller-shade-closed::before {
  content: "\F1A6C";
}

.mdi-roller-skate::before {
  content: "\F0D2B";
}

.mdi-roller-skate-off::before {
  content: "\F0145";
}

.mdi-rollerblade::before {
  content: "\F0D2C";
}

.mdi-rollerblade-off::before {
  content: "\F002E";
}

.mdi-rollupjs::before {
  content: "\F0BC0";
}

.mdi-rolodex::before {
  content: "\F1AB9";
}

.mdi-rolodex-outline::before {
  content: "\F1ABA";
}

.mdi-roman-numeral-1::before {
  content: "\F1088";
}

.mdi-roman-numeral-10::before {
  content: "\F1091";
}

.mdi-roman-numeral-2::before {
  content: "\F1089";
}

.mdi-roman-numeral-3::before {
  content: "\F108A";
}

.mdi-roman-numeral-4::before {
  content: "\F108B";
}

.mdi-roman-numeral-5::before {
  content: "\F108C";
}

.mdi-roman-numeral-6::before {
  content: "\F108D";
}

.mdi-roman-numeral-7::before {
  content: "\F108E";
}

.mdi-roman-numeral-8::before {
  content: "\F108F";
}

.mdi-roman-numeral-9::before {
  content: "\F1090";
}

.mdi-room-service::before {
  content: "\F088D";
}

.mdi-room-service-outline::before {
  content: "\F0D97";
}

.mdi-rotate-360::before {
  content: "\F1999";
}

.mdi-rotate-3d::before {
  content: "\F0EC7";
}

.mdi-rotate-3d-variant::before {
  content: "\F0464";
}

.mdi-rotate-left::before {
  content: "\F0465";
}

.mdi-rotate-left-variant::before {
  content: "\F0466";
}

.mdi-rotate-orbit::before {
  content: "\F0D98";
}

.mdi-rotate-right::before {
  content: "\F0467";
}

.mdi-rotate-right-variant::before {
  content: "\F0468";
}

.mdi-rounded-corner::before {
  content: "\F0607";
}

.mdi-router::before {
  content: "\F11E2";
}

.mdi-router-network::before {
  content: "\F1087";
}

.mdi-router-network-wireless::before {
  content: "\F1C97";
}

.mdi-router-wireless::before {
  content: "\F0469";
}

.mdi-router-wireless-off::before {
  content: "\F15A3";
}

.mdi-router-wireless-settings::before {
  content: "\F0A69";
}

.mdi-routes::before {
  content: "\F046A";
}

.mdi-routes-clock::before {
  content: "\F1059";
}

.mdi-rowing::before {
  content: "\F0608";
}

.mdi-rss::before {
  content: "\F046B";
}

.mdi-rss-box::before {
  content: "\F046C";
}

.mdi-rss-off::before {
  content: "\F0F21";
}

.mdi-rug::before {
  content: "\F1475";
}

.mdi-rugby::before {
  content: "\F0D99";
}

.mdi-ruler::before {
  content: "\F046D";
}

.mdi-ruler-square::before {
  content: "\F0CC2";
}

.mdi-ruler-square-compass::before {
  content: "\F0EBE";
}

.mdi-run::before {
  content: "\F070E";
}

.mdi-run-fast::before {
  content: "\F046E";
}

.mdi-rv-truck::before {
  content: "\F11D4";
}

.mdi-sack::before {
  content: "\F0D2E";
}

.mdi-sack-outline::before {
  content: "\F1C4C";
}

.mdi-sack-percent::before {
  content: "\F0D2F";
}

.mdi-safe::before {
  content: "\F0A6A";
}

.mdi-safe-square::before {
  content: "\F127C";
}

.mdi-safe-square-outline::before {
  content: "\F127D";
}

.mdi-safety-goggles::before {
  content: "\F0D30";
}

.mdi-sail-boat::before {
  content: "\F0EC8";
}

.mdi-sail-boat-sink::before {
  content: "\F1AEF";
}

.mdi-sale::before {
  content: "\F046F";
}

.mdi-sale-outline::before {
  content: "\F1A06";
}

.mdi-salesforce::before {
  content: "\F088E";
}

.mdi-sass::before {
  content: "\F07EC";
}

.mdi-satellite::before {
  content: "\F0470";
}

.mdi-satellite-uplink::before {
  content: "\F0909";
}

.mdi-satellite-variant::before {
  content: "\F0471";
}

.mdi-sausage::before {
  content: "\F08BA";
}

.mdi-sausage-off::before {
  content: "\F1789";
}

.mdi-saw-blade::before {
  content: "\F0E61";
}

.mdi-sawtooth-wave::before {
  content: "\F147A";
}

.mdi-saxophone::before {
  content: "\F0609";
}

.mdi-scale::before {
  content: "\F0472";
}

.mdi-scale-balance::before {
  content: "\F05D1";
}

.mdi-scale-bathroom::before {
  content: "\F0473";
}

.mdi-scale-off::before {
  content: "\F105A";
}

.mdi-scale-unbalanced::before {
  content: "\F19B8";
}

.mdi-scan-helper::before {
  content: "\F13D8";
}

.mdi-scanner::before {
  content: "\F06AB";
}

.mdi-scanner-off::before {
  content: "\F090A";
}

.mdi-scatter-plot::before {
  content: "\F0EC9";
}

.mdi-scatter-plot-outline::before {
  content: "\F0ECA";
}

.mdi-scent::before {
  content: "\F1958";
}

.mdi-scent-off::before {
  content: "\F1959";
}

.mdi-school::before {
  content: "\F0474";
}

.mdi-school-outline::before {
  content: "\F1180";
}

.mdi-scissors-cutting::before {
  content: "\F0A6B";
}

.mdi-scooter::before {
  content: "\F15BD";
}

.mdi-scooter-electric::before {
  content: "\F15BE";
}

.mdi-scoreboard::before {
  content: "\F127E";
}

.mdi-scoreboard-outline::before {
  content: "\F127F";
}

.mdi-screen-rotation::before {
  content: "\F0475";
}

.mdi-screen-rotation-lock::before {
  content: "\F0478";
}

.mdi-screw-flat-top::before {
  content: "\F0DF3";
}

.mdi-screw-lag::before {
  content: "\F0DF4";
}

.mdi-screw-machine-flat-top::before {
  content: "\F0DF5";
}

.mdi-screw-machine-round-top::before {
  content: "\F0DF6";
}

.mdi-screw-round-top::before {
  content: "\F0DF7";
}

.mdi-screwdriver::before {
  content: "\F0476";
}

.mdi-script::before {
  content: "\F0BC1";
}

.mdi-script-outline::before {
  content: "\F0477";
}

.mdi-script-text::before {
  content: "\F0BC2";
}

.mdi-script-text-key::before {
  content: "\F1725";
}

.mdi-script-text-key-outline::before {
  content: "\F1726";
}

.mdi-script-text-outline::before {
  content: "\F0BC3";
}

.mdi-script-text-play::before {
  content: "\F1727";
}

.mdi-script-text-play-outline::before {
  content: "\F1728";
}

.mdi-sd::before {
  content: "\F0479";
}

.mdi-seal::before {
  content: "\F047A";
}

.mdi-seal-variant::before {
  content: "\F0FD9";
}

.mdi-search-web::before {
  content: "\F070F";
}

.mdi-seat::before {
  content: "\F0CC3";
}

.mdi-seat-flat::before {
  content: "\F047B";
}

.mdi-seat-flat-angled::before {
  content: "\F047C";
}

.mdi-seat-individual-suite::before {
  content: "\F047D";
}

.mdi-seat-legroom-extra::before {
  content: "\F047E";
}

.mdi-seat-legroom-normal::before {
  content: "\F047F";
}

.mdi-seat-legroom-reduced::before {
  content: "\F0480";
}

.mdi-seat-outline::before {
  content: "\F0CC4";
}

.mdi-seat-passenger::before {
  content: "\F1249";
}

.mdi-seat-recline-extra::before {
  content: "\F0481";
}

.mdi-seat-recline-normal::before {
  content: "\F0482";
}

.mdi-seatbelt::before {
  content: "\F0CC5";
}

.mdi-security::before {
  content: "\F0483";
}

.mdi-security-network::before {
  content: "\F0484";
}

.mdi-seed::before {
  content: "\F0E62";
}

.mdi-seed-off::before {
  content: "\F13FD";
}

.mdi-seed-off-outline::before {
  content: "\F13FE";
}

.mdi-seed-outline::before {
  content: "\F0E63";
}

.mdi-seed-plus::before {
  content: "\F1A6D";
}

.mdi-seed-plus-outline::before {
  content: "\F1A6E";
}

.mdi-seesaw::before {
  content: "\F15A4";
}

.mdi-segment::before {
  content: "\F0ECB";
}

.mdi-select::before {
  content: "\F0485";
}

.mdi-select-all::before {
  content: "\F0486";
}

.mdi-select-arrow-down::before {
  content: "\F1B59";
}

.mdi-select-arrow-up::before {
  content: "\F1B58";
}

.mdi-select-color::before {
  content: "\F0D31";
}

.mdi-select-compare::before {
  content: "\F0AD9";
}

.mdi-select-drag::before {
  content: "\F0A6C";
}

.mdi-select-group::before {
  content: "\F0F82";
}

.mdi-select-inverse::before {
  content: "\F0487";
}

.mdi-select-marker::before {
  content: "\F1280";
}

.mdi-select-multiple::before {
  content: "\F1281";
}

.mdi-select-multiple-marker::before {
  content: "\F1282";
}

.mdi-select-off::before {
  content: "\F0488";
}

.mdi-select-place::before {
  content: "\F0FDA";
}

.mdi-select-remove::before {
  content: "\F17C1";
}

.mdi-select-search::before {
  content: "\F1204";
}

.mdi-selection::before {
  content: "\F0489";
}

.mdi-selection-drag::before {
  content: "\F0A6D";
}

.mdi-selection-ellipse::before {
  content: "\F0D32";
}

.mdi-selection-ellipse-arrow-inside::before {
  content: "\F0F22";
}

.mdi-selection-ellipse-remove::before {
  content: "\F17C2";
}

.mdi-selection-marker::before {
  content: "\F1283";
}

.mdi-selection-multiple::before {
  content: "\F1285";
}

.mdi-selection-multiple-marker::before {
  content: "\F1284";
}

.mdi-selection-off::before {
  content: "\F0777";
}

.mdi-selection-remove::before {
  content: "\F17C3";
}

.mdi-selection-search::before {
  content: "\F1205";
}

.mdi-semantic-web::before {
  content: "\F1316";
}

.mdi-send::before {
  content: "\F048A";
}

.mdi-send-check::before {
  content: "\F1161";
}

.mdi-send-check-outline::before {
  content: "\F1162";
}

.mdi-send-circle::before {
  content: "\F0DF8";
}

.mdi-send-circle-outline::before {
  content: "\F0DF9";
}

.mdi-send-clock::before {
  content: "\F1163";
}

.mdi-send-clock-outline::before {
  content: "\F1164";
}

.mdi-send-lock::before {
  content: "\F07ED";
}

.mdi-send-lock-outline::before {
  content: "\F1166";
}

.mdi-send-outline::before {
  content: "\F1165";
}

.mdi-send-variant::before {
  content: "\F1C4D";
}

.mdi-send-variant-clock::before {
  content: "\F1C7E";
}

.mdi-send-variant-clock-outline::before {
  content: "\F1C7F";
}

.mdi-send-variant-outline::before {
  content: "\F1C4E";
}

.mdi-serial-port::before {
  content: "\F065C";
}

.mdi-server::before {
  content: "\F048B";
}

.mdi-server-minus::before {
  content: "\F048C";
}

.mdi-server-minus-outline::before {
  content: "\F1C98";
}

.mdi-server-network::before {
  content: "\F048D";
}

.mdi-server-network-off::before {
  content: "\F048E";
}

.mdi-server-network-outline::before {
  content: "\F1C99";
}

.mdi-server-off::before {
  content: "\F048F";
}

.mdi-server-outline::before {
  content: "\F1C9A";
}

.mdi-server-plus::before {
  content: "\F0490";
}

.mdi-server-plus-outline::before {
  content: "\F1C9B";
}

.mdi-server-remove::before {
  content: "\F0491";
}

.mdi-server-security::before {
  content: "\F0492";
}

.mdi-set-all::before {
  content: "\F0778";
}

.mdi-set-center::before {
  content: "\F0779";
}

.mdi-set-center-right::before {
  content: "\F077A";
}

.mdi-set-left::before {
  content: "\F077B";
}

.mdi-set-left-center::before {
  content: "\F077C";
}

.mdi-set-left-right::before {
  content: "\F077D";
}

.mdi-set-merge::before {
  content: "\F14E0";
}

.mdi-set-none::before {
  content: "\F077E";
}

.mdi-set-right::before {
  content: "\F077F";
}

.mdi-set-split::before {
  content: "\F14E1";
}

.mdi-set-square::before {
  content: "\F145D";
}

.mdi-set-top-box::before {
  content: "\F099F";
}

.mdi-settings-helper::before {
  content: "\F0A6E";
}

.mdi-shaker::before {
  content: "\F110E";
}

.mdi-shaker-outline::before {
  content: "\F110F";
}

.mdi-shape::before {
  content: "\F0831";
}

.mdi-shape-circle-plus::before {
  content: "\F065D";
}

.mdi-shape-outline::before {
  content: "\F0832";
}

.mdi-shape-oval-plus::before {
  content: "\F11FA";
}

.mdi-shape-plus::before {
  content: "\F0495";
}

.mdi-shape-plus-outline::before {
  content: "\F1C4F";
}

.mdi-shape-polygon-plus::before {
  content: "\F065E";
}

.mdi-shape-rectangle-plus::before {
  content: "\F065F";
}

.mdi-shape-square-plus::before {
  content: "\F0660";
}

.mdi-shape-square-rounded-plus::before {
  content: "\F14FA";
}

.mdi-share::before {
  content: "\F0496";
}

.mdi-share-all::before {
  content: "\F11F4";
}

.mdi-share-all-outline::before {
  content: "\F11F5";
}

.mdi-share-circle::before {
  content: "\F11AD";
}

.mdi-share-off::before {
  content: "\F0F23";
}

.mdi-share-off-outline::before {
  content: "\F0F24";
}

.mdi-share-outline::before {
  content: "\F0932";
}

.mdi-share-variant::before {
  content: "\F0497";
}

.mdi-share-variant-outline::before {
  content: "\F1514";
}

.mdi-shark::before {
  content: "\F18BA";
}

.mdi-shark-fin::before {
  content: "\F1673";
}

.mdi-shark-fin-outline::before {
  content: "\F1674";
}

.mdi-shark-off::before {
  content: "\F18BB";
}

.mdi-sheep::before {
  content: "\F0CC6";
}

.mdi-shield::before {
  content: "\F0498";
}

.mdi-shield-account::before {
  content: "\F088F";
}

.mdi-shield-account-outline::before {
  content: "\F0A12";
}

.mdi-shield-account-variant::before {
  content: "\F15A7";
}

.mdi-shield-account-variant-outline::before {
  content: "\F15A8";
}

.mdi-shield-airplane::before {
  content: "\F06BB";
}

.mdi-shield-airplane-outline::before {
  content: "\F0CC7";
}

.mdi-shield-alert::before {
  content: "\F0ECC";
}

.mdi-shield-alert-outline::before {
  content: "\F0ECD";
}

.mdi-shield-bug::before {
  content: "\F13DA";
}

.mdi-shield-bug-outline::before {
  content: "\F13DB";
}

.mdi-shield-car::before {
  content: "\F0F83";
}

.mdi-shield-check::before {
  content: "\F0565";
}

.mdi-shield-check-outline::before {
  content: "\F0CC8";
}

.mdi-shield-cross::before {
  content: "\F0CC9";
}

.mdi-shield-cross-outline::before {
  content: "\F0CCA";
}

.mdi-shield-crown::before {
  content: "\F18BC";
}

.mdi-shield-crown-outline::before {
  content: "\F18BD";
}

.mdi-shield-edit::before {
  content: "\F11A0";
}

.mdi-shield-edit-outline::before {
  content: "\F11A1";
}

.mdi-shield-half::before {
  content: "\F1360";
}

.mdi-shield-half-full::before {
  content: "\F0780";
}

.mdi-shield-home::before {
  content: "\F068A";
}

.mdi-shield-home-outline::before {
  content: "\F0CCB";
}

.mdi-shield-key::before {
  content: "\F0BC4";
}

.mdi-shield-key-outline::before {
  content: "\F0BC5";
}

.mdi-shield-link-variant::before {
  content: "\F0D33";
}

.mdi-shield-link-variant-outline::before {
  content: "\F0D34";
}

.mdi-shield-lock::before {
  content: "\F099D";
}

.mdi-shield-lock-open::before {
  content: "\F199A";
}

.mdi-shield-lock-open-outline::before {
  content: "\F199B";
}

.mdi-shield-lock-outline::before {
  content: "\F0CCC";
}

.mdi-shield-moon::before {
  content: "\F1828";
}

.mdi-shield-moon-outline::before {
  content: "\F1829";
}

.mdi-shield-off::before {
  content: "\F099E";
}

.mdi-shield-off-outline::before {
  content: "\F099C";
}

.mdi-shield-outline::before {
  content: "\F0499";
}

.mdi-shield-plus::before {
  content: "\F0ADA";
}

.mdi-shield-plus-outline::before {
  content: "\F0ADB";
}

.mdi-shield-refresh::before {
  content: "\F00AA";
}

.mdi-shield-refresh-outline::before {
  content: "\F01E0";
}

.mdi-shield-remove::before {
  content: "\F0ADC";
}

.mdi-shield-remove-outline::before {
  content: "\F0ADD";
}

.mdi-shield-search::before {
  content: "\F0D9A";
}

.mdi-shield-star::before {
  content: "\F113B";
}

.mdi-shield-star-outline::before {
  content: "\F113C";
}

.mdi-shield-sun::before {
  content: "\F105D";
}

.mdi-shield-sun-outline::before {
  content: "\F105E";
}

.mdi-shield-sword::before {
  content: "\F18BE";
}

.mdi-shield-sword-outline::before {
  content: "\F18BF";
}

.mdi-shield-sync::before {
  content: "\F11A2";
}

.mdi-shield-sync-outline::before {
  content: "\F11A3";
}

.mdi-shimmer::before {
  content: "\F1545";
}

.mdi-ship-wheel::before {
  content: "\F0833";
}

.mdi-shipping-pallet::before {
  content: "\F184E";
}

.mdi-shoe-ballet::before {
  content: "\F15CA";
}

.mdi-shoe-cleat::before {
  content: "\F15C7";
}

.mdi-shoe-formal::before {
  content: "\F0B47";
}

.mdi-shoe-heel::before {
  content: "\F0B48";
}

.mdi-shoe-print::before {
  content: "\F0DFA";
}

.mdi-shoe-sneaker::before {
  content: "\F15C8";
}

.mdi-shopping::before {
  content: "\F049A";
}

.mdi-shopping-music::before {
  content: "\F049B";
}

.mdi-shopping-outline::before {
  content: "\F11D5";
}

.mdi-shopping-search::before {
  content: "\F0F84";
}

.mdi-shopping-search-outline::before {
  content: "\F1A6F";
}

.mdi-shore::before {
  content: "\F14F9";
}

.mdi-shovel::before {
  content: "\F0710";
}

.mdi-shovel-off::before {
  content: "\F0711";
}

.mdi-shower::before {
  content: "\F09A0";
}

.mdi-shower-head::before {
  content: "\F09A1";
}

.mdi-shredder::before {
  content: "\F049C";
}

.mdi-shuffle::before {
  content: "\F049D";
}

.mdi-shuffle-disabled::before {
  content: "\F049E";
}

.mdi-shuffle-variant::before {
  content: "\F049F";
}

.mdi-shuriken::before {
  content: "\F137F";
}

.mdi-sickle::before {
  content: "\F18C0";
}

.mdi-sigma::before {
  content: "\F04A0";
}

.mdi-sigma-lower::before {
  content: "\F062B";
}

.mdi-sign-caution::before {
  content: "\F04A1";
}

.mdi-sign-direction::before {
  content: "\F0781";
}

.mdi-sign-direction-minus::before {
  content: "\F1000";
}

.mdi-sign-direction-plus::before {
  content: "\F0FDC";
}

.mdi-sign-direction-remove::before {
  content: "\F0FDD";
}

.mdi-sign-language::before {
  content: "\F1B4D";
}

.mdi-sign-language-outline::before {
  content: "\F1B4E";
}

.mdi-sign-pole::before {
  content: "\F14F8";
}

.mdi-sign-real-estate::before {
  content: "\F1118";
}

.mdi-sign-text::before {
  content: "\F0782";
}

.mdi-sign-yield::before {
  content: "\F1BAF";
}

.mdi-signal::before {
  content: "\F04A2";
}

.mdi-signal-2g::before {
  content: "\F0712";
}

.mdi-signal-3g::before {
  content: "\F0713";
}

.mdi-signal-4g::before {
  content: "\F0714";
}

.mdi-signal-5g::before {
  content: "\F0A6F";
}

.mdi-signal-cellular-1::before {
  content: "\F08BC";
}

.mdi-signal-cellular-2::before {
  content: "\F08BD";
}

.mdi-signal-cellular-3::before {
  content: "\F08BE";
}

.mdi-signal-cellular-outline::before {
  content: "\F08BF";
}

.mdi-signal-distance-variant::before {
  content: "\F0E64";
}

.mdi-signal-hspa::before {
  content: "\F0715";
}

.mdi-signal-hspa-plus::before {
  content: "\F0716";
}

.mdi-signal-off::before {
  content: "\F0783";
}

.mdi-signal-variant::before {
  content: "\F060A";
}

.mdi-signature::before {
  content: "\F0DFB";
}

.mdi-signature-freehand::before {
  content: "\F0DFC";
}

.mdi-signature-image::before {
  content: "\F0DFD";
}

.mdi-signature-text::before {
  content: "\F0DFE";
}

.mdi-silo::before {
  content: "\F1B9F";
}

.mdi-silo-outline::before {
  content: "\F0B49";
}

.mdi-silverware::before {
  content: "\F04A3";
}

.mdi-silverware-clean::before {
  content: "\F0FDE";
}

.mdi-silverware-fork::before {
  content: "\F04A4";
}

.mdi-silverware-fork-knife::before {
  content: "\F0A70";
}

.mdi-silverware-spoon::before {
  content: "\F04A5";
}

.mdi-silverware-variant::before {
  content: "\F04A6";
}

.mdi-sim::before {
  content: "\F04A7";
}

.mdi-sim-alert::before {
  content: "\F04A8";
}

.mdi-sim-alert-outline::before {
  content: "\F15D3";
}

.mdi-sim-off::before {
  content: "\F04A9";
}

.mdi-sim-off-outline::before {
  content: "\F15D4";
}

.mdi-sim-outline::before {
  content: "\F15D5";
}

.mdi-simple-icons::before {
  content: "\F131D";
}

.mdi-sina-weibo::before {
  content: "\F0ADF";
}

.mdi-sine-wave::before {
  content: "\F095B";
}

.mdi-sitemap::before {
  content: "\F04AA";
}

.mdi-sitemap-outline::before {
  content: "\F199C";
}

.mdi-size-l::before {
  content: "\F13A6";
}

.mdi-size-m::before {
  content: "\F13A5";
}

.mdi-size-s::before {
  content: "\F13A4";
}

.mdi-size-xl::before {
  content: "\F13A7";
}

.mdi-size-xs::before {
  content: "\F13A3";
}

.mdi-size-xxl::before {
  content: "\F13A8";
}

.mdi-size-xxs::before {
  content: "\F13A2";
}

.mdi-size-xxxl::before {
  content: "\F13A9";
}

.mdi-skate::before {
  content: "\F0D35";
}

.mdi-skate-off::before {
  content: "\F0699";
}

.mdi-skateboard::before {
  content: "\F14C2";
}

.mdi-skateboarding::before {
  content: "\F0501";
}

.mdi-skew-less::before {
  content: "\F0D36";
}

.mdi-skew-more::before {
  content: "\F0D37";
}

.mdi-ski::before {
  content: "\F1304";
}

.mdi-ski-cross-country::before {
  content: "\F1305";
}

.mdi-ski-water::before {
  content: "\F1306";
}

.mdi-skip-backward::before {
  content: "\F04AB";
}

.mdi-skip-backward-outline::before {
  content: "\F0F25";
}

.mdi-skip-forward::before {
  content: "\F04AC";
}

.mdi-skip-forward-outline::before {
  content: "\F0F26";
}

.mdi-skip-next::before {
  content: "\F04AD";
}

.mdi-skip-next-circle::before {
  content: "\F0661";
}

.mdi-skip-next-circle-outline::before {
  content: "\F0662";
}

.mdi-skip-next-outline::before {
  content: "\F0F27";
}

.mdi-skip-previous::before {
  content: "\F04AE";
}

.mdi-skip-previous-circle::before {
  content: "\F0663";
}

.mdi-skip-previous-circle-outline::before {
  content: "\F0664";
}

.mdi-skip-previous-outline::before {
  content: "\F0F28";
}

.mdi-skull::before {
  content: "\F068C";
}

.mdi-skull-crossbones::before {
  content: "\F0BC6";
}

.mdi-skull-crossbones-outline::before {
  content: "\F0BC7";
}

.mdi-skull-outline::before {
  content: "\F0BC8";
}

.mdi-skull-scan::before {
  content: "\F14C7";
}

.mdi-skull-scan-outline::before {
  content: "\F14C8";
}

.mdi-skype::before {
  content: "\F04AF";
}

.mdi-skype-business::before {
  content: "\F04B0";
}

.mdi-slack::before {
  content: "\F04B1";
}

.mdi-slash-forward::before {
  content: "\F0FDF";
}

.mdi-slash-forward-box::before {
  content: "\F0FE0";
}

.mdi-sledding::before {
  content: "\F041B";
}

.mdi-sleep::before {
  content: "\F04B2";
}

.mdi-sleep-off::before {
  content: "\F04B3";
}

.mdi-slide::before {
  content: "\F15A5";
}

.mdi-slope-downhill::before {
  content: "\F0DFF";
}

.mdi-slope-uphill::before {
  content: "\F0E00";
}

.mdi-slot-machine::before {
  content: "\F1114";
}

.mdi-slot-machine-outline::before {
  content: "\F1115";
}

.mdi-smart-card::before {
  content: "\F10BD";
}

.mdi-smart-card-off::before {
  content: "\F18F7";
}

.mdi-smart-card-off-outline::before {
  content: "\F18F8";
}

.mdi-smart-card-outline::before {
  content: "\F10BE";
}

.mdi-smart-card-reader::before {
  content: "\F10BF";
}

.mdi-smart-card-reader-outline::before {
  content: "\F10C0";
}

.mdi-smog::before {
  content: "\F0A71";
}

.mdi-smoke::before {
  content: "\F1799";
}

.mdi-smoke-detector::before {
  content: "\F0392";
}

.mdi-smoke-detector-alert::before {
  content: "\F192E";
}

.mdi-smoke-detector-alert-outline::before {
  content: "\F192F";
}

.mdi-smoke-detector-off::before {
  content: "\F1809";
}

.mdi-smoke-detector-off-outline::before {
  content: "\F180A";
}

.mdi-smoke-detector-outline::before {
  content: "\F1808";
}

.mdi-smoke-detector-variant::before {
  content: "\F180B";
}

.mdi-smoke-detector-variant-alert::before {
  content: "\F1930";
}

.mdi-smoke-detector-variant-off::before {
  content: "\F180C";
}

.mdi-smoking::before {
  content: "\F04B4";
}

.mdi-smoking-off::before {
  content: "\F04B5";
}

.mdi-smoking-pipe::before {
  content: "\F140D";
}

.mdi-smoking-pipe-off::before {
  content: "\F1428";
}

.mdi-snail::before {
  content: "\F1677";
}

.mdi-snake::before {
  content: "\F150E";
}

.mdi-snapchat::before {
  content: "\F04B6";
}

.mdi-snowboard::before {
  content: "\F1307";
}

.mdi-snowflake::before {
  content: "\F0717";
}

.mdi-snowflake-alert::before {
  content: "\F0F29";
}

.mdi-snowflake-check::before {
  content: "\F1A70";
}

.mdi-snowflake-melt::before {
  content: "\F12CB";
}

.mdi-snowflake-off::before {
  content: "\F14E3";
}

.mdi-snowflake-thermometer::before {
  content: "\F1A71";
}

.mdi-snowflake-variant::before {
  content: "\F0F2A";
}

.mdi-snowman::before {
  content: "\F04B7";
}

.mdi-snowmobile::before {
  content: "\F06DD";
}

.mdi-snowshoeing::before {
  content: "\F1A72";
}

.mdi-soccer::before {
  content: "\F04B8";
}

.mdi-soccer-field::before {
  content: "\F0834";
}

.mdi-social-distance-2-meters::before {
  content: "\F1579";
}

.mdi-social-distance-6-feet::before {
  content: "\F157A";
}

.mdi-sofa::before {
  content: "\F04B9";
}

.mdi-sofa-outline::before {
  content: "\F156D";
}

.mdi-sofa-single::before {
  content: "\F156E";
}

.mdi-sofa-single-outline::before {
  content: "\F156F";
}

.mdi-solar-panel::before {
  content: "\F0D9B";
}

.mdi-solar-panel-large::before {
  content: "\F0D9C";
}

.mdi-solar-power::before {
  content: "\F0A72";
}

.mdi-solar-power-variant::before {
  content: "\F1A73";
}

.mdi-solar-power-variant-outline::before {
  content: "\F1A74";
}

.mdi-soldering-iron::before {
  content: "\F1092";
}

.mdi-solid::before {
  content: "\F068D";
}

.mdi-sony-playstation::before {
  content: "\F0414";
}

.mdi-sort::before {
  content: "\F04BA";
}

.mdi-sort-alphabetical-ascending::before {
  content: "\F05BD";
}

.mdi-sort-alphabetical-ascending-variant::before {
  content: "\F1148";
}

.mdi-sort-alphabetical-descending::before {
  content: "\F05BF";
}

.mdi-sort-alphabetical-descending-variant::before {
  content: "\F1149";
}

.mdi-sort-alphabetical-variant::before {
  content: "\F04BB";
}

.mdi-sort-ascending::before {
  content: "\F04BC";
}

.mdi-sort-bool-ascending::before {
  content: "\F1385";
}

.mdi-sort-bool-ascending-variant::before {
  content: "\F1386";
}

.mdi-sort-bool-descending::before {
  content: "\F1387";
}

.mdi-sort-bool-descending-variant::before {
  content: "\F1388";
}

.mdi-sort-calendar-ascending::before {
  content: "\F1547";
}

.mdi-sort-calendar-descending::before {
  content: "\F1548";
}

.mdi-sort-clock-ascending::before {
  content: "\F1549";
}

.mdi-sort-clock-ascending-outline::before {
  content: "\F154A";
}

.mdi-sort-clock-descending::before {
  content: "\F154B";
}

.mdi-sort-clock-descending-outline::before {
  content: "\F154C";
}

.mdi-sort-descending::before {
  content: "\F04BD";
}

.mdi-sort-numeric-ascending::before {
  content: "\F1389";
}

.mdi-sort-numeric-ascending-variant::before {
  content: "\F090D";
}

.mdi-sort-numeric-descending::before {
  content: "\F138A";
}

.mdi-sort-numeric-descending-variant::before {
  content: "\F0AD2";
}

.mdi-sort-numeric-variant::before {
  content: "\F04BE";
}

.mdi-sort-reverse-variant::before {
  content: "\F033C";
}

.mdi-sort-variant::before {
  content: "\F04BF";
}

.mdi-sort-variant-lock::before {
  content: "\F0CCD";
}

.mdi-sort-variant-lock-open::before {
  content: "\F0CCE";
}

.mdi-sort-variant-off::before {
  content: "\F1ABB";
}

.mdi-sort-variant-remove::before {
  content: "\F1147";
}

.mdi-soundbar::before {
  content: "\F17DB";
}

.mdi-soundcloud::before {
  content: "\F04C0";
}

.mdi-source-branch::before {
  content: "\F062C";
}

.mdi-source-branch-check::before {
  content: "\F14CF";
}

.mdi-source-branch-minus::before {
  content: "\F14CB";
}

.mdi-source-branch-plus::before {
  content: "\F14CA";
}

.mdi-source-branch-refresh::before {
  content: "\F14CD";
}

.mdi-source-branch-remove::before {
  content: "\F14CC";
}

.mdi-source-branch-sync::before {
  content: "\F14CE";
}

.mdi-source-commit::before {
  content: "\F0718";
}

.mdi-source-commit-end::before {
  content: "\F0719";
}

.mdi-source-commit-end-local::before {
  content: "\F071A";
}

.mdi-source-commit-local::before {
  content: "\F071B";
}

.mdi-source-commit-next-local::before {
  content: "\F071C";
}

.mdi-source-commit-start::before {
  content: "\F071D";
}

.mdi-source-commit-start-next-local::before {
  content: "\F071E";
}

.mdi-source-fork::before {
  content: "\F04C1";
}

.mdi-source-merge::before {
  content: "\F062D";
}

.mdi-source-pull::before {
  content: "\F04C2";
}

.mdi-source-repository::before {
  content: "\F0CCF";
}

.mdi-source-repository-multiple::before {
  content: "\F0CD0";
}

.mdi-soy-sauce::before {
  content: "\F07EE";
}

.mdi-soy-sauce-off::before {
  content: "\F13FC";
}

.mdi-spa::before {
  content: "\F0CD1";
}

.mdi-spa-outline::before {
  content: "\F0CD2";
}

.mdi-space-invaders::before {
  content: "\F0BC9";
}

.mdi-space-station::before {
  content: "\F1383";
}

.mdi-spade::before {
  content: "\F0E65";
}

.mdi-speaker::before {
  content: "\F04C3";
}

.mdi-speaker-bluetooth::before {
  content: "\F09A2";
}

.mdi-speaker-message::before {
  content: "\F1B11";
}

.mdi-speaker-multiple::before {
  content: "\F0D38";
}

.mdi-speaker-off::before {
  content: "\F04C4";
}

.mdi-speaker-pause::before {
  content: "\F1B73";
}

.mdi-speaker-play::before {
  content: "\F1B72";
}

.mdi-speaker-stop::before {
  content: "\F1B74";
}

.mdi-speaker-wireless::before {
  content: "\F071F";
}

.mdi-spear::before {
  content: "\F1845";
}

.mdi-speedometer::before {
  content: "\F04C5";
}

.mdi-speedometer-medium::before {
  content: "\F0F85";
}

.mdi-speedometer-slow::before {
  content: "\F0F86";
}

.mdi-spellcheck::before {
  content: "\F04C6";
}

.mdi-sphere::before {
  content: "\F1954";
}

.mdi-sphere-off::before {
  content: "\F1955";
}

.mdi-spider::before {
  content: "\F11EA";
}

.mdi-spider-outline::before {
  content: "\F1C75";
}

.mdi-spider-thread::before {
  content: "\F11EB";
}

.mdi-spider-web::before {
  content: "\F0BCA";
}

.mdi-spirit-level::before {
  content: "\F14F1";
}

.mdi-spoon-sugar::before {
  content: "\F1429";
}

.mdi-spotify::before {
  content: "\F04C7";
}

.mdi-spotlight::before {
  content: "\F04C8";
}

.mdi-spotlight-beam::before {
  content: "\F04C9";
}

.mdi-spray::before {
  content: "\F0665";
}

.mdi-spray-bottle::before {
  content: "\F0AE0";
}

.mdi-sprinkler::before {
  content: "\F105F";
}

.mdi-sprinkler-fire::before {
  content: "\F199D";
}

.mdi-sprinkler-variant::before {
  content: "\F1060";
}

.mdi-sprout::before {
  content: "\F0E66";
}

.mdi-sprout-outline::before {
  content: "\F0E67";
}

.mdi-square::before {
  content: "\F0764";
}

.mdi-square-circle::before {
  content: "\F1500";
}

.mdi-square-circle-outline::before {
  content: "\F1C50";
}

.mdi-square-edit-outline::before {
  content: "\F090C";
}

.mdi-square-medium::before {
  content: "\F0A13";
}

.mdi-square-medium-outline::before {
  content: "\F0A14";
}

.mdi-square-off::before {
  content: "\F12EE";
}

.mdi-square-off-outline::before {
  content: "\F12EF";
}

.mdi-square-opacity::before {
  content: "\F1854";
}

.mdi-square-outline::before {
  content: "\F0763";
}

.mdi-square-root::before {
  content: "\F0784";
}

.mdi-square-root-box::before {
  content: "\F09A3";
}

.mdi-square-rounded::before {
  content: "\F14FB";
}

.mdi-square-rounded-badge::before {
  content: "\F1A07";
}

.mdi-square-rounded-badge-outline::before {
  content: "\F1A08";
}

.mdi-square-rounded-outline::before {
  content: "\F14FC";
}

.mdi-square-small::before {
  content: "\F0A15";
}

.mdi-square-wave::before {
  content: "\F147B";
}

.mdi-squeegee::before {
  content: "\F0AE1";
}

.mdi-ssh::before {
  content: "\F08C0";
}

.mdi-stack-exchange::before {
  content: "\F060B";
}

.mdi-stack-overflow::before {
  content: "\F04CC";
}

.mdi-stackpath::before {
  content: "\F0359";
}

.mdi-stadium::before {
  content: "\F0FF9";
}

.mdi-stadium-outline::before {
  content: "\F1B03";
}

.mdi-stadium-variant::before {
  content: "\F0720";
}

.mdi-stairs::before {
  content: "\F04CD";
}

.mdi-stairs-box::before {
  content: "\F139E";
}

.mdi-stairs-down::before {
  content: "\F12BE";
}

.mdi-stairs-up::before {
  content: "\F12BD";
}

.mdi-stamper::before {
  content: "\F0D39";
}

.mdi-standard-definition::before {
  content: "\F07EF";
}

.mdi-star::before {
  content: "\F04CE";
}

.mdi-star-box::before {
  content: "\F0A73";
}

.mdi-star-box-multiple::before {
  content: "\F1286";
}

.mdi-star-box-multiple-outline::before {
  content: "\F1287";
}

.mdi-star-box-outline::before {
  content: "\F0A74";
}

.mdi-star-check::before {
  content: "\F1566";
}

.mdi-star-check-outline::before {
  content: "\F156A";
}

.mdi-star-circle::before {
  content: "\F04CF";
}

.mdi-star-circle-outline::before {
  content: "\F09A4";
}

.mdi-star-cog::before {
  content: "\F1668";
}

.mdi-star-cog-outline::before {
  content: "\F1669";
}

.mdi-star-crescent::before {
  content: "\F0979";
}

.mdi-star-david::before {
  content: "\F097A";
}

.mdi-star-face::before {
  content: "\F09A5";
}

.mdi-star-four-points::before {
  content: "\F0AE2";
}

.mdi-star-four-points-box::before {
  content: "\F1C51";
}

.mdi-star-four-points-box-outline::before {
  content: "\F1C52";
}

.mdi-star-four-points-circle::before {
  content: "\F1C53";
}

.mdi-star-four-points-circle-outline::before {
  content: "\F1C54";
}

.mdi-star-four-points-outline::before {
  content: "\F0AE3";
}

.mdi-star-four-points-small::before {
  content: "\F1C55";
}

.mdi-star-half::before {
  content: "\F0246";
}

.mdi-star-half-full::before {
  content: "\F04D0";
}

.mdi-star-minus::before {
  content: "\F1564";
}

.mdi-star-minus-outline::before {
  content: "\F1568";
}

.mdi-star-off::before {
  content: "\F04D1";
}

.mdi-star-off-outline::before {
  content: "\F155B";
}

.mdi-star-outline::before {
  content: "\F04D2";
}

.mdi-star-plus::before {
  content: "\F1563";
}

.mdi-star-plus-outline::before {
  content: "\F1567";
}

.mdi-star-remove::before {
  content: "\F1565";
}

.mdi-star-remove-outline::before {
  content: "\F1569";
}

.mdi-star-settings::before {
  content: "\F166A";
}

.mdi-star-settings-outline::before {
  content: "\F166B";
}

.mdi-star-shooting::before {
  content: "\F1741";
}

.mdi-star-shooting-outline::before {
  content: "\F1742";
}

.mdi-star-three-points::before {
  content: "\F0AE4";
}

.mdi-star-three-points-outline::before {
  content: "\F0AE5";
}

.mdi-state-machine::before {
  content: "\F11EF";
}

.mdi-steam::before {
  content: "\F04D3";
}

.mdi-steering::before {
  content: "\F04D4";
}

.mdi-steering-off::before {
  content: "\F090E";
}

.mdi-step-backward::before {
  content: "\F04D5";
}

.mdi-step-backward-2::before {
  content: "\F04D6";
}

.mdi-step-forward::before {
  content: "\F04D7";
}

.mdi-step-forward-2::before {
  content: "\F04D8";
}

.mdi-stethoscope::before {
  content: "\F04D9";
}

.mdi-sticker::before {
  content: "\F1364";
}

.mdi-sticker-alert::before {
  content: "\F1365";
}

.mdi-sticker-alert-outline::before {
  content: "\F1366";
}

.mdi-sticker-check::before {
  content: "\F1367";
}

.mdi-sticker-check-outline::before {
  content: "\F1368";
}

.mdi-sticker-circle-outline::before {
  content: "\F05D0";
}

.mdi-sticker-emoji::before {
  content: "\F0785";
}

.mdi-sticker-minus::before {
  content: "\F1369";
}

.mdi-sticker-minus-outline::before {
  content: "\F136A";
}

.mdi-sticker-outline::before {
  content: "\F136B";
}

.mdi-sticker-plus::before {
  content: "\F136C";
}

.mdi-sticker-plus-outline::before {
  content: "\F136D";
}

.mdi-sticker-remove::before {
  content: "\F136E";
}

.mdi-sticker-remove-outline::before {
  content: "\F136F";
}

.mdi-sticker-text::before {
  content: "\F178E";
}

.mdi-sticker-text-outline::before {
  content: "\F178F";
}

.mdi-stocking::before {
  content: "\F04DA";
}

.mdi-stomach::before {
  content: "\F1093";
}

.mdi-stool::before {
  content: "\F195D";
}

.mdi-stool-outline::before {
  content: "\F195E";
}

.mdi-stop::before {
  content: "\F04DB";
}

.mdi-stop-circle::before {
  content: "\F0666";
}

.mdi-stop-circle-outline::before {
  content: "\F0667";
}

.mdi-storage-tank::before {
  content: "\F1A75";
}

.mdi-storage-tank-outline::before {
  content: "\F1A76";
}

.mdi-store::before {
  content: "\F04DC";
}

.mdi-store-24-hour::before {
  content: "\F04DD";
}

.mdi-store-alert::before {
  content: "\F18C1";
}

.mdi-store-alert-outline::before {
  content: "\F18C2";
}

.mdi-store-check::before {
  content: "\F18C3";
}

.mdi-store-check-outline::before {
  content: "\F18C4";
}

.mdi-store-clock::before {
  content: "\F18C5";
}

.mdi-store-clock-outline::before {
  content: "\F18C6";
}

.mdi-store-cog::before {
  content: "\F18C7";
}

.mdi-store-cog-outline::before {
  content: "\F18C8";
}

.mdi-store-edit::before {
  content: "\F18C9";
}

.mdi-store-edit-outline::before {
  content: "\F18CA";
}

.mdi-store-marker::before {
  content: "\F18CB";
}

.mdi-store-marker-outline::before {
  content: "\F18CC";
}

.mdi-store-minus::before {
  content: "\F165E";
}

.mdi-store-minus-outline::before {
  content: "\F18CD";
}

.mdi-store-off::before {
  content: "\F18CE";
}

.mdi-store-off-outline::before {
  content: "\F18CF";
}

.mdi-store-outline::before {
  content: "\F1361";
}

.mdi-store-plus::before {
  content: "\F165F";
}

.mdi-store-plus-outline::before {
  content: "\F18D0";
}

.mdi-store-remove::before {
  content: "\F1660";
}

.mdi-store-remove-outline::before {
  content: "\F18D1";
}

.mdi-store-search::before {
  content: "\F18D2";
}

.mdi-store-search-outline::before {
  content: "\F18D3";
}

.mdi-store-settings::before {
  content: "\F18D4";
}

.mdi-store-settings-outline::before {
  content: "\F18D5";
}

.mdi-storefront::before {
  content: "\F07C7";
}

.mdi-storefront-check::before {
  content: "\F1B7D";
}

.mdi-storefront-check-outline::before {
  content: "\F1B7E";
}

.mdi-storefront-edit::before {
  content: "\F1B7F";
}

.mdi-storefront-edit-outline::before {
  content: "\F1B80";
}

.mdi-storefront-minus::before {
  content: "\F1B83";
}

.mdi-storefront-minus-outline::before {
  content: "\F1B84";
}

.mdi-storefront-outline::before {
  content: "\F10C1";
}

.mdi-storefront-plus::before {
  content: "\F1B81";
}

.mdi-storefront-plus-outline::before {
  content: "\F1B82";
}

.mdi-storefront-remove::before {
  content: "\F1B85";
}

.mdi-storefront-remove-outline::before {
  content: "\F1B86";
}

.mdi-stove::before {
  content: "\F04DE";
}

.mdi-strategy::before {
  content: "\F11D6";
}

.mdi-stretch-to-page::before {
  content: "\F0F2B";
}

.mdi-stretch-to-page-outline::before {
  content: "\F0F2C";
}

.mdi-string-lights::before {
  content: "\F12BA";
}

.mdi-string-lights-off::before {
  content: "\F12BB";
}

.mdi-subdirectory-arrow-left::before {
  content: "\F060C";
}

.mdi-subdirectory-arrow-right::before {
  content: "\F060D";
}

.mdi-submarine::before {
  content: "\F156C";
}

.mdi-subtitles::before {
  content: "\F0A16";
}

.mdi-subtitles-outline::before {
  content: "\F0A17";
}

.mdi-subway::before {
  content: "\F06AC";
}

.mdi-subway-alert-variant::before {
  content: "\F0D9D";
}

.mdi-subway-variant::before {
  content: "\F04DF";
}

.mdi-summit::before {
  content: "\F0786";
}

.mdi-sun-angle::before {
  content: "\F1B27";
}

.mdi-sun-angle-outline::before {
  content: "\F1B28";
}

.mdi-sun-clock::before {
  content: "\F1A77";
}

.mdi-sun-clock-outline::before {
  content: "\F1A78";
}

.mdi-sun-compass::before {
  content: "\F19A5";
}

.mdi-sun-snowflake::before {
  content: "\F1796";
}

.mdi-sun-snowflake-variant::before {
  content: "\F1A79";
}

.mdi-sun-thermometer::before {
  content: "\F18D6";
}

.mdi-sun-thermometer-outline::before {
  content: "\F18D7";
}

.mdi-sun-wireless::before {
  content: "\F17FE";
}

.mdi-sun-wireless-outline::before {
  content: "\F17FF";
}

.mdi-sunglasses::before {
  content: "\F04E0";
}

.mdi-surfing::before {
  content: "\F1746";
}

.mdi-surround-sound::before {
  content: "\F05C5";
}

.mdi-surround-sound-2-0::before {
  content: "\F07F0";
}

.mdi-surround-sound-2-1::before {
  content: "\F1729";
}

.mdi-surround-sound-3-1::before {
  content: "\F07F1";
}

.mdi-surround-sound-5-1::before {
  content: "\F07F2";
}

.mdi-surround-sound-5-1-2::before {
  content: "\F172A";
}

.mdi-surround-sound-7-1::before {
  content: "\F07F3";
}

.mdi-svg::before {
  content: "\F0721";
}

.mdi-swap-horizontal::before {
  content: "\F04E1";
}

.mdi-swap-horizontal-bold::before {
  content: "\F0BCD";
}

.mdi-swap-horizontal-circle::before {
  content: "\F0FE1";
}

.mdi-swap-horizontal-circle-outline::before {
  content: "\F0FE2";
}

.mdi-swap-horizontal-hidden::before {
  content: "\F1D0E";
}

.mdi-swap-horizontal-variant::before {
  content: "\F08C1";
}

.mdi-swap-vertical::before {
  content: "\F04E2";
}

.mdi-swap-vertical-bold::before {
  content: "\F0BCE";
}

.mdi-swap-vertical-circle::before {
  content: "\F0FE3";
}

.mdi-swap-vertical-circle-outline::before {
  content: "\F0FE4";
}

.mdi-swap-vertical-variant::before {
  content: "\F08C2";
}

.mdi-swim::before {
  content: "\F04E3";
}

.mdi-switch::before {
  content: "\F04E4";
}

.mdi-sword::before {
  content: "\F04E5";
}

.mdi-sword-cross::before {
  content: "\F0787";
}

.mdi-syllabary-hangul::before {
  content: "\F1333";
}

.mdi-syllabary-hiragana::before {
  content: "\F1334";
}

.mdi-syllabary-katakana::before {
  content: "\F1335";
}

.mdi-syllabary-katakana-halfwidth::before {
  content: "\F1336";
}

.mdi-symbol::before {
  content: "\F1501";
}

.mdi-symfony::before {
  content: "\F0AE6";
}

.mdi-synagogue::before {
  content: "\F1B04";
}

.mdi-synagogue-outline::before {
  content: "\F1B05";
}

.mdi-sync::before {
  content: "\F04E6";
}

.mdi-sync-alert::before {
  content: "\F04E7";
}

.mdi-sync-circle::before {
  content: "\F1378";
}

.mdi-sync-off::before {
  content: "\F04E8";
}

.mdi-tab::before {
  content: "\F04E9";
}

.mdi-tab-minus::before {
  content: "\F0B4B";
}

.mdi-tab-plus::before {
  content: "\F075C";
}

.mdi-tab-remove::before {
  content: "\F0B4C";
}

.mdi-tab-search::before {
  content: "\F199E";
}

.mdi-tab-unselected::before {
  content: "\F04EA";
}

.mdi-table::before {
  content: "\F04EB";
}

.mdi-table-account::before {
  content: "\F13B9";
}

.mdi-table-alert::before {
  content: "\F13BA";
}

.mdi-table-arrow-down::before {
  content: "\F13BB";
}

.mdi-table-arrow-left::before {
  content: "\F13BC";
}

.mdi-table-arrow-right::before {
  content: "\F13BD";
}

.mdi-table-arrow-up::before {
  content: "\F13BE";
}

.mdi-table-border::before {
  content: "\F0A18";
}

.mdi-table-cancel::before {
  content: "\F13BF";
}

.mdi-table-chair::before {
  content: "\F1061";
}

.mdi-table-check::before {
  content: "\F13C0";
}

.mdi-table-clock::before {
  content: "\F13C1";
}

.mdi-table-cog::before {
  content: "\F13C2";
}

.mdi-table-column::before {
  content: "\F0835";
}

.mdi-table-column-plus-after::before {
  content: "\F04EC";
}

.mdi-table-column-plus-before::before {
  content: "\F04ED";
}

.mdi-table-column-remove::before {
  content: "\F04EE";
}

.mdi-table-column-width::before {
  content: "\F04EF";
}

.mdi-table-edit::before {
  content: "\F04F0";
}

.mdi-table-eye::before {
  content: "\F1094";
}

.mdi-table-eye-off::before {
  content: "\F13C3";
}

.mdi-table-filter::before {
  content: "\F1B8C";
}

.mdi-table-furniture::before {
  content: "\F05BC";
}

.mdi-table-headers-eye::before {
  content: "\F121D";
}

.mdi-table-headers-eye-off::before {
  content: "\F121E";
}

.mdi-table-heart::before {
  content: "\F13C4";
}

.mdi-table-key::before {
  content: "\F13C5";
}

.mdi-table-large::before {
  content: "\F04F1";
}

.mdi-table-large-plus::before {
  content: "\F0F87";
}

.mdi-table-large-remove::before {
  content: "\F0F88";
}

.mdi-table-lock::before {
  content: "\F13C6";
}

.mdi-table-merge-cells::before {
  content: "\F09A6";
}

.mdi-table-minus::before {
  content: "\F13C7";
}

.mdi-table-multiple::before {
  content: "\F13C8";
}

.mdi-table-network::before {
  content: "\F13C9";
}

.mdi-table-of-contents::before {
  content: "\F0836";
}

.mdi-table-off::before {
  content: "\F13CA";
}

.mdi-table-picnic::before {
  content: "\F1743";
}

.mdi-table-pivot::before {
  content: "\F183C";
}

.mdi-table-plus::before {
  content: "\F0A75";
}

.mdi-table-question::before {
  content: "\F1B21";
}

.mdi-table-refresh::before {
  content: "\F13A0";
}

.mdi-table-remove::before {
  content: "\F0A76";
}

.mdi-table-row::before {
  content: "\F0837";
}

.mdi-table-row-height::before {
  content: "\F04F2";
}

.mdi-table-row-plus-after::before {
  content: "\F04F3";
}

.mdi-table-row-plus-before::before {
  content: "\F04F4";
}

.mdi-table-row-remove::before {
  content: "\F04F5";
}

.mdi-table-search::before {
  content: "\F090F";
}

.mdi-table-settings::before {
  content: "\F0838";
}

.mdi-table-split-cell::before {
  content: "\F142A";
}

.mdi-table-star::before {
  content: "\F13CB";
}

.mdi-table-sync::before {
  content: "\F13A1";
}

.mdi-table-tennis::before {
  content: "\F0E68";
}

.mdi-tablet::before {
  content: "\F04F6";
}

.mdi-tablet-cellphone::before {
  content: "\F09A7";
}

.mdi-tablet-dashboard::before {
  content: "\F0ECE";
}

.mdi-taco::before {
  content: "\F0762";
}

.mdi-tag::before {
  content: "\F04F9";
}

.mdi-tag-arrow-down::before {
  content: "\F172B";
}

.mdi-tag-arrow-down-outline::before {
  content: "\F172C";
}

.mdi-tag-arrow-left::before {
  content: "\F172D";
}

.mdi-tag-arrow-left-outline::before {
  content: "\F172E";
}

.mdi-tag-arrow-right::before {
  content: "\F172F";
}

.mdi-tag-arrow-right-outline::before {
  content: "\F1730";
}

.mdi-tag-arrow-up::before {
  content: "\F1731";
}

.mdi-tag-arrow-up-outline::before {
  content: "\F1732";
}

.mdi-tag-check::before {
  content: "\F1A7A";
}

.mdi-tag-check-outline::before {
  content: "\F1A7B";
}

.mdi-tag-edit::before {
  content: "\F1C9C";
}

.mdi-tag-edit-outline::before {
  content: "\F1C9D";
}

.mdi-tag-faces::before {
  content: "\F04FA";
}

.mdi-tag-heart::before {
  content: "\F068B";
}

.mdi-tag-heart-outline::before {
  content: "\F0BCF";
}

.mdi-tag-hidden::before {
  content: "\F1C76";
}

.mdi-tag-minus::before {
  content: "\F0910";
}

.mdi-tag-minus-outline::before {
  content: "\F121F";
}

.mdi-tag-multiple::before {
  content: "\F04FB";
}

.mdi-tag-multiple-outline::before {
  content: "\F12F7";
}

.mdi-tag-off::before {
  content: "\F1220";
}

.mdi-tag-off-outline::before {
  content: "\F1221";
}

.mdi-tag-outline::before {
  content: "\F04FC";
}

.mdi-tag-plus::before {
  content: "\F0722";
}

.mdi-tag-plus-outline::before {
  content: "\F1222";
}

.mdi-tag-remove::before {
  content: "\F0723";
}

.mdi-tag-remove-outline::before {
  content: "\F1223";
}

.mdi-tag-search::before {
  content: "\F1907";
}

.mdi-tag-search-outline::before {
  content: "\F1908";
}

.mdi-tag-text::before {
  content: "\F1224";
}

.mdi-tag-text-outline::before {
  content: "\F04FD";
}

.mdi-tailwind::before {
  content: "\F13FF";
}

.mdi-tally-mark-1::before {
  content: "\F1ABC";
}

.mdi-tally-mark-2::before {
  content: "\F1ABD";
}

.mdi-tally-mark-3::before {
  content: "\F1ABE";
}

.mdi-tally-mark-4::before {
  content: "\F1ABF";
}

.mdi-tally-mark-5::before {
  content: "\F1AC0";
}

.mdi-tangram::before {
  content: "\F04F8";
}

.mdi-tank::before {
  content: "\F0D3A";
}

.mdi-tanker-truck::before {
  content: "\F0FE5";
}

.mdi-tape-drive::before {
  content: "\F16DF";
}

.mdi-tape-measure::before {
  content: "\F0B4D";
}

.mdi-target::before {
  content: "\F04FE";
}

.mdi-target-account::before {
  content: "\F0BD0";
}

.mdi-target-variant::before {
  content: "\F0A77";
}

.mdi-taxi::before {
  content: "\F04FF";
}

.mdi-tea::before {
  content: "\F0D9E";
}

.mdi-tea-outline::before {
  content: "\F0D9F";
}

.mdi-teamviewer::before {
  content: "\F0500";
}

.mdi-teddy-bear::before {
  content: "\F18FB";
}

.mdi-telescope::before {
  content: "\F0B4E";
}

.mdi-television::before {
  content: "\F0502";
}

.mdi-television-ambient-light::before {
  content: "\F1356";
}

.mdi-television-box::before {
  content: "\F0839";
}

.mdi-television-classic::before {
  content: "\F07F4";
}

.mdi-television-classic-off::before {
  content: "\F083A";
}

.mdi-television-guide::before {
  content: "\F0503";
}

.mdi-television-off::before {
  content: "\F083B";
}

.mdi-television-pause::before {
  content: "\F0F89";
}

.mdi-television-play::before {
  content: "\F0ECF";
}

.mdi-television-shimmer::before {
  content: "\F1110";
}

.mdi-television-speaker::before {
  content: "\F1B1B";
}

.mdi-television-speaker-off::before {
  content: "\F1B1C";
}

.mdi-television-stop::before {
  content: "\F0F8A";
}

.mdi-temperature-celsius::before {
  content: "\F0504";
}

.mdi-temperature-fahrenheit::before {
  content: "\F0505";
}

.mdi-temperature-kelvin::before {
  content: "\F0506";
}

.mdi-temple-buddhist::before {
  content: "\F1B06";
}

.mdi-temple-buddhist-outline::before {
  content: "\F1B07";
}

.mdi-temple-hindu::before {
  content: "\F1B08";
}

.mdi-temple-hindu-outline::before {
  content: "\F1B09";
}

.mdi-tennis::before {
  content: "\F0DA0";
}

.mdi-tennis-ball::before {
  content: "\F0507";
}

.mdi-tennis-ball-outline::before {
  content: "\F1C5F";
}

.mdi-tent::before {
  content: "\F0508";
}

.mdi-terraform::before {
  content: "\F1062";
}

.mdi-terrain::before {
  content: "\F0509";
}

.mdi-test-tube::before {
  content: "\F0668";
}

.mdi-test-tube-empty::before {
  content: "\F0911";
}

.mdi-test-tube-off::before {
  content: "\F0912";
}

.mdi-text::before {
  content: "\F09A8";
}

.mdi-text-account::before {
  content: "\F1570";
}

.mdi-text-box::before {
  content: "\F021A";
}

.mdi-text-box-check::before {
  content: "\F0EA6";
}

.mdi-text-box-check-outline::before {
  content: "\F0EA7";
}

.mdi-text-box-edit::before {
  content: "\F1A7C";
}

.mdi-text-box-edit-outline::before {
  content: "\F1A7D";
}

.mdi-text-box-minus::before {
  content: "\F0EA8";
}

.mdi-text-box-minus-outline::before {
  content: "\F0EA9";
}

.mdi-text-box-multiple::before {
  content: "\F0AB7";
}

.mdi-text-box-multiple-outline::before {
  content: "\F0AB8";
}

.mdi-text-box-outline::before {
  content: "\F09ED";
}

.mdi-text-box-plus::before {
  content: "\F0EAA";
}

.mdi-text-box-plus-outline::before {
  content: "\F0EAB";
}

.mdi-text-box-remove::before {
  content: "\F0EAC";
}

.mdi-text-box-remove-outline::before {
  content: "\F0EAD";
}

.mdi-text-box-search::before {
  content: "\F0EAE";
}

.mdi-text-box-search-outline::before {
  content: "\F0EAF";
}

.mdi-text-long::before {
  content: "\F09AA";
}

.mdi-text-recognition::before {
  content: "\F113D";
}

.mdi-text-search::before {
  content: "\F13B8";
}

.mdi-text-search-variant::before {
  content: "\F1A7E";
}

.mdi-text-shadow::before {
  content: "\F0669";
}

.mdi-text-short::before {
  content: "\F09A9";
}

.mdi-texture::before {
  content: "\F050C";
}

.mdi-texture-box::before {
  content: "\F0FE6";
}

.mdi-theater::before {
  content: "\F050D";
}

.mdi-theme-light-dark::before {
  content: "\F050E";
}

.mdi-thermometer::before {
  content: "\F050F";
}

.mdi-thermometer-alert::before {
  content: "\F0E01";
}

.mdi-thermometer-auto::before {
  content: "\F1B0F";
}

.mdi-thermometer-bluetooth::before {
  content: "\F1895";
}

.mdi-thermometer-check::before {
  content: "\F1A7F";
}

.mdi-thermometer-chevron-down::before {
  content: "\F0E02";
}

.mdi-thermometer-chevron-up::before {
  content: "\F0E03";
}

.mdi-thermometer-high::before {
  content: "\F10C2";
}

.mdi-thermometer-lines::before {
  content: "\F0510";
}

.mdi-thermometer-low::before {
  content: "\F10C3";
}

.mdi-thermometer-minus::before {
  content: "\F0E04";
}

.mdi-thermometer-off::before {
  content: "\F1531";
}

.mdi-thermometer-plus::before {
  content: "\F0E05";
}

.mdi-thermometer-probe::before {
  content: "\F1B2B";
}

.mdi-thermometer-probe-off::before {
  content: "\F1B2C";
}

.mdi-thermometer-water::before {
  content: "\F1A80";
}

.mdi-thermostat::before {
  content: "\F0393";
}

.mdi-thermostat-auto::before {
  content: "\F1B17";
}

.mdi-thermostat-box::before {
  content: "\F0891";
}

.mdi-thermostat-box-auto::before {
  content: "\F1B18";
}

.mdi-thermostat-cog::before {
  content: "\F1C80";
}

.mdi-thought-bubble::before {
  content: "\F07F6";
}

.mdi-thought-bubble-outline::before {
  content: "\F07F7";
}

.mdi-thumb-down::before {
  content: "\F0511";
}

.mdi-thumb-down-outline::before {
  content: "\F0512";
}

.mdi-thumb-up::before {
  content: "\F0513";
}

.mdi-thumb-up-outline::before {
  content: "\F0514";
}

.mdi-thumbs-up-down::before {
  content: "\F0515";
}

.mdi-thumbs-up-down-outline::before {
  content: "\F1914";
}

.mdi-ticket::before {
  content: "\F0516";
}

.mdi-ticket-account::before {
  content: "\F0517";
}

.mdi-ticket-confirmation::before {
  content: "\F0518";
}

.mdi-ticket-confirmation-outline::before {
  content: "\F13AA";
}

.mdi-ticket-outline::before {
  content: "\F0913";
}

.mdi-ticket-percent::before {
  content: "\F0724";
}

.mdi-ticket-percent-outline::before {
  content: "\F142B";
}

.mdi-tie::before {
  content: "\F0519";
}

.mdi-tilde::before {
  content: "\F0725";
}

.mdi-tilde-off::before {
  content: "\F18F3";
}

.mdi-timelapse::before {
  content: "\F051A";
}

.mdi-timeline::before {
  content: "\F0BD1";
}

.mdi-timeline-alert::before {
  content: "\F0F95";
}

.mdi-timeline-alert-outline::before {
  content: "\F0F98";
}

.mdi-timeline-check::before {
  content: "\F1532";
}

.mdi-timeline-check-outline::before {
  content: "\F1533";
}

.mdi-timeline-clock::before {
  content: "\F11FB";
}

.mdi-timeline-clock-outline::before {
  content: "\F11FC";
}

.mdi-timeline-minus::before {
  content: "\F1534";
}

.mdi-timeline-minus-outline::before {
  content: "\F1535";
}

.mdi-timeline-outline::before {
  content: "\F0BD2";
}

.mdi-timeline-plus::before {
  content: "\F0F96";
}

.mdi-timeline-plus-outline::before {
  content: "\F0F97";
}

.mdi-timeline-question::before {
  content: "\F0F99";
}

.mdi-timeline-question-outline::before {
  content: "\F0F9A";
}

.mdi-timeline-remove::before {
  content: "\F1536";
}

.mdi-timeline-remove-outline::before {
  content: "\F1537";
}

.mdi-timeline-text::before {
  content: "\F0BD3";
}

.mdi-timeline-text-outline::before {
  content: "\F0BD4";
}

.mdi-timer::before {
  content: "\F13AB";
}

.mdi-timer-10::before {
  content: "\F051C";
}

.mdi-timer-3::before {
  content: "\F051D";
}

.mdi-timer-alert::before {
  content: "\F1ACC";
}

.mdi-timer-alert-outline::before {
  content: "\F1ACD";
}

.mdi-timer-cancel::before {
  content: "\F1ACE";
}

.mdi-timer-cancel-outline::before {
  content: "\F1ACF";
}

.mdi-timer-check::before {
  content: "\F1AD0";
}

.mdi-timer-check-outline::before {
  content: "\F1AD1";
}

.mdi-timer-cog::before {
  content: "\F1925";
}

.mdi-timer-cog-outline::before {
  content: "\F1926";
}

.mdi-timer-edit::before {
  content: "\F1AD2";
}

.mdi-timer-edit-outline::before {
  content: "\F1AD3";
}

.mdi-timer-lock::before {
  content: "\F1AD4";
}

.mdi-timer-lock-open::before {
  content: "\F1AD5";
}

.mdi-timer-lock-open-outline::before {
  content: "\F1AD6";
}

.mdi-timer-lock-outline::before {
  content: "\F1AD7";
}

.mdi-timer-marker::before {
  content: "\F1AD8";
}

.mdi-timer-marker-outline::before {
  content: "\F1AD9";
}

.mdi-timer-minus::before {
  content: "\F1ADA";
}

.mdi-timer-minus-outline::before {
  content: "\F1ADB";
}

.mdi-timer-music::before {
  content: "\F1ADC";
}

.mdi-timer-music-outline::before {
  content: "\F1ADD";
}

.mdi-timer-off::before {
  content: "\F13AC";
}

.mdi-timer-off-outline::before {
  content: "\F051E";
}

.mdi-timer-outline::before {
  content: "\F051B";
}

.mdi-timer-pause::before {
  content: "\F1ADE";
}

.mdi-timer-pause-outline::before {
  content: "\F1ADF";
}

.mdi-timer-play::before {
  content: "\F1AE0";
}

.mdi-timer-play-outline::before {
  content: "\F1AE1";
}

.mdi-timer-plus::before {
  content: "\F1AE2";
}

.mdi-timer-plus-outline::before {
  content: "\F1AE3";
}

.mdi-timer-refresh::before {
  content: "\F1AE4";
}

.mdi-timer-refresh-outline::before {
  content: "\F1AE5";
}

.mdi-timer-remove::before {
  content: "\F1AE6";
}

.mdi-timer-remove-outline::before {
  content: "\F1AE7";
}

.mdi-timer-sand::before {
  content: "\F051F";
}

.mdi-timer-sand-complete::before {
  content: "\F199F";
}

.mdi-timer-sand-empty::before {
  content: "\F06AD";
}

.mdi-timer-sand-full::before {
  content: "\F078C";
}

.mdi-timer-sand-paused::before {
  content: "\F19A0";
}

.mdi-timer-settings::before {
  content: "\F1923";
}

.mdi-timer-settings-outline::before {
  content: "\F1924";
}

.mdi-timer-star::before {
  content: "\F1AE8";
}

.mdi-timer-star-outline::before {
  content: "\F1AE9";
}

.mdi-timer-stop::before {
  content: "\F1AEA";
}

.mdi-timer-stop-outline::before {
  content: "\F1AEB";
}

.mdi-timer-sync::before {
  content: "\F1AEC";
}

.mdi-timer-sync-outline::before {
  content: "\F1AED";
}

.mdi-timetable::before {
  content: "\F0520";
}

.mdi-tire::before {
  content: "\F1896";
}

.mdi-toaster::before {
  content: "\F1063";
}

.mdi-toaster-off::before {
  content: "\F11B7";
}

.mdi-toaster-oven::before {
  content: "\F0CD3";
}

.mdi-toggle-switch::before {
  content: "\F0521";
}

.mdi-toggle-switch-off::before {
  content: "\F0522";
}

.mdi-toggle-switch-off-outline::before {
  content: "\F0A19";
}

.mdi-toggle-switch-outline::before {
  content: "\F0A1A";
}

.mdi-toggle-switch-variant::before {
  content: "\F1A25";
}

.mdi-toggle-switch-variant-off::before {
  content: "\F1A26";
}

.mdi-toilet::before {
  content: "\F09AB";
}

.mdi-toolbox::before {
  content: "\F09AC";
}

.mdi-toolbox-outline::before {
  content: "\F09AD";
}

.mdi-tools::before {
  content: "\F1064";
}

.mdi-tooltip::before {
  content: "\F0523";
}

.mdi-tooltip-account::before {
  content: "\F000C";
}

.mdi-tooltip-cellphone::before {
  content: "\F183B";
}

.mdi-tooltip-check::before {
  content: "\F155C";
}

.mdi-tooltip-check-outline::before {
  content: "\F155D";
}

.mdi-tooltip-edit::before {
  content: "\F0524";
}

.mdi-tooltip-edit-outline::before {
  content: "\F12C5";
}

.mdi-tooltip-image::before {
  content: "\F0525";
}

.mdi-tooltip-image-outline::before {
  content: "\F0BD5";
}

.mdi-tooltip-minus::before {
  content: "\F155E";
}

.mdi-tooltip-minus-outline::before {
  content: "\F155F";
}

.mdi-tooltip-outline::before {
  content: "\F0526";
}

.mdi-tooltip-plus::before {
  content: "\F0BD6";
}

.mdi-tooltip-plus-outline::before {
  content: "\F0527";
}

.mdi-tooltip-question::before {
  content: "\F1BBA";
}

.mdi-tooltip-question-outline::before {
  content: "\F1BBB";
}

.mdi-tooltip-remove::before {
  content: "\F1560";
}

.mdi-tooltip-remove-outline::before {
  content: "\F1561";
}

.mdi-tooltip-text::before {
  content: "\F0528";
}

.mdi-tooltip-text-outline::before {
  content: "\F0BD7";
}

.mdi-tooth::before {
  content: "\F08C3";
}

.mdi-tooth-outline::before {
  content: "\F0529";
}

.mdi-toothbrush::before {
  content: "\F1129";
}

.mdi-toothbrush-electric::before {
  content: "\F112C";
}

.mdi-toothbrush-paste::before {
  content: "\F112A";
}

.mdi-torch::before {
  content: "\F1606";
}

.mdi-tortoise::before {
  content: "\F0D3B";
}

.mdi-toslink::before {
  content: "\F12B8";
}

.mdi-touch-text-outline::before {
  content: "\F1C60";
}

.mdi-tournament::before {
  content: "\F09AE";
}

.mdi-tow-truck::before {
  content: "\F083C";
}

.mdi-tower-beach::before {
  content: "\F0681";
}

.mdi-tower-fire::before {
  content: "\F0682";
}

.mdi-town-hall::before {
  content: "\F1875";
}

.mdi-toy-brick::before {
  content: "\F1288";
}

.mdi-toy-brick-marker::before {
  content: "\F1289";
}

.mdi-toy-brick-marker-outline::before {
  content: "\F128A";
}

.mdi-toy-brick-minus::before {
  content: "\F128B";
}

.mdi-toy-brick-minus-outline::before {
  content: "\F128C";
}

.mdi-toy-brick-outline::before {
  content: "\F128D";
}

.mdi-toy-brick-plus::before {
  content: "\F128E";
}

.mdi-toy-brick-plus-outline::before {
  content: "\F128F";
}

.mdi-toy-brick-remove::before {
  content: "\F1290";
}

.mdi-toy-brick-remove-outline::before {
  content: "\F1291";
}

.mdi-toy-brick-search::before {
  content: "\F1292";
}

.mdi-toy-brick-search-outline::before {
  content: "\F1293";
}

.mdi-track-light::before {
  content: "\F0914";
}

.mdi-track-light-off::before {
  content: "\F1B01";
}

.mdi-trackpad::before {
  content: "\F07F8";
}

.mdi-trackpad-lock::before {
  content: "\F0933";
}

.mdi-tractor::before {
  content: "\F0892";
}

.mdi-tractor-variant::before {
  content: "\F14C4";
}

.mdi-trademark::before {
  content: "\F0A78";
}

.mdi-traffic-cone::before {
  content: "\F137C";
}

.mdi-traffic-light::before {
  content: "\F052B";
}

.mdi-traffic-light-outline::before {
  content: "\F182A";
}

.mdi-train::before {
  content: "\F052C";
}

.mdi-train-bus::before {
  content: "\F1CC7";
}

.mdi-train-car::before {
  content: "\F0BD8";
}

.mdi-train-car-autorack::before {
  content: "\F1B2D";
}

.mdi-train-car-box::before {
  content: "\F1B2E";
}

.mdi-train-car-box-full::before {
  content: "\F1B2F";
}

.mdi-train-car-box-open::before {
  content: "\F1B30";
}

.mdi-train-car-caboose::before {
  content: "\F1B31";
}

.mdi-train-car-centerbeam::before {
  content: "\F1B32";
}

.mdi-train-car-centerbeam-full::before {
  content: "\F1B33";
}

.mdi-train-car-container::before {
  content: "\F1B34";
}

.mdi-train-car-flatbed::before {
  content: "\F1B35";
}

.mdi-train-car-flatbed-car::before {
  content: "\F1B36";
}

.mdi-train-car-flatbed-tank::before {
  content: "\F1B37";
}

.mdi-train-car-gondola::before {
  content: "\F1B38";
}

.mdi-train-car-gondola-full::before {
  content: "\F1B39";
}

.mdi-train-car-hopper::before {
  content: "\F1B3A";
}

.mdi-train-car-hopper-covered::before {
  content: "\F1B3B";
}

.mdi-train-car-hopper-full::before {
  content: "\F1B3C";
}

.mdi-train-car-intermodal::before {
  content: "\F1B3D";
}

.mdi-train-car-passenger::before {
  content: "\F1733";
}

.mdi-train-car-passenger-door::before {
  content: "\F1734";
}

.mdi-train-car-passenger-door-open::before {
  content: "\F1735";
}

.mdi-train-car-passenger-variant::before {
  content: "\F1736";
}

.mdi-train-car-tank::before {
  content: "\F1B3E";
}

.mdi-train-variant::before {
  content: "\F08C4";
}

.mdi-tram::before {
  content: "\F052D";
}

.mdi-tram-side::before {
  content: "\F0FE7";
}

.mdi-transcribe::before {
  content: "\F052E";
}

.mdi-transcribe-close::before {
  content: "\F052F";
}

.mdi-transfer::before {
  content: "\F1065";
}

.mdi-transfer-down::before {
  content: "\F0DA1";
}

.mdi-transfer-left::before {
  content: "\F0DA2";
}

.mdi-transfer-right::before {
  content: "\F0530";
}

.mdi-transfer-up::before {
  content: "\F0DA3";
}

.mdi-transit-connection::before {
  content: "\F0D3C";
}

.mdi-transit-connection-horizontal::before {
  content: "\F1546";
}

.mdi-transit-connection-variant::before {
  content: "\F0D3D";
}

.mdi-transit-detour::before {
  content: "\F0F8B";
}

.mdi-transit-skip::before {
  content: "\F1515";
}

.mdi-transit-transfer::before {
  content: "\F06AE";
}

.mdi-transition::before {
  content: "\F0915";
}

.mdi-transition-masked::before {
  content: "\F0916";
}

.mdi-translate::before {
  content: "\F05CA";
}

.mdi-translate-off::before {
  content: "\F0E06";
}

.mdi-translate-variant::before {
  content: "\F1B99";
}

.mdi-transmission-tower::before {
  content: "\F0D3E";
}

.mdi-transmission-tower-export::before {
  content: "\F192C";
}

.mdi-transmission-tower-import::before {
  content: "\F192D";
}

.mdi-transmission-tower-off::before {
  content: "\F19DD";
}

.mdi-trash-can::before {
  content: "\F0A79";
}

.mdi-trash-can-outline::before {
  content: "\F0A7A";
}

.mdi-tray::before {
  content: "\F1294";
}

.mdi-tray-alert::before {
  content: "\F1295";
}

.mdi-tray-arrow-down::before {
  content: "\F0120";
}

.mdi-tray-arrow-up::before {
  content: "\F011D";
}

.mdi-tray-full::before {
  content: "\F1296";
}

.mdi-tray-minus::before {
  content: "\F1297";
}

.mdi-tray-plus::before {
  content: "\F1298";
}

.mdi-tray-remove::before {
  content: "\F1299";
}

.mdi-treasure-chest::before {
  content: "\F0726";
}

.mdi-treasure-chest-outline::before {
  content: "\F1C77";
}

.mdi-tree::before {
  content: "\F0531";
}

.mdi-tree-outline::before {
  content: "\F0E69";
}

.mdi-trello::before {
  content: "\F0532";
}

.mdi-trending-down::before {
  content: "\F0533";
}

.mdi-trending-neutral::before {
  content: "\F0534";
}

.mdi-trending-up::before {
  content: "\F0535";
}

.mdi-triangle::before {
  content: "\F0536";
}

.mdi-triangle-down::before {
  content: "\F1C56";
}

.mdi-triangle-down-outline::before {
  content: "\F1C57";
}

.mdi-triangle-outline::before {
  content: "\F0537";
}

.mdi-triangle-small-down::before {
  content: "\F1A09";
}

.mdi-triangle-small-up::before {
  content: "\F1A0A";
}

.mdi-triangle-wave::before {
  content: "\F147C";
}

.mdi-triforce::before {
  content: "\F0BD9";
}

.mdi-trophy::before {
  content: "\F0538";
}

.mdi-trophy-award::before {
  content: "\F0539";
}

.mdi-trophy-broken::before {
  content: "\F0DA4";
}

.mdi-trophy-outline::before {
  content: "\F053A";
}

.mdi-trophy-variant::before {
  content: "\F053B";
}

.mdi-trophy-variant-outline::before {
  content: "\F053C";
}

.mdi-truck::before {
  content: "\F053D";
}

.mdi-truck-alert::before {
  content: "\F19DE";
}

.mdi-truck-alert-outline::before {
  content: "\F19DF";
}

.mdi-truck-cargo-container::before {
  content: "\F18D8";
}

.mdi-truck-check::before {
  content: "\F0CD4";
}

.mdi-truck-check-outline::before {
  content: "\F129A";
}

.mdi-truck-delivery::before {
  content: "\F053E";
}

.mdi-truck-delivery-outline::before {
  content: "\F129B";
}

.mdi-truck-fast::before {
  content: "\F0788";
}

.mdi-truck-fast-outline::before {
  content: "\F129C";
}

.mdi-truck-flatbed::before {
  content: "\F1891";
}

.mdi-truck-minus::before {
  content: "\F19AE";
}

.mdi-truck-minus-outline::before {
  content: "\F19BD";
}

.mdi-truck-off-road::before {
  content: "\F1C9E";
}

.mdi-truck-off-road-off::before {
  content: "\F1C9F";
}

.mdi-truck-outline::before {
  content: "\F129D";
}

.mdi-truck-plus::before {
  content: "\F19AD";
}

.mdi-truck-plus-outline::before {
  content: "\F19BC";
}

.mdi-truck-remove::before {
  content: "\F19AF";
}

.mdi-truck-remove-outline::before {
  content: "\F19BE";
}

.mdi-truck-snowflake::before {
  content: "\F19A6";
}

.mdi-truck-trailer::before {
  content: "\F0727";
}

.mdi-trumpet::before {
  content: "\F1096";
}

.mdi-tshirt-crew::before {
  content: "\F0A7B";
}

.mdi-tshirt-crew-outline::before {
  content: "\F053F";
}

.mdi-tshirt-v::before {
  content: "\F0A7C";
}

.mdi-tshirt-v-outline::before {
  content: "\F0540";
}

.mdi-tsunami::before {
  content: "\F1A81";
}

.mdi-tumble-dryer::before {
  content: "\F0917";
}

.mdi-tumble-dryer-alert::before {
  content: "\F11BA";
}

.mdi-tumble-dryer-off::before {
  content: "\F11BB";
}

.mdi-tune::before {
  content: "\F062E";
}

.mdi-tune-variant::before {
  content: "\F1542";
}

.mdi-tune-vertical::before {
  content: "\F066A";
}

.mdi-tune-vertical-variant::before {
  content: "\F1543";
}

.mdi-tunnel::before {
  content: "\F183D";
}

.mdi-tunnel-outline::before {
  content: "\F183E";
}

.mdi-turbine::before {
  content: "\F1A82";
}

.mdi-turkey::before {
  content: "\F171B";
}

.mdi-turnstile::before {
  content: "\F0CD5";
}

.mdi-turnstile-outline::before {
  content: "\F0CD6";
}

.mdi-turtle::before {
  content: "\F0CD7";
}

.mdi-twitch::before {
  content: "\F0543";
}

.mdi-twitter::before {
  content: "\F0544";
}

.mdi-two-factor-authentication::before {
  content: "\F09AF";
}

.mdi-typewriter::before {
  content: "\F0F2D";
}

.mdi-ubisoft::before {
  content: "\F0BDA";
}

.mdi-ubuntu::before {
  content: "\F0548";
}

.mdi-ufo::before {
  content: "\F10C4";
}

.mdi-ufo-outline::before {
  content: "\F10C5";
}

.mdi-ultra-high-definition::before {
  content: "\F07F9";
}

.mdi-umbraco::before {
  content: "\F0549";
}

.mdi-umbrella::before {
  content: "\F054A";
}

.mdi-umbrella-beach::before {
  content: "\F188A";
}

.mdi-umbrella-beach-outline::before {
  content: "\F188B";
}

.mdi-umbrella-closed::before {
  content: "\F09B0";
}

.mdi-umbrella-closed-outline::before {
  content: "\F13E2";
}

.mdi-umbrella-closed-variant::before {
  content: "\F13E1";
}

.mdi-umbrella-outline::before {
  content: "\F054B";
}

.mdi-underwear-outline::before {
  content: "\F1D0F";
}

.mdi-undo::before {
  content: "\F054C";
}

.mdi-undo-variant::before {
  content: "\F054D";
}

.mdi-unfold-less-horizontal::before {
  content: "\F054E";
}

.mdi-unfold-less-vertical::before {
  content: "\F0760";
}

.mdi-unfold-more-horizontal::before {
  content: "\F054F";
}

.mdi-unfold-more-vertical::before {
  content: "\F0761";
}

.mdi-ungroup::before {
  content: "\F0550";
}

.mdi-unicode::before {
  content: "\F0ED0";
}

.mdi-unicorn::before {
  content: "\F15C2";
}

.mdi-unicorn-variant::before {
  content: "\F15C3";
}

.mdi-unicycle::before {
  content: "\F15E5";
}

.mdi-unity::before {
  content: "\F06AF";
}

.mdi-unreal::before {
  content: "\F09B1";
}

.mdi-update::before {
  content: "\F06B0";
}

.mdi-upload::before {
  content: "\F0552";
}

.mdi-upload-box::before {
  content: "\F1D10";
}

.mdi-upload-box-outline::before {
  content: "\F1D11";
}

.mdi-upload-circle::before {
  content: "\F1D12";
}

.mdi-upload-circle-outline::before {
  content: "\F1D13";
}

.mdi-upload-lock::before {
  content: "\F1373";
}

.mdi-upload-lock-outline::before {
  content: "\F1374";
}

.mdi-upload-multiple::before {
  content: "\F083D";
}

.mdi-upload-multiple-outline::before {
  content: "\F1D14";
}

.mdi-upload-network::before {
  content: "\F06F6";
}

.mdi-upload-network-outline::before {
  content: "\F0CD8";
}

.mdi-upload-off::before {
  content: "\F10C6";
}

.mdi-upload-off-outline::before {
  content: "\F10C7";
}

.mdi-upload-outline::before {
  content: "\F0E07";
}

.mdi-usb::before {
  content: "\F0553";
}

.mdi-usb-c-port::before {
  content: "\F1CBF";
}

.mdi-usb-flash-drive::before {
  content: "\F129E";
}

.mdi-usb-flash-drive-outline::before {
  content: "\F129F";
}

.mdi-usb-port::before {
  content: "\F11F0";
}

.mdi-vacuum::before {
  content: "\F19A1";
}

.mdi-vacuum-outline::before {
  content: "\F19A2";
}

.mdi-valve::before {
  content: "\F1066";
}

.mdi-valve-closed::before {
  content: "\F1067";
}

.mdi-valve-open::before {
  content: "\F1068";
}

.mdi-van-passenger::before {
  content: "\F07FA";
}

.mdi-van-utility::before {
  content: "\F07FB";
}

.mdi-vanish::before {
  content: "\F07FC";
}

.mdi-vanish-quarter::before {
  content: "\F1554";
}

.mdi-vanity-light::before {
  content: "\F11E1";
}

.mdi-variable::before {
  content: "\F0AE7";
}

.mdi-variable-box::before {
  content: "\F1111";
}

.mdi-vector-arrange-above::before {
  content: "\F0554";
}

.mdi-vector-arrange-below::before {
  content: "\F0555";
}

.mdi-vector-bezier::before {
  content: "\F0AE8";
}

.mdi-vector-circle::before {
  content: "\F0556";
}

.mdi-vector-circle-variant::before {
  content: "\F0557";
}

.mdi-vector-combine::before {
  content: "\F0558";
}

.mdi-vector-curve::before {
  content: "\F0559";
}

.mdi-vector-difference::before {
  content: "\F055A";
}

.mdi-vector-difference-ab::before {
  content: "\F055B";
}

.mdi-vector-difference-ba::before {
  content: "\F055C";
}

.mdi-vector-ellipse::before {
  content: "\F0893";
}

.mdi-vector-intersection::before {
  content: "\F055D";
}

.mdi-vector-line::before {
  content: "\F055E";
}

.mdi-vector-link::before {
  content: "\F0FE8";
}

.mdi-vector-point::before {
  content: "\F01C4";
}

.mdi-vector-point-edit::before {
  content: "\F09E8";
}

.mdi-vector-point-minus::before {
  content: "\F1B78";
}

.mdi-vector-point-plus::before {
  content: "\F1B79";
}

.mdi-vector-point-select::before {
  content: "\F055F";
}

.mdi-vector-polygon::before {
  content: "\F0560";
}

.mdi-vector-polygon-variant::before {
  content: "\F1856";
}

.mdi-vector-polyline::before {
  content: "\F0561";
}

.mdi-vector-polyline-edit::before {
  content: "\F1225";
}

.mdi-vector-polyline-minus::before {
  content: "\F1226";
}

.mdi-vector-polyline-plus::before {
  content: "\F1227";
}

.mdi-vector-polyline-remove::before {
  content: "\F1228";
}

.mdi-vector-radius::before {
  content: "\F074A";
}

.mdi-vector-rectangle::before {
  content: "\F05C6";
}

.mdi-vector-selection::before {
  content: "\F0562";
}

.mdi-vector-square::before {
  content: "\F0001";
}

.mdi-vector-square-close::before {
  content: "\F1857";
}

.mdi-vector-square-edit::before {
  content: "\F18D9";
}

.mdi-vector-square-minus::before {
  content: "\F18DA";
}

.mdi-vector-square-open::before {
  content: "\F1858";
}

.mdi-vector-square-plus::before {
  content: "\F18DB";
}

.mdi-vector-square-remove::before {
  content: "\F18DC";
}

.mdi-vector-triangle::before {
  content: "\F0563";
}

.mdi-vector-union::before {
  content: "\F0564";
}

.mdi-vhs::before {
  content: "\F0A1B";
}

.mdi-vibrate::before {
  content: "\F0566";
}

.mdi-vibrate-off::before {
  content: "\F0CD9";
}

.mdi-video::before {
  content: "\F0567";
}

.mdi-video-2d::before {
  content: "\F1A1C";
}

.mdi-video-3d::before {
  content: "\F07FD";
}

.mdi-video-3d-off::before {
  content: "\F13D9";
}

.mdi-video-3d-variant::before {
  content: "\F0ED1";
}

.mdi-video-4k-box::before {
  content: "\F083E";
}

.mdi-video-account::before {
  content: "\F0919";
}

.mdi-video-box::before {
  content: "\F00FD";
}

.mdi-video-box-off::before {
  content: "\F00FE";
}

.mdi-video-check::before {
  content: "\F1069";
}

.mdi-video-check-outline::before {
  content: "\F106A";
}

.mdi-video-high-definition::before {
  content: "\F152E";
}

.mdi-video-image::before {
  content: "\F091A";
}

.mdi-video-input-antenna::before {
  content: "\F083F";
}

.mdi-video-input-component::before {
  content: "\F0840";
}

.mdi-video-input-hdmi::before {
  content: "\F0841";
}

.mdi-video-input-scart::before {
  content: "\F0F8C";
}

.mdi-video-input-svideo::before {
  content: "\F0842";
}

.mdi-video-marker::before {
  content: "\F19A9";
}

.mdi-video-marker-outline::before {
  content: "\F19AA";
}

.mdi-video-minus::before {
  content: "\F09B2";
}

.mdi-video-minus-outline::before {
  content: "\F02BA";
}

.mdi-video-off::before {
  content: "\F0568";
}

.mdi-video-off-outline::before {
  content: "\F0BDB";
}

.mdi-video-outline::before {
  content: "\F0BDC";
}

.mdi-video-plus::before {
  content: "\F09B3";
}

.mdi-video-plus-outline::before {
  content: "\F01D3";
}

.mdi-video-stabilization::before {
  content: "\F091B";
}

.mdi-video-standard-definition::before {
  content: "\F1CA0";
}

.mdi-video-switch::before {
  content: "\F0569";
}

.mdi-video-switch-outline::before {
  content: "\F0790";
}

.mdi-video-vintage::before {
  content: "\F0A1C";
}

.mdi-video-wireless::before {
  content: "\F0ED2";
}

.mdi-video-wireless-outline::before {
  content: "\F0ED3";
}

.mdi-view-agenda::before {
  content: "\F056A";
}

.mdi-view-agenda-outline::before {
  content: "\F11D8";
}

.mdi-view-array::before {
  content: "\F056B";
}

.mdi-view-array-outline::before {
  content: "\F1485";
}

.mdi-view-carousel::before {
  content: "\F056C";
}

.mdi-view-carousel-outline::before {
  content: "\F1486";
}

.mdi-view-column::before {
  content: "\F056D";
}

.mdi-view-column-outline::before {
  content: "\F1487";
}

.mdi-view-comfy::before {
  content: "\F0E6A";
}

.mdi-view-comfy-outline::before {
  content: "\F1488";
}

.mdi-view-compact::before {
  content: "\F0E6B";
}

.mdi-view-compact-outline::before {
  content: "\F0E6C";
}

.mdi-view-dashboard::before {
  content: "\F056E";
}

.mdi-view-dashboard-edit::before {
  content: "\F1947";
}

.mdi-view-dashboard-edit-outline::before {
  content: "\F1948";
}

.mdi-view-dashboard-outline::before {
  content: "\F0A1D";
}

.mdi-view-dashboard-variant::before {
  content: "\F0843";
}

.mdi-view-dashboard-variant-outline::before {
  content: "\F1489";
}

.mdi-view-day::before {
  content: "\F056F";
}

.mdi-view-day-outline::before {
  content: "\F148A";
}

.mdi-view-gallery::before {
  content: "\F1888";
}

.mdi-view-gallery-outline::before {
  content: "\F1889";
}

.mdi-view-grid::before {
  content: "\F0570";
}

.mdi-view-grid-compact::before {
  content: "\F1C61";
}

.mdi-view-grid-outline::before {
  content: "\F11D9";
}

.mdi-view-grid-plus::before {
  content: "\F0F8D";
}

.mdi-view-grid-plus-outline::before {
  content: "\F11DA";
}

.mdi-view-headline::before {
  content: "\F0571";
}

.mdi-view-list::before {
  content: "\F0572";
}

.mdi-view-list-outline::before {
  content: "\F148B";
}

.mdi-view-module::before {
  content: "\F0573";
}

.mdi-view-module-outline::before {
  content: "\F148C";
}

.mdi-view-parallel::before {
  content: "\F0728";
}

.mdi-view-parallel-outline::before {
  content: "\F148D";
}

.mdi-view-quilt::before {
  content: "\F0574";
}

.mdi-view-quilt-outline::before {
  content: "\F148E";
}

.mdi-view-sequential::before {
  content: "\F0729";
}

.mdi-view-sequential-outline::before {
  content: "\F148F";
}

.mdi-view-split-horizontal::before {
  content: "\F0BCB";
}

.mdi-view-split-vertical::before {
  content: "\F0BCC";
}

.mdi-view-stream::before {
  content: "\F0575";
}

.mdi-view-stream-outline::before {
  content: "\F1490";
}

.mdi-view-week::before {
  content: "\F0576";
}

.mdi-view-week-outline::before {
  content: "\F1491";
}

.mdi-vimeo::before {
  content: "\F0577";
}

.mdi-violin::before {
  content: "\F060F";
}

.mdi-virtual-reality::before {
  content: "\F0894";
}

.mdi-virus::before {
  content: "\F13B6";
}

.mdi-virus-off::before {
  content: "\F18E1";
}

.mdi-virus-off-outline::before {
  content: "\F18E2";
}

.mdi-virus-outline::before {
  content: "\F13B7";
}

.mdi-vlc::before {
  content: "\F057C";
}

.mdi-voicemail::before {
  content: "\F057D";
}

.mdi-volcano::before {
  content: "\F1A83";
}

.mdi-volcano-outline::before {
  content: "\F1A84";
}

.mdi-volleyball::before {
  content: "\F09B4";
}

.mdi-volume-equal::before {
  content: "\F1B10";
}

.mdi-volume-high::before {
  content: "\F057E";
}

.mdi-volume-low::before {
  content: "\F057F";
}

.mdi-volume-medium::before {
  content: "\F0580";
}

.mdi-volume-minus::before {
  content: "\F075E";
}

.mdi-volume-mute::before {
  content: "\F075F";
}

.mdi-volume-off::before {
  content: "\F0581";
}

.mdi-volume-plus::before {
  content: "\F075D";
}

.mdi-volume-source::before {
  content: "\F1120";
}

.mdi-volume-variant-off::before {
  content: "\F0E08";
}

.mdi-volume-vibrate::before {
  content: "\F1121";
}

.mdi-vote::before {
  content: "\F0A1F";
}

.mdi-vote-outline::before {
  content: "\F0A20";
}

.mdi-vpn::before {
  content: "\F0582";
}

.mdi-vuejs::before {
  content: "\F0844";
}

.mdi-vuetify::before {
  content: "\F0E6D";
}

.mdi-walk::before {
  content: "\F0583";
}

.mdi-wall::before {
  content: "\F07FE";
}

.mdi-wall-fire::before {
  content: "\F1A11";
}

.mdi-wall-sconce::before {
  content: "\F091C";
}

.mdi-wall-sconce-flat::before {
  content: "\F091D";
}

.mdi-wall-sconce-flat-outline::before {
  content: "\F17C9";
}

.mdi-wall-sconce-flat-variant::before {
  content: "\F041C";
}

.mdi-wall-sconce-flat-variant-outline::before {
  content: "\F17CA";
}

.mdi-wall-sconce-outline::before {
  content: "\F17CB";
}

.mdi-wall-sconce-round::before {
  content: "\F0748";
}

.mdi-wall-sconce-round-outline::before {
  content: "\F17CC";
}

.mdi-wall-sconce-round-variant::before {
  content: "\F091E";
}

.mdi-wall-sconce-round-variant-outline::before {
  content: "\F17CD";
}

.mdi-wallet::before {
  content: "\F0584";
}

.mdi-wallet-bifold::before {
  content: "\F1C58";
}

.mdi-wallet-bifold-outline::before {
  content: "\F1C59";
}

.mdi-wallet-giftcard::before {
  content: "\F0585";
}

.mdi-wallet-membership::before {
  content: "\F0586";
}

.mdi-wallet-outline::before {
  content: "\F0BDD";
}

.mdi-wallet-plus::before {
  content: "\F0F8E";
}

.mdi-wallet-plus-outline::before {
  content: "\F0F8F";
}

.mdi-wallet-travel::before {
  content: "\F0587";
}

.mdi-wallpaper::before {
  content: "\F0E09";
}

.mdi-wan::before {
  content: "\F0588";
}

.mdi-wardrobe::before {
  content: "\F0F90";
}

.mdi-wardrobe-outline::before {
  content: "\F0F91";
}

.mdi-warehouse::before {
  content: "\F0F81";
}

.mdi-washing-machine::before {
  content: "\F072A";
}

.mdi-washing-machine-alert::before {
  content: "\F11BC";
}

.mdi-washing-machine-off::before {
  content: "\F11BD";
}

.mdi-watch::before {
  content: "\F0589";
}

.mdi-watch-export::before {
  content: "\F058A";
}

.mdi-watch-export-variant::before {
  content: "\F0895";
}

.mdi-watch-import::before {
  content: "\F058B";
}

.mdi-watch-import-variant::before {
  content: "\F0896";
}

.mdi-watch-variant::before {
  content: "\F0897";
}

.mdi-watch-vibrate::before {
  content: "\F06B1";
}

.mdi-watch-vibrate-off::before {
  content: "\F0CDA";
}

.mdi-water::before {
  content: "\F058C";
}

.mdi-water-alert::before {
  content: "\F1502";
}

.mdi-water-alert-outline::before {
  content: "\F1503";
}

.mdi-water-boiler::before {
  content: "\F0F92";
}

.mdi-water-boiler-alert::before {
  content: "\F11B3";
}

.mdi-water-boiler-auto::before {
  content: "\F1B98";
}

.mdi-water-boiler-off::before {
  content: "\F11B4";
}

.mdi-water-check::before {
  content: "\F1504";
}

.mdi-water-check-outline::before {
  content: "\F1505";
}

.mdi-water-circle::before {
  content: "\F1806";
}

.mdi-water-minus::before {
  content: "\F1506";
}

.mdi-water-minus-outline::before {
  content: "\F1507";
}

.mdi-water-off::before {
  content: "\F058D";
}

.mdi-water-off-outline::before {
  content: "\F1508";
}

.mdi-water-opacity::before {
  content: "\F1855";
}

.mdi-water-outline::before {
  content: "\F0E0A";
}

.mdi-water-percent::before {
  content: "\F058E";
}

.mdi-water-percent-alert::before {
  content: "\F1509";
}

.mdi-water-plus::before {
  content: "\F150A";
}

.mdi-water-plus-outline::before {
  content: "\F150B";
}

.mdi-water-polo::before {
  content: "\F12A0";
}

.mdi-water-pump::before {
  content: "\F058F";
}

.mdi-water-pump-off::before {
  content: "\F0F93";
}

.mdi-water-remove::before {
  content: "\F150C";
}

.mdi-water-remove-outline::before {
  content: "\F150D";
}

.mdi-water-sync::before {
  content: "\F17C6";
}

.mdi-water-thermometer::before {
  content: "\F1A85";
}

.mdi-water-thermometer-outline::before {
  content: "\F1A86";
}

.mdi-water-well::before {
  content: "\F106B";
}

.mdi-water-well-outline::before {
  content: "\F106C";
}

.mdi-waterfall::before {
  content: "\F1849";
}

.mdi-watering-can::before {
  content: "\F1481";
}

.mdi-watering-can-outline::before {
  content: "\F1482";
}

.mdi-watermark::before {
  content: "\F0612";
}

.mdi-wave::before {
  content: "\F0F2E";
}

.mdi-wave-arrow-down::before {
  content: "\F1CB0";
}

.mdi-wave-arrow-up::before {
  content: "\F1CB1";
}

.mdi-wave-undercurrent::before {
  content: "\F1CC0";
}

.mdi-waveform::before {
  content: "\F147D";
}

.mdi-waves::before {
  content: "\F078D";
}

.mdi-waves-arrow-left::before {
  content: "\F1859";
}

.mdi-waves-arrow-right::before {
  content: "\F185A";
}

.mdi-waves-arrow-up::before {
  content: "\F185B";
}

.mdi-waze::before {
  content: "\F0BDE";
}

.mdi-weather-cloudy::before {
  content: "\F0590";
}

.mdi-weather-cloudy-alert::before {
  content: "\F0F2F";
}

.mdi-weather-cloudy-arrow-right::before {
  content: "\F0E6E";
}

.mdi-weather-cloudy-clock::before {
  content: "\F18F6";
}

.mdi-weather-dust::before {
  content: "\F1B5A";
}

.mdi-weather-fog::before {
  content: "\F0591";
}

.mdi-weather-hail::before {
  content: "\F0592";
}

.mdi-weather-hazy::before {
  content: "\F0F30";
}

.mdi-weather-hurricane::before {
  content: "\F0898";
}

.mdi-weather-hurricane-outline::before {
  content: "\F1C78";
}

.mdi-weather-lightning::before {
  content: "\F0593";
}

.mdi-weather-lightning-rainy::before {
  content: "\F067E";
}

.mdi-weather-moonset::before {
  content: "\F1D15";
}

.mdi-weather-moonset-down::before {
  content: "\F1D16";
}

.mdi-weather-moonset-up::before {
  content: "\F1D17";
}

.mdi-weather-night::before {
  content: "\F0594";
}

.mdi-weather-night-partly-cloudy::before {
  content: "\F0F31";
}

.mdi-weather-partly-cloudy::before {
  content: "\F0595";
}

.mdi-weather-partly-lightning::before {
  content: "\F0F32";
}

.mdi-weather-partly-rainy::before {
  content: "\F0F33";
}

.mdi-weather-partly-snowy::before {
  content: "\F0F34";
}

.mdi-weather-partly-snowy-rainy::before {
  content: "\F0F35";
}

.mdi-weather-pouring::before {
  content: "\F0596";
}

.mdi-weather-rainy::before {
  content: "\F0597";
}

.mdi-weather-snowy::before {
  content: "\F0598";
}

.mdi-weather-snowy-heavy::before {
  content: "\F0F36";
}

.mdi-weather-snowy-rainy::before {
  content: "\F067F";
}

.mdi-weather-sunny::before {
  content: "\F0599";
}

.mdi-weather-sunny-alert::before {
  content: "\F0F37";
}

.mdi-weather-sunny-off::before {
  content: "\F14E4";
}

.mdi-weather-sunset::before {
  content: "\F059A";
}

.mdi-weather-sunset-down::before {
  content: "\F059B";
}

.mdi-weather-sunset-up::before {
  content: "\F059C";
}

.mdi-weather-tornado::before {
  content: "\F0F38";
}

.mdi-weather-windy::before {
  content: "\F059D";
}

.mdi-weather-windy-variant::before {
  content: "\F059E";
}

.mdi-web::before {
  content: "\F059F";
}

.mdi-web-box::before {
  content: "\F0F94";
}

.mdi-web-cancel::before {
  content: "\F1790";
}

.mdi-web-check::before {
  content: "\F0789";
}

.mdi-web-clock::before {
  content: "\F124A";
}

.mdi-web-minus::before {
  content: "\F10A0";
}

.mdi-web-off::before {
  content: "\F0A8E";
}

.mdi-web-plus::before {
  content: "\F0033";
}

.mdi-web-refresh::before {
  content: "\F1791";
}

.mdi-web-remove::before {
  content: "\F0551";
}

.mdi-web-sync::before {
  content: "\F1792";
}

.mdi-webcam::before {
  content: "\F05A0";
}

.mdi-webcam-off::before {
  content: "\F1737";
}

.mdi-webhook::before {
  content: "\F062F";
}

.mdi-webpack::before {
  content: "\F072B";
}

.mdi-webrtc::before {
  content: "\F1248";
}

.mdi-wechat::before {
  content: "\F0611";
}

.mdi-weight::before {
  content: "\F05A1";
}

.mdi-weight-gram::before {
  content: "\F0D3F";
}

.mdi-weight-kilogram::before {
  content: "\F05A2";
}

.mdi-weight-lifter::before {
  content: "\F115D";
}

.mdi-weight-pound::before {
  content: "\F09B5";
}

.mdi-whatsapp::before {
  content: "\F05A3";
}

.mdi-wheel-barrow::before {
  content: "\F14F2";
}

.mdi-wheelchair::before {
  content: "\F1A87";
}

.mdi-wheelchair-accessibility::before {
  content: "\F05A4";
}

.mdi-whistle::before {
  content: "\F09B6";
}

.mdi-whistle-outline::before {
  content: "\F12BC";
}

.mdi-white-balance-auto::before {
  content: "\F05A5";
}

.mdi-white-balance-incandescent::before {
  content: "\F05A6";
}

.mdi-white-balance-iridescent::before {
  content: "\F05A7";
}

.mdi-white-balance-sunny::before {
  content: "\F05A8";
}

.mdi-widgets::before {
  content: "\F072C";
}

.mdi-widgets-outline::before {
  content: "\F1355";
}

.mdi-wifi::before {
  content: "\F05A9";
}

.mdi-wifi-alert::before {
  content: "\F16B5";
}

.mdi-wifi-arrow-down::before {
  content: "\F16B6";
}

.mdi-wifi-arrow-left::before {
  content: "\F16B7";
}

.mdi-wifi-arrow-left-right::before {
  content: "\F16B8";
}

.mdi-wifi-arrow-right::before {
  content: "\F16B9";
}

.mdi-wifi-arrow-up::before {
  content: "\F16BA";
}

.mdi-wifi-arrow-up-down::before {
  content: "\F16BB";
}

.mdi-wifi-cancel::before {
  content: "\F16BC";
}

.mdi-wifi-check::before {
  content: "\F16BD";
}

.mdi-wifi-cog::before {
  content: "\F16BE";
}

.mdi-wifi-lock::before {
  content: "\F16BF";
}

.mdi-wifi-lock-open::before {
  content: "\F16C0";
}

.mdi-wifi-marker::before {
  content: "\F16C1";
}

.mdi-wifi-minus::before {
  content: "\F16C2";
}

.mdi-wifi-off::before {
  content: "\F05AA";
}

.mdi-wifi-plus::before {
  content: "\F16C3";
}

.mdi-wifi-refresh::before {
  content: "\F16C4";
}

.mdi-wifi-remove::before {
  content: "\F16C5";
}

.mdi-wifi-settings::before {
  content: "\F16C6";
}

.mdi-wifi-star::before {
  content: "\F0E0B";
}

.mdi-wifi-strength-1::before {
  content: "\F091F";
}

.mdi-wifi-strength-1-alert::before {
  content: "\F0920";
}

.mdi-wifi-strength-1-lock::before {
  content: "\F0921";
}

.mdi-wifi-strength-1-lock-open::before {
  content: "\F16CB";
}

.mdi-wifi-strength-2::before {
  content: "\F0922";
}

.mdi-wifi-strength-2-alert::before {
  content: "\F0923";
}

.mdi-wifi-strength-2-lock::before {
  content: "\F0924";
}

.mdi-wifi-strength-2-lock-open::before {
  content: "\F16CC";
}

.mdi-wifi-strength-3::before {
  content: "\F0925";
}

.mdi-wifi-strength-3-alert::before {
  content: "\F0926";
}

.mdi-wifi-strength-3-lock::before {
  content: "\F0927";
}

.mdi-wifi-strength-3-lock-open::before {
  content: "\F16CD";
}

.mdi-wifi-strength-4::before {
  content: "\F0928";
}

.mdi-wifi-strength-4-alert::before {
  content: "\F0929";
}

.mdi-wifi-strength-4-lock::before {
  content: "\F092A";
}

.mdi-wifi-strength-4-lock-open::before {
  content: "\F16CE";
}

.mdi-wifi-strength-alert-outline::before {
  content: "\F092B";
}

.mdi-wifi-strength-lock-open-outline::before {
  content: "\F16CF";
}

.mdi-wifi-strength-lock-outline::before {
  content: "\F092C";
}

.mdi-wifi-strength-off::before {
  content: "\F092D";
}

.mdi-wifi-strength-off-outline::before {
  content: "\F092E";
}

.mdi-wifi-strength-outline::before {
  content: "\F092F";
}

.mdi-wifi-sync::before {
  content: "\F16C7";
}

.mdi-wikipedia::before {
  content: "\F05AC";
}

.mdi-wind-power::before {
  content: "\F1A88";
}

.mdi-wind-power-outline::before {
  content: "\F1A89";
}

.mdi-wind-turbine::before {
  content: "\F0DA5";
}

.mdi-wind-turbine-alert::before {
  content: "\F19AB";
}

.mdi-wind-turbine-check::before {
  content: "\F19AC";
}

.mdi-window-close::before {
  content: "\F05AD";
}

.mdi-window-closed::before {
  content: "\F05AE";
}

.mdi-window-closed-variant::before {
  content: "\F11DB";
}

.mdi-window-maximize::before {
  content: "\F05AF";
}

.mdi-window-minimize::before {
  content: "\F05B0";
}

.mdi-window-open::before {
  content: "\F05B1";
}

.mdi-window-open-variant::before {
  content: "\F11DC";
}

.mdi-window-restore::before {
  content: "\F05B2";
}

.mdi-window-shutter::before {
  content: "\F111C";
}

.mdi-window-shutter-alert::before {
  content: "\F111D";
}

.mdi-window-shutter-auto::before {
  content: "\F1BA3";
}

.mdi-window-shutter-cog::before {
  content: "\F1A8A";
}

.mdi-window-shutter-open::before {
  content: "\F111E";
}

.mdi-window-shutter-settings::before {
  content: "\F1A8B";
}

.mdi-windsock::before {
  content: "\F15FA";
}

.mdi-wiper::before {
  content: "\F0AE9";
}

.mdi-wiper-wash::before {
  content: "\F0DA6";
}

.mdi-wiper-wash-alert::before {
  content: "\F18DF";
}

.mdi-wizard-hat::before {
  content: "\F1477";
}

.mdi-wordpress::before {
  content: "\F05B4";
}

.mdi-wrap::before {
  content: "\F05B6";
}

.mdi-wrap-disabled::before {
  content: "\F0BDF";
}

.mdi-wrench::before {
  content: "\F05B7";
}

.mdi-wrench-check::before {
  content: "\F1B8F";
}

.mdi-wrench-check-outline::before {
  content: "\F1B90";
}

.mdi-wrench-clock::before {
  content: "\F19A3";
}

.mdi-wrench-clock-outline::before {
  content: "\F1B93";
}

.mdi-wrench-cog::before {
  content: "\F1B91";
}

.mdi-wrench-cog-outline::before {
  content: "\F1B92";
}

.mdi-wrench-outline::before {
  content: "\F0BE0";
}

.mdi-xamarin::before {
  content: "\F0845";
}

.mdi-xml::before {
  content: "\F05C0";
}

.mdi-xmpp::before {
  content: "\F07FF";
}

.mdi-yahoo::before {
  content: "\F0B4F";
}

.mdi-yeast::before {
  content: "\F05C1";
}

.mdi-yin-yang::before {
  content: "\F0680";
}

.mdi-yoga::before {
  content: "\F117C";
}

.mdi-youtube::before {
  content: "\F05C3";
}

.mdi-youtube-gaming::before {
  content: "\F0848";
}

.mdi-youtube-studio::before {
  content: "\F0847";
}

.mdi-youtube-subscription::before {
  content: "\F0D40";
}

.mdi-youtube-tv::before {
  content: "\F0448";
}

.mdi-yurt::before {
  content: "\F1516";
}

.mdi-z-wave::before {
  content: "\F0AEA";
}

.mdi-zend::before {
  content: "\F0AEB";
}

.mdi-zigbee::before {
  content: "\F0D41";
}

.mdi-zip-box::before {
  content: "\F05C4";
}

.mdi-zip-box-outline::before {
  content: "\F0FFA";
}

.mdi-zip-disk::before {
  content: "\F0A23";
}

.mdi-zodiac-aquarius::before {
  content: "\F0A7D";
}

.mdi-zodiac-aries::before {
  content: "\F0A7E";
}

.mdi-zodiac-cancer::before {
  content: "\F0A7F";
}

.mdi-zodiac-capricorn::before {
  content: "\F0A80";
}

.mdi-zodiac-gemini::before {
  content: "\F0A81";
}

.mdi-zodiac-leo::before {
  content: "\F0A82";
}

.mdi-zodiac-libra::before {
  content: "\F0A83";
}

.mdi-zodiac-pisces::before {
  content: "\F0A84";
}

.mdi-zodiac-sagittarius::before {
  content: "\F0A85";
}

.mdi-zodiac-scorpio::before {
  content: "\F0A86";
}

.mdi-zodiac-taurus::before {
  content: "\F0A87";
}

.mdi-zodiac-virgo::before {
  content: "\F0A88";
}

.mdi-blank::before {
  content: "\F68C";
  visibility: hidden;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: white;
}

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*# sourceMappingURL=materialdesignicons.css.map */@keyframes v-shake {
  59% {
    margin-left: 0;
  }
  60%, 80% {
    margin-left: 2px;
  }
  70%, 90% {
    margin-left: -2px;
  }
}
.bg-black {
  background-color: #000000 !important;
}
.bg-black {
  color: #FFFFFF !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}
.bg-white {
  color: #000000 !important;
}

.bg-transparent {
  background-color: transparent !important;
}
.bg-transparent {
  color: currentColor !important;
}

.bg-red {
  background-color: #F44336 !important;
}
.bg-red {
  color: #FFFFFF !important;
}

.bg-red-lighten-5 {
  background-color: #FFEBEE !important;
}
.bg-red-lighten-5 {
  color: #000000 !important;
}

.bg-red-lighten-4 {
  background-color: #FFCDD2 !important;
}
.bg-red-lighten-4 {
  color: #000000 !important;
}

.bg-red-lighten-3 {
  background-color: #EF9A9A !important;
}
.bg-red-lighten-3 {
  color: #000000 !important;
}

.bg-red-lighten-2 {
  background-color: #E57373 !important;
}
.bg-red-lighten-2 {
  color: #FFFFFF !important;
}

.bg-red-lighten-1 {
  background-color: #EF5350 !important;
}
.bg-red-lighten-1 {
  color: #FFFFFF !important;
}

.bg-red-darken-1 {
  background-color: #E53935 !important;
}
.bg-red-darken-1 {
  color: #FFFFFF !important;
}

.bg-red-darken-2 {
  background-color: #D32F2F !important;
}
.bg-red-darken-2 {
  color: #FFFFFF !important;
}

.bg-red-darken-3 {
  background-color: #C62828 !important;
}
.bg-red-darken-3 {
  color: #FFFFFF !important;
}

.bg-red-darken-4 {
  background-color: #B71C1C !important;
}
.bg-red-darken-4 {
  color: #FFFFFF !important;
}

.bg-red-accent-1 {
  background-color: #FF8A80 !important;
}
.bg-red-accent-1 {
  color: #000000 !important;
}

.bg-red-accent-2 {
  background-color: #FF5252 !important;
}
.bg-red-accent-2 {
  color: #FFFFFF !important;
}

.bg-red-accent-3 {
  background-color: #FF1744 !important;
}
.bg-red-accent-3 {
  color: #FFFFFF !important;
}

.bg-red-accent-4 {
  background-color: #D50000 !important;
}
.bg-red-accent-4 {
  color: #FFFFFF !important;
}

.bg-pink {
  background-color: #e91e63 !important;
}
.bg-pink {
  color: #FFFFFF !important;
}

.bg-pink-lighten-5 {
  background-color: #fce4ec !important;
}
.bg-pink-lighten-5 {
  color: #000000 !important;
}

.bg-pink-lighten-4 {
  background-color: #f8bbd0 !important;
}
.bg-pink-lighten-4 {
  color: #000000 !important;
}

.bg-pink-lighten-3 {
  background-color: #f48fb1 !important;
}
.bg-pink-lighten-3 {
  color: #000000 !important;
}

.bg-pink-lighten-2 {
  background-color: #f06292 !important;
}
.bg-pink-lighten-2 {
  color: #FFFFFF !important;
}

.bg-pink-lighten-1 {
  background-color: #ec407a !important;
}
.bg-pink-lighten-1 {
  color: #FFFFFF !important;
}

.bg-pink-darken-1 {
  background-color: #d81b60 !important;
}
.bg-pink-darken-1 {
  color: #FFFFFF !important;
}

.bg-pink-darken-2 {
  background-color: #c2185b !important;
}
.bg-pink-darken-2 {
  color: #FFFFFF !important;
}

.bg-pink-darken-3 {
  background-color: #ad1457 !important;
}
.bg-pink-darken-3 {
  color: #FFFFFF !important;
}

.bg-pink-darken-4 {
  background-color: #880e4f !important;
}
.bg-pink-darken-4 {
  color: #FFFFFF !important;
}

.bg-pink-accent-1 {
  background-color: #ff80ab !important;
}
.bg-pink-accent-1 {
  color: #FFFFFF !important;
}

.bg-pink-accent-2 {
  background-color: #ff4081 !important;
}
.bg-pink-accent-2 {
  color: #FFFFFF !important;
}

.bg-pink-accent-3 {
  background-color: #f50057 !important;
}
.bg-pink-accent-3 {
  color: #FFFFFF !important;
}

.bg-pink-accent-4 {
  background-color: #c51162 !important;
}
.bg-pink-accent-4 {
  color: #FFFFFF !important;
}

.bg-purple {
  background-color: #9c27b0 !important;
}
.bg-purple {
  color: #FFFFFF !important;
}

.bg-purple-lighten-5 {
  background-color: #f3e5f5 !important;
}
.bg-purple-lighten-5 {
  color: #000000 !important;
}

.bg-purple-lighten-4 {
  background-color: #e1bee7 !important;
}
.bg-purple-lighten-4 {
  color: #000000 !important;
}

.bg-purple-lighten-3 {
  background-color: #ce93d8 !important;
}
.bg-purple-lighten-3 {
  color: #FFFFFF !important;
}

.bg-purple-lighten-2 {
  background-color: #ba68c8 !important;
}
.bg-purple-lighten-2 {
  color: #FFFFFF !important;
}

.bg-purple-lighten-1 {
  background-color: #ab47bc !important;
}
.bg-purple-lighten-1 {
  color: #FFFFFF !important;
}

.bg-purple-darken-1 {
  background-color: #8e24aa !important;
}
.bg-purple-darken-1 {
  color: #FFFFFF !important;
}

.bg-purple-darken-2 {
  background-color: #7b1fa2 !important;
}
.bg-purple-darken-2 {
  color: #FFFFFF !important;
}

.bg-purple-darken-3 {
  background-color: #6a1b9a !important;
}
.bg-purple-darken-3 {
  color: #FFFFFF !important;
}

.bg-purple-darken-4 {
  background-color: #4a148c !important;
}
.bg-purple-darken-4 {
  color: #FFFFFF !important;
}

.bg-purple-accent-1 {
  background-color: #ea80fc !important;
}
.bg-purple-accent-1 {
  color: #FFFFFF !important;
}

.bg-purple-accent-2 {
  background-color: #e040fb !important;
}
.bg-purple-accent-2 {
  color: #FFFFFF !important;
}

.bg-purple-accent-3 {
  background-color: #d500f9 !important;
}
.bg-purple-accent-3 {
  color: #FFFFFF !important;
}

.bg-purple-accent-4 {
  background-color: #aa00ff !important;
}
.bg-purple-accent-4 {
  color: #FFFFFF !important;
}

.bg-deep-purple {
  background-color: #673ab7 !important;
}
.bg-deep-purple {
  color: #FFFFFF !important;
}

.bg-deep-purple-lighten-5 {
  background-color: #ede7f6 !important;
}
.bg-deep-purple-lighten-5 {
  color: #000000 !important;
}

.bg-deep-purple-lighten-4 {
  background-color: #d1c4e9 !important;
}
.bg-deep-purple-lighten-4 {
  color: #000000 !important;
}

.bg-deep-purple-lighten-3 {
  background-color: #b39ddb !important;
}
.bg-deep-purple-lighten-3 {
  color: #FFFFFF !important;
}

.bg-deep-purple-lighten-2 {
  background-color: #9575cd !important;
}
.bg-deep-purple-lighten-2 {
  color: #FFFFFF !important;
}

.bg-deep-purple-lighten-1 {
  background-color: #7e57c2 !important;
}
.bg-deep-purple-lighten-1 {
  color: #FFFFFF !important;
}

.bg-deep-purple-darken-1 {
  background-color: #5e35b1 !important;
}
.bg-deep-purple-darken-1 {
  color: #FFFFFF !important;
}

.bg-deep-purple-darken-2 {
  background-color: #512da8 !important;
}
.bg-deep-purple-darken-2 {
  color: #FFFFFF !important;
}

.bg-deep-purple-darken-3 {
  background-color: #4527a0 !important;
}
.bg-deep-purple-darken-3 {
  color: #FFFFFF !important;
}

.bg-deep-purple-darken-4 {
  background-color: #311b92 !important;
}
.bg-deep-purple-darken-4 {
  color: #FFFFFF !important;
}

.bg-deep-purple-accent-1 {
  background-color: #b388ff !important;
}
.bg-deep-purple-accent-1 {
  color: #FFFFFF !important;
}

.bg-deep-purple-accent-2 {
  background-color: #7c4dff !important;
}
.bg-deep-purple-accent-2 {
  color: #FFFFFF !important;
}

.bg-deep-purple-accent-3 {
  background-color: #651fff !important;
}
.bg-deep-purple-accent-3 {
  color: #FFFFFF !important;
}

.bg-deep-purple-accent-4 {
  background-color: #6200ea !important;
}
.bg-deep-purple-accent-4 {
  color: #FFFFFF !important;
}

.bg-indigo {
  background-color: #3f51b5 !important;
}
.bg-indigo {
  color: #FFFFFF !important;
}

.bg-indigo-lighten-5 {
  background-color: #e8eaf6 !important;
}
.bg-indigo-lighten-5 {
  color: #000000 !important;
}

.bg-indigo-lighten-4 {
  background-color: #c5cae9 !important;
}
.bg-indigo-lighten-4 {
  color: #000000 !important;
}

.bg-indigo-lighten-3 {
  background-color: #9fa8da !important;
}
.bg-indigo-lighten-3 {
  color: #FFFFFF !important;
}

.bg-indigo-lighten-2 {
  background-color: #7986cb !important;
}
.bg-indigo-lighten-2 {
  color: #FFFFFF !important;
}

.bg-indigo-lighten-1 {
  background-color: #5c6bc0 !important;
}
.bg-indigo-lighten-1 {
  color: #FFFFFF !important;
}

.bg-indigo-darken-1 {
  background-color: #3949ab !important;
}
.bg-indigo-darken-1 {
  color: #FFFFFF !important;
}

.bg-indigo-darken-2 {
  background-color: #303f9f !important;
}
.bg-indigo-darken-2 {
  color: #FFFFFF !important;
}

.bg-indigo-darken-3 {
  background-color: #283593 !important;
}
.bg-indigo-darken-3 {
  color: #FFFFFF !important;
}

.bg-indigo-darken-4 {
  background-color: #1a237e !important;
}
.bg-indigo-darken-4 {
  color: #FFFFFF !important;
}

.bg-indigo-accent-1 {
  background-color: #8c9eff !important;
}
.bg-indigo-accent-1 {
  color: #FFFFFF !important;
}

.bg-indigo-accent-2 {
  background-color: #536dfe !important;
}
.bg-indigo-accent-2 {
  color: #FFFFFF !important;
}

.bg-indigo-accent-3 {
  background-color: #3d5afe !important;
}
.bg-indigo-accent-3 {
  color: #FFFFFF !important;
}

.bg-indigo-accent-4 {
  background-color: #304ffe !important;
}
.bg-indigo-accent-4 {
  color: #FFFFFF !important;
}

.bg-blue {
  background-color: #2196F3 !important;
}
.bg-blue {
  color: #FFFFFF !important;
}

.bg-blue-lighten-5 {
  background-color: #E3F2FD !important;
}
.bg-blue-lighten-5 {
  color: #000000 !important;
}

.bg-blue-lighten-4 {
  background-color: #BBDEFB !important;
}
.bg-blue-lighten-4 {
  color: #000000 !important;
}

.bg-blue-lighten-3 {
  background-color: #90CAF9 !important;
}
.bg-blue-lighten-3 {
  color: #000000 !important;
}

.bg-blue-lighten-2 {
  background-color: #64B5F6 !important;
}
.bg-blue-lighten-2 {
  color: #000000 !important;
}

.bg-blue-lighten-1 {
  background-color: #42A5F5 !important;
}
.bg-blue-lighten-1 {
  color: #FFFFFF !important;
}

.bg-blue-darken-1 {
  background-color: #1E88E5 !important;
}
.bg-blue-darken-1 {
  color: #FFFFFF !important;
}

.bg-blue-darken-2 {
  background-color: #1976D2 !important;
}
.bg-blue-darken-2 {
  color: #FFFFFF !important;
}

.bg-blue-darken-3 {
  background-color: #1565C0 !important;
}
.bg-blue-darken-3 {
  color: #FFFFFF !important;
}

.bg-blue-darken-4 {
  background-color: #0D47A1 !important;
}
.bg-blue-darken-4 {
  color: #FFFFFF !important;
}

.bg-blue-accent-1 {
  background-color: #82B1FF !important;
}
.bg-blue-accent-1 {
  color: #000000 !important;
}

.bg-blue-accent-2 {
  background-color: #448AFF !important;
}
.bg-blue-accent-2 {
  color: #FFFFFF !important;
}

.bg-blue-accent-3 {
  background-color: #2979FF !important;
}
.bg-blue-accent-3 {
  color: #FFFFFF !important;
}

.bg-blue-accent-4 {
  background-color: #2962FF !important;
}
.bg-blue-accent-4 {
  color: #FFFFFF !important;
}

.bg-light-blue {
  background-color: #03a9f4 !important;
}
.bg-light-blue {
  color: #FFFFFF !important;
}

.bg-light-blue-lighten-5 {
  background-color: #e1f5fe !important;
}
.bg-light-blue-lighten-5 {
  color: #000000 !important;
}

.bg-light-blue-lighten-4 {
  background-color: #b3e5fc !important;
}
.bg-light-blue-lighten-4 {
  color: #000000 !important;
}

.bg-light-blue-lighten-3 {
  background-color: #81d4fa !important;
}
.bg-light-blue-lighten-3 {
  color: #000000 !important;
}

.bg-light-blue-lighten-2 {
  background-color: #4fc3f7 !important;
}
.bg-light-blue-lighten-2 {
  color: #000000 !important;
}

.bg-light-blue-lighten-1 {
  background-color: #29b6f6 !important;
}
.bg-light-blue-lighten-1 {
  color: #000000 !important;
}

.bg-light-blue-darken-1 {
  background-color: #039be5 !important;
}
.bg-light-blue-darken-1 {
  color: #FFFFFF !important;
}

.bg-light-blue-darken-2 {
  background-color: #0288d1 !important;
}
.bg-light-blue-darken-2 {
  color: #FFFFFF !important;
}

.bg-light-blue-darken-3 {
  background-color: #0277bd !important;
}
.bg-light-blue-darken-3 {
  color: #FFFFFF !important;
}

.bg-light-blue-darken-4 {
  background-color: #01579b !important;
}
.bg-light-blue-darken-4 {
  color: #FFFFFF !important;
}

.bg-light-blue-accent-1 {
  background-color: #80d8ff !important;
}
.bg-light-blue-accent-1 {
  color: #000000 !important;
}

.bg-light-blue-accent-2 {
  background-color: #40c4ff !important;
}
.bg-light-blue-accent-2 {
  color: #000000 !important;
}

.bg-light-blue-accent-3 {
  background-color: #00b0ff !important;
}
.bg-light-blue-accent-3 {
  color: #FFFFFF !important;
}

.bg-light-blue-accent-4 {
  background-color: #0091ea !important;
}
.bg-light-blue-accent-4 {
  color: #FFFFFF !important;
}

.bg-cyan {
  background-color: #00bcd4 !important;
}
.bg-cyan {
  color: #000000 !important;
}

.bg-cyan-lighten-5 {
  background-color: #e0f7fa !important;
}
.bg-cyan-lighten-5 {
  color: #000000 !important;
}

.bg-cyan-lighten-4 {
  background-color: #b2ebf2 !important;
}
.bg-cyan-lighten-4 {
  color: #000000 !important;
}

.bg-cyan-lighten-3 {
  background-color: #80deea !important;
}
.bg-cyan-lighten-3 {
  color: #000000 !important;
}

.bg-cyan-lighten-2 {
  background-color: #4dd0e1 !important;
}
.bg-cyan-lighten-2 {
  color: #000000 !important;
}

.bg-cyan-lighten-1 {
  background-color: #26c6da !important;
}
.bg-cyan-lighten-1 {
  color: #000000 !important;
}

.bg-cyan-darken-1 {
  background-color: #00acc1 !important;
}
.bg-cyan-darken-1 {
  color: #FFFFFF !important;
}

.bg-cyan-darken-2 {
  background-color: #0097a7 !important;
}
.bg-cyan-darken-2 {
  color: #FFFFFF !important;
}

.bg-cyan-darken-3 {
  background-color: #00838f !important;
}
.bg-cyan-darken-3 {
  color: #FFFFFF !important;
}

.bg-cyan-darken-4 {
  background-color: #006064 !important;
}
.bg-cyan-darken-4 {
  color: #FFFFFF !important;
}

.bg-cyan-accent-1 {
  background-color: #84ffff !important;
}
.bg-cyan-accent-1 {
  color: #000000 !important;
}

.bg-cyan-accent-2 {
  background-color: #18ffff !important;
}
.bg-cyan-accent-2 {
  color: #000000 !important;
}

.bg-cyan-accent-3 {
  background-color: #00e5ff !important;
}
.bg-cyan-accent-3 {
  color: #000000 !important;
}

.bg-cyan-accent-4 {
  background-color: #00b8d4 !important;
}
.bg-cyan-accent-4 {
  color: #FFFFFF !important;
}

.bg-teal {
  background-color: #009688 !important;
}
.bg-teal {
  color: #FFFFFF !important;
}

.bg-teal-lighten-5 {
  background-color: #e0f2f1 !important;
}
.bg-teal-lighten-5 {
  color: #000000 !important;
}

.bg-teal-lighten-4 {
  background-color: #b2dfdb !important;
}
.bg-teal-lighten-4 {
  color: #000000 !important;
}

.bg-teal-lighten-3 {
  background-color: #80cbc4 !important;
}
.bg-teal-lighten-3 {
  color: #000000 !important;
}

.bg-teal-lighten-2 {
  background-color: #4db6ac !important;
}
.bg-teal-lighten-2 {
  color: #FFFFFF !important;
}

.bg-teal-lighten-1 {
  background-color: #26a69a !important;
}
.bg-teal-lighten-1 {
  color: #FFFFFF !important;
}

.bg-teal-darken-1 {
  background-color: #00897b !important;
}
.bg-teal-darken-1 {
  color: #FFFFFF !important;
}

.bg-teal-darken-2 {
  background-color: #00796b !important;
}
.bg-teal-darken-2 {
  color: #FFFFFF !important;
}

.bg-teal-darken-3 {
  background-color: #00695c !important;
}
.bg-teal-darken-3 {
  color: #FFFFFF !important;
}

.bg-teal-darken-4 {
  background-color: #004d40 !important;
}
.bg-teal-darken-4 {
  color: #FFFFFF !important;
}

.bg-teal-accent-1 {
  background-color: #a7ffeb !important;
}
.bg-teal-accent-1 {
  color: #000000 !important;
}

.bg-teal-accent-2 {
  background-color: #64ffda !important;
}
.bg-teal-accent-2 {
  color: #000000 !important;
}

.bg-teal-accent-3 {
  background-color: #1de9b6 !important;
}
.bg-teal-accent-3 {
  color: #000000 !important;
}

.bg-teal-accent-4 {
  background-color: #00bfa5 !important;
}
.bg-teal-accent-4 {
  color: #FFFFFF !important;
}

.bg-green {
  background-color: #4CAF50 !important;
}
.bg-green {
  color: #FFFFFF !important;
}

.bg-green-lighten-5 {
  background-color: #E8F5E9 !important;
}
.bg-green-lighten-5 {
  color: #000000 !important;
}

.bg-green-lighten-4 {
  background-color: #C8E6C9 !important;
}
.bg-green-lighten-4 {
  color: #000000 !important;
}

.bg-green-lighten-3 {
  background-color: #A5D6A7 !important;
}
.bg-green-lighten-3 {
  color: #000000 !important;
}

.bg-green-lighten-2 {
  background-color: #81C784 !important;
}
.bg-green-lighten-2 {
  color: #000000 !important;
}

.bg-green-lighten-1 {
  background-color: #66BB6A !important;
}
.bg-green-lighten-1 {
  color: #FFFFFF !important;
}

.bg-green-darken-1 {
  background-color: #43A047 !important;
}
.bg-green-darken-1 {
  color: #FFFFFF !important;
}

.bg-green-darken-2 {
  background-color: #388E3C !important;
}
.bg-green-darken-2 {
  color: #FFFFFF !important;
}

.bg-green-darken-3 {
  background-color: #2E7D32 !important;
}
.bg-green-darken-3 {
  color: #FFFFFF !important;
}

.bg-green-darken-4 {
  background-color: #1B5E20 !important;
}
.bg-green-darken-4 {
  color: #FFFFFF !important;
}

.bg-green-accent-1 {
  background-color: #B9F6CA !important;
}
.bg-green-accent-1 {
  color: #000000 !important;
}

.bg-green-accent-2 {
  background-color: #69F0AE !important;
}
.bg-green-accent-2 {
  color: #000000 !important;
}

.bg-green-accent-3 {
  background-color: #00E676 !important;
}
.bg-green-accent-3 {
  color: #000000 !important;
}

.bg-green-accent-4 {
  background-color: #00C853 !important;
}
.bg-green-accent-4 {
  color: #000000 !important;
}

.bg-light-green {
  background-color: #8bc34a !important;
}
.bg-light-green {
  color: #000000 !important;
}

.bg-light-green-lighten-5 {
  background-color: #f1f8e9 !important;
}
.bg-light-green-lighten-5 {
  color: #000000 !important;
}

.bg-light-green-lighten-4 {
  background-color: #dcedc8 !important;
}
.bg-light-green-lighten-4 {
  color: #000000 !important;
}

.bg-light-green-lighten-3 {
  background-color: #c5e1a5 !important;
}
.bg-light-green-lighten-3 {
  color: #000000 !important;
}

.bg-light-green-lighten-2 {
  background-color: #aed581 !important;
}
.bg-light-green-lighten-2 {
  color: #000000 !important;
}

.bg-light-green-lighten-1 {
  background-color: #9ccc65 !important;
}
.bg-light-green-lighten-1 {
  color: #000000 !important;
}

.bg-light-green-darken-1 {
  background-color: #7cb342 !important;
}
.bg-light-green-darken-1 {
  color: #FFFFFF !important;
}

.bg-light-green-darken-2 {
  background-color: #689f38 !important;
}
.bg-light-green-darken-2 {
  color: #FFFFFF !important;
}

.bg-light-green-darken-3 {
  background-color: #558b2f !important;
}
.bg-light-green-darken-3 {
  color: #FFFFFF !important;
}

.bg-light-green-darken-4 {
  background-color: #33691e !important;
}
.bg-light-green-darken-4 {
  color: #FFFFFF !important;
}

.bg-light-green-accent-1 {
  background-color: #ccff90 !important;
}
.bg-light-green-accent-1 {
  color: #000000 !important;
}

.bg-light-green-accent-2 {
  background-color: #b2ff59 !important;
}
.bg-light-green-accent-2 {
  color: #000000 !important;
}

.bg-light-green-accent-3 {
  background-color: #76ff03 !important;
}
.bg-light-green-accent-3 {
  color: #000000 !important;
}

.bg-light-green-accent-4 {
  background-color: #64dd17 !important;
}
.bg-light-green-accent-4 {
  color: #000000 !important;
}

.bg-lime {
  background-color: #cddc39 !important;
}
.bg-lime {
  color: #000000 !important;
}

.bg-lime-lighten-5 {
  background-color: #f9fbe7 !important;
}
.bg-lime-lighten-5 {
  color: #000000 !important;
}

.bg-lime-lighten-4 {
  background-color: #f0f4c3 !important;
}
.bg-lime-lighten-4 {
  color: #000000 !important;
}

.bg-lime-lighten-3 {
  background-color: #e6ee9c !important;
}
.bg-lime-lighten-3 {
  color: #000000 !important;
}

.bg-lime-lighten-2 {
  background-color: #dce775 !important;
}
.bg-lime-lighten-2 {
  color: #000000 !important;
}

.bg-lime-lighten-1 {
  background-color: #d4e157 !important;
}
.bg-lime-lighten-1 {
  color: #000000 !important;
}

.bg-lime-darken-1 {
  background-color: #c0ca33 !important;
}
.bg-lime-darken-1 {
  color: #000000 !important;
}

.bg-lime-darken-2 {
  background-color: #afb42b !important;
}
.bg-lime-darken-2 {
  color: #000000 !important;
}

.bg-lime-darken-3 {
  background-color: #9e9d24 !important;
}
.bg-lime-darken-3 {
  color: #FFFFFF !important;
}

.bg-lime-darken-4 {
  background-color: #827717 !important;
}
.bg-lime-darken-4 {
  color: #FFFFFF !important;
}

.bg-lime-accent-1 {
  background-color: #f4ff81 !important;
}
.bg-lime-accent-1 {
  color: #000000 !important;
}

.bg-lime-accent-2 {
  background-color: #eeff41 !important;
}
.bg-lime-accent-2 {
  color: #000000 !important;
}

.bg-lime-accent-3 {
  background-color: #c6ff00 !important;
}
.bg-lime-accent-3 {
  color: #000000 !important;
}

.bg-lime-accent-4 {
  background-color: #aeea00 !important;
}
.bg-lime-accent-4 {
  color: #000000 !important;
}

.bg-yellow {
  background-color: #ffeb3b !important;
}
.bg-yellow {
  color: #000000 !important;
}

.bg-yellow-lighten-5 {
  background-color: #fffde7 !important;
}
.bg-yellow-lighten-5 {
  color: #000000 !important;
}

.bg-yellow-lighten-4 {
  background-color: #fff9c4 !important;
}
.bg-yellow-lighten-4 {
  color: #000000 !important;
}

.bg-yellow-lighten-3 {
  background-color: #fff59d !important;
}
.bg-yellow-lighten-3 {
  color: #000000 !important;
}

.bg-yellow-lighten-2 {
  background-color: #fff176 !important;
}
.bg-yellow-lighten-2 {
  color: #000000 !important;
}

.bg-yellow-lighten-1 {
  background-color: #ffee58 !important;
}
.bg-yellow-lighten-1 {
  color: #000000 !important;
}

.bg-yellow-darken-1 {
  background-color: #fdd835 !important;
}
.bg-yellow-darken-1 {
  color: #000000 !important;
}

.bg-yellow-darken-2 {
  background-color: #fbc02d !important;
}
.bg-yellow-darken-2 {
  color: #000000 !important;
}

.bg-yellow-darken-3 {
  background-color: #f9a825 !important;
}
.bg-yellow-darken-3 {
  color: #000000 !important;
}

.bg-yellow-darken-4 {
  background-color: #f57f17 !important;
}
.bg-yellow-darken-4 {
  color: #FFFFFF !important;
}

.bg-yellow-accent-1 {
  background-color: #ffff8d !important;
}
.bg-yellow-accent-1 {
  color: #000000 !important;
}

.bg-yellow-accent-2 {
  background-color: #ffff00 !important;
}
.bg-yellow-accent-2 {
  color: #000000 !important;
}

.bg-yellow-accent-3 {
  background-color: #ffea00 !important;
}
.bg-yellow-accent-3 {
  color: #000000 !important;
}

.bg-yellow-accent-4 {
  background-color: #ffd600 !important;
}
.bg-yellow-accent-4 {
  color: #000000 !important;
}

.bg-amber {
  background-color: #ffc107 !important;
}
.bg-amber {
  color: #000000 !important;
}

.bg-amber-lighten-5 {
  background-color: #fff8e1 !important;
}
.bg-amber-lighten-5 {
  color: #000000 !important;
}

.bg-amber-lighten-4 {
  background-color: #ffecb3 !important;
}
.bg-amber-lighten-4 {
  color: #000000 !important;
}

.bg-amber-lighten-3 {
  background-color: #ffe082 !important;
}
.bg-amber-lighten-3 {
  color: #000000 !important;
}

.bg-amber-lighten-2 {
  background-color: #ffd54f !important;
}
.bg-amber-lighten-2 {
  color: #000000 !important;
}

.bg-amber-lighten-1 {
  background-color: #ffca28 !important;
}
.bg-amber-lighten-1 {
  color: #000000 !important;
}

.bg-amber-darken-1 {
  background-color: #ffb300 !important;
}
.bg-amber-darken-1 {
  color: #000000 !important;
}

.bg-amber-darken-2 {
  background-color: #ffa000 !important;
}
.bg-amber-darken-2 {
  color: #000000 !important;
}

.bg-amber-darken-3 {
  background-color: #ff8f00 !important;
}
.bg-amber-darken-3 {
  color: #000000 !important;
}

.bg-amber-darken-4 {
  background-color: #ff6f00 !important;
}
.bg-amber-darken-4 {
  color: #FFFFFF !important;
}

.bg-amber-accent-1 {
  background-color: #ffe57f !important;
}
.bg-amber-accent-1 {
  color: #000000 !important;
}

.bg-amber-accent-2 {
  background-color: #ffd740 !important;
}
.bg-amber-accent-2 {
  color: #000000 !important;
}

.bg-amber-accent-3 {
  background-color: #ffc400 !important;
}
.bg-amber-accent-3 {
  color: #000000 !important;
}

.bg-amber-accent-4 {
  background-color: #ffab00 !important;
}
.bg-amber-accent-4 {
  color: #000000 !important;
}

.bg-orange {
  background-color: #ff9800 !important;
}
.bg-orange {
  color: #000000 !important;
}

.bg-orange-lighten-5 {
  background-color: #fff3e0 !important;
}
.bg-orange-lighten-5 {
  color: #000000 !important;
}

.bg-orange-lighten-4 {
  background-color: #ffe0b2 !important;
}
.bg-orange-lighten-4 {
  color: #000000 !important;
}

.bg-orange-lighten-3 {
  background-color: #ffcc80 !important;
}
.bg-orange-lighten-3 {
  color: #000000 !important;
}

.bg-orange-lighten-2 {
  background-color: #ffb74d !important;
}
.bg-orange-lighten-2 {
  color: #000000 !important;
}

.bg-orange-lighten-1 {
  background-color: #ffa726 !important;
}
.bg-orange-lighten-1 {
  color: #000000 !important;
}

.bg-orange-darken-1 {
  background-color: #fb8c00 !important;
}
.bg-orange-darken-1 {
  color: #FFFFFF !important;
}

.bg-orange-darken-2 {
  background-color: #f57c00 !important;
}
.bg-orange-darken-2 {
  color: #FFFFFF !important;
}

.bg-orange-darken-3 {
  background-color: #ef6c00 !important;
}
.bg-orange-darken-3 {
  color: #FFFFFF !important;
}

.bg-orange-darken-4 {
  background-color: #e65100 !important;
}
.bg-orange-darken-4 {
  color: #FFFFFF !important;
}

.bg-orange-accent-1 {
  background-color: #ffd180 !important;
}
.bg-orange-accent-1 {
  color: #000000 !important;
}

.bg-orange-accent-2 {
  background-color: #ffab40 !important;
}
.bg-orange-accent-2 {
  color: #000000 !important;
}

.bg-orange-accent-3 {
  background-color: #ff9100 !important;
}
.bg-orange-accent-3 {
  color: #000000 !important;
}

.bg-orange-accent-4 {
  background-color: #ff6d00 !important;
}
.bg-orange-accent-4 {
  color: #FFFFFF !important;
}

.bg-deep-orange {
  background-color: #ff5722 !important;
}
.bg-deep-orange {
  color: #FFFFFF !important;
}

.bg-deep-orange-lighten-5 {
  background-color: #fbe9e7 !important;
}
.bg-deep-orange-lighten-5 {
  color: #000000 !important;
}

.bg-deep-orange-lighten-4 {
  background-color: #ffccbc !important;
}
.bg-deep-orange-lighten-4 {
  color: #000000 !important;
}

.bg-deep-orange-lighten-3 {
  background-color: #ffab91 !important;
}
.bg-deep-orange-lighten-3 {
  color: #000000 !important;
}

.bg-deep-orange-lighten-2 {
  background-color: #ff8a65 !important;
}
.bg-deep-orange-lighten-2 {
  color: #000000 !important;
}

.bg-deep-orange-lighten-1 {
  background-color: #ff7043 !important;
}
.bg-deep-orange-lighten-1 {
  color: #FFFFFF !important;
}

.bg-deep-orange-darken-1 {
  background-color: #f4511e !important;
}
.bg-deep-orange-darken-1 {
  color: #FFFFFF !important;
}

.bg-deep-orange-darken-2 {
  background-color: #e64a19 !important;
}
.bg-deep-orange-darken-2 {
  color: #FFFFFF !important;
}

.bg-deep-orange-darken-3 {
  background-color: #d84315 !important;
}
.bg-deep-orange-darken-3 {
  color: #FFFFFF !important;
}

.bg-deep-orange-darken-4 {
  background-color: #bf360c !important;
}
.bg-deep-orange-darken-4 {
  color: #FFFFFF !important;
}

.bg-deep-orange-accent-1 {
  background-color: #ff9e80 !important;
}
.bg-deep-orange-accent-1 {
  color: #000000 !important;
}

.bg-deep-orange-accent-2 {
  background-color: #ff6e40 !important;
}
.bg-deep-orange-accent-2 {
  color: #FFFFFF !important;
}

.bg-deep-orange-accent-3 {
  background-color: #ff3d00 !important;
}
.bg-deep-orange-accent-3 {
  color: #FFFFFF !important;
}

.bg-deep-orange-accent-4 {
  background-color: #dd2c00 !important;
}
.bg-deep-orange-accent-4 {
  color: #FFFFFF !important;
}

.bg-brown {
  background-color: #795548 !important;
}
.bg-brown {
  color: #FFFFFF !important;
}

.bg-brown-lighten-5 {
  background-color: #efebe9 !important;
}
.bg-brown-lighten-5 {
  color: #000000 !important;
}

.bg-brown-lighten-4 {
  background-color: #d7ccc8 !important;
}
.bg-brown-lighten-4 {
  color: #000000 !important;
}

.bg-brown-lighten-3 {
  background-color: #bcaaa4 !important;
}
.bg-brown-lighten-3 {
  color: #000000 !important;
}

.bg-brown-lighten-2 {
  background-color: #a1887f !important;
}
.bg-brown-lighten-2 {
  color: #FFFFFF !important;
}

.bg-brown-lighten-1 {
  background-color: #8d6e63 !important;
}
.bg-brown-lighten-1 {
  color: #FFFFFF !important;
}

.bg-brown-darken-1 {
  background-color: #6d4c41 !important;
}
.bg-brown-darken-1 {
  color: #FFFFFF !important;
}

.bg-brown-darken-2 {
  background-color: #5d4037 !important;
}
.bg-brown-darken-2 {
  color: #FFFFFF !important;
}

.bg-brown-darken-3 {
  background-color: #4e342e !important;
}
.bg-brown-darken-3 {
  color: #FFFFFF !important;
}

.bg-brown-darken-4 {
  background-color: #3e2723 !important;
}
.bg-brown-darken-4 {
  color: #FFFFFF !important;
}

.bg-blue-grey {
  background-color: #607d8b !important;
}
.bg-blue-grey {
  color: #FFFFFF !important;
}

.bg-blue-grey-lighten-5 {
  background-color: #eceff1 !important;
}
.bg-blue-grey-lighten-5 {
  color: #000000 !important;
}

.bg-blue-grey-lighten-4 {
  background-color: #cfd8dc !important;
}
.bg-blue-grey-lighten-4 {
  color: #000000 !important;
}

.bg-blue-grey-lighten-3 {
  background-color: #b0bec5 !important;
}
.bg-blue-grey-lighten-3 {
  color: #000000 !important;
}

.bg-blue-grey-lighten-2 {
  background-color: #90a4ae !important;
}
.bg-blue-grey-lighten-2 {
  color: #FFFFFF !important;
}

.bg-blue-grey-lighten-1 {
  background-color: #78909c !important;
}
.bg-blue-grey-lighten-1 {
  color: #FFFFFF !important;
}

.bg-blue-grey-darken-1 {
  background-color: #546e7a !important;
}
.bg-blue-grey-darken-1 {
  color: #FFFFFF !important;
}

.bg-blue-grey-darken-2 {
  background-color: #455a64 !important;
}
.bg-blue-grey-darken-2 {
  color: #FFFFFF !important;
}

.bg-blue-grey-darken-3 {
  background-color: #37474f !important;
}
.bg-blue-grey-darken-3 {
  color: #FFFFFF !important;
}

.bg-blue-grey-darken-4 {
  background-color: #263238 !important;
}
.bg-blue-grey-darken-4 {
  color: #FFFFFF !important;
}

.bg-grey {
  background-color: #9e9e9e !important;
}
.bg-grey {
  color: #FFFFFF !important;
}

.bg-grey-lighten-5 {
  background-color: #fafafa !important;
}
.bg-grey-lighten-5 {
  color: #000000 !important;
}

.bg-grey-lighten-4 {
  background-color: #f5f5f5 !important;
}
.bg-grey-lighten-4 {
  color: #000000 !important;
}

.bg-grey-lighten-3 {
  background-color: #eeeeee !important;
}
.bg-grey-lighten-3 {
  color: #000000 !important;
}

.bg-grey-lighten-2 {
  background-color: #e0e0e0 !important;
}
.bg-grey-lighten-2 {
  color: #000000 !important;
}

.bg-grey-lighten-1 {
  background-color: #bdbdbd !important;
}
.bg-grey-lighten-1 {
  color: #000000 !important;
}

.bg-grey-darken-1 {
  background-color: #757575 !important;
}
.bg-grey-darken-1 {
  color: #FFFFFF !important;
}

.bg-grey-darken-2 {
  background-color: #616161 !important;
}
.bg-grey-darken-2 {
  color: #FFFFFF !important;
}

.bg-grey-darken-3 {
  background-color: #424242 !important;
}
.bg-grey-darken-3 {
  color: #FFFFFF !important;
}

.bg-grey-darken-4 {
  background-color: #212121 !important;
}
.bg-grey-darken-4 {
  color: #FFFFFF !important;
}

.bg-shades-black {
  background-color: #000000 !important;
}
.bg-shades-black {
  color: #FFFFFF !important;
}

.bg-shades-white {
  background-color: #FFFFFF !important;
}
.bg-shades-white {
  color: #000000 !important;
}

.bg-shades-transparent {
  background-color: transparent !important;
}
.bg-shades-transparent {
  color: currentColor !important;
}

.text-black {
  color: #000000 !important;
}

.text-white {
  color: #FFFFFF !important;
}

.text-transparent {
  color: transparent !important;
}

.text-red {
  color: #F44336 !important;
}

.text-red-lighten-5 {
  color: #FFEBEE !important;
}

.text-red-lighten-4 {
  color: #FFCDD2 !important;
}

.text-red-lighten-3 {
  color: #EF9A9A !important;
}

.text-red-lighten-2 {
  color: #E57373 !important;
}

.text-red-lighten-1 {
  color: #EF5350 !important;
}

.text-red-darken-1 {
  color: #E53935 !important;
}

.text-red-darken-2 {
  color: #D32F2F !important;
}

.text-red-darken-3 {
  color: #C62828 !important;
}

.text-red-darken-4 {
  color: #B71C1C !important;
}

.text-red-accent-1 {
  color: #FF8A80 !important;
}

.text-red-accent-2 {
  color: #FF5252 !important;
}

.text-red-accent-3 {
  color: #FF1744 !important;
}

.text-red-accent-4 {
  color: #D50000 !important;
}

.text-pink {
  color: #e91e63 !important;
}

.text-pink-lighten-5 {
  color: #fce4ec !important;
}

.text-pink-lighten-4 {
  color: #f8bbd0 !important;
}

.text-pink-lighten-3 {
  color: #f48fb1 !important;
}

.text-pink-lighten-2 {
  color: #f06292 !important;
}

.text-pink-lighten-1 {
  color: #ec407a !important;
}

.text-pink-darken-1 {
  color: #d81b60 !important;
}

.text-pink-darken-2 {
  color: #c2185b !important;
}

.text-pink-darken-3 {
  color: #ad1457 !important;
}

.text-pink-darken-4 {
  color: #880e4f !important;
}

.text-pink-accent-1 {
  color: #ff80ab !important;
}

.text-pink-accent-2 {
  color: #ff4081 !important;
}

.text-pink-accent-3 {
  color: #f50057 !important;
}

.text-pink-accent-4 {
  color: #c51162 !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-purple-lighten-5 {
  color: #f3e5f5 !important;
}

.text-purple-lighten-4 {
  color: #e1bee7 !important;
}

.text-purple-lighten-3 {
  color: #ce93d8 !important;
}

.text-purple-lighten-2 {
  color: #ba68c8 !important;
}

.text-purple-lighten-1 {
  color: #ab47bc !important;
}

.text-purple-darken-1 {
  color: #8e24aa !important;
}

.text-purple-darken-2 {
  color: #7b1fa2 !important;
}

.text-purple-darken-3 {
  color: #6a1b9a !important;
}

.text-purple-darken-4 {
  color: #4a148c !important;
}

.text-purple-accent-1 {
  color: #ea80fc !important;
}

.text-purple-accent-2 {
  color: #e040fb !important;
}

.text-purple-accent-3 {
  color: #d500f9 !important;
}

.text-purple-accent-4 {
  color: #aa00ff !important;
}

.text-deep-purple {
  color: #673ab7 !important;
}

.text-deep-purple-lighten-5 {
  color: #ede7f6 !important;
}

.text-deep-purple-lighten-4 {
  color: #d1c4e9 !important;
}

.text-deep-purple-lighten-3 {
  color: #b39ddb !important;
}

.text-deep-purple-lighten-2 {
  color: #9575cd !important;
}

.text-deep-purple-lighten-1 {
  color: #7e57c2 !important;
}

.text-deep-purple-darken-1 {
  color: #5e35b1 !important;
}

.text-deep-purple-darken-2 {
  color: #512da8 !important;
}

.text-deep-purple-darken-3 {
  color: #4527a0 !important;
}

.text-deep-purple-darken-4 {
  color: #311b92 !important;
}

.text-deep-purple-accent-1 {
  color: #b388ff !important;
}

.text-deep-purple-accent-2 {
  color: #7c4dff !important;
}

.text-deep-purple-accent-3 {
  color: #651fff !important;
}

.text-deep-purple-accent-4 {
  color: #6200ea !important;
}

.text-indigo {
  color: #3f51b5 !important;
}

.text-indigo-lighten-5 {
  color: #e8eaf6 !important;
}

.text-indigo-lighten-4 {
  color: #c5cae9 !important;
}

.text-indigo-lighten-3 {
  color: #9fa8da !important;
}

.text-indigo-lighten-2 {
  color: #7986cb !important;
}

.text-indigo-lighten-1 {
  color: #5c6bc0 !important;
}

.text-indigo-darken-1 {
  color: #3949ab !important;
}

.text-indigo-darken-2 {
  color: #303f9f !important;
}

.text-indigo-darken-3 {
  color: #283593 !important;
}

.text-indigo-darken-4 {
  color: #1a237e !important;
}

.text-indigo-accent-1 {
  color: #8c9eff !important;
}

.text-indigo-accent-2 {
  color: #536dfe !important;
}

.text-indigo-accent-3 {
  color: #3d5afe !important;
}

.text-indigo-accent-4 {
  color: #304ffe !important;
}

.text-blue {
  color: #2196F3 !important;
}

.text-blue-lighten-5 {
  color: #E3F2FD !important;
}

.text-blue-lighten-4 {
  color: #BBDEFB !important;
}

.text-blue-lighten-3 {
  color: #90CAF9 !important;
}

.text-blue-lighten-2 {
  color: #64B5F6 !important;
}

.text-blue-lighten-1 {
  color: #42A5F5 !important;
}

.text-blue-darken-1 {
  color: #1E88E5 !important;
}

.text-blue-darken-2 {
  color: #1976D2 !important;
}

.text-blue-darken-3 {
  color: #1565C0 !important;
}

.text-blue-darken-4 {
  color: #0D47A1 !important;
}

.text-blue-accent-1 {
  color: #82B1FF !important;
}

.text-blue-accent-2 {
  color: #448AFF !important;
}

.text-blue-accent-3 {
  color: #2979FF !important;
}

.text-blue-accent-4 {
  color: #2962FF !important;
}

.text-light-blue {
  color: #03a9f4 !important;
}

.text-light-blue-lighten-5 {
  color: #e1f5fe !important;
}

.text-light-blue-lighten-4 {
  color: #b3e5fc !important;
}

.text-light-blue-lighten-3 {
  color: #81d4fa !important;
}

.text-light-blue-lighten-2 {
  color: #4fc3f7 !important;
}

.text-light-blue-lighten-1 {
  color: #29b6f6 !important;
}

.text-light-blue-darken-1 {
  color: #039be5 !important;
}

.text-light-blue-darken-2 {
  color: #0288d1 !important;
}

.text-light-blue-darken-3 {
  color: #0277bd !important;
}

.text-light-blue-darken-4 {
  color: #01579b !important;
}

.text-light-blue-accent-1 {
  color: #80d8ff !important;
}

.text-light-blue-accent-2 {
  color: #40c4ff !important;
}

.text-light-blue-accent-3 {
  color: #00b0ff !important;
}

.text-light-blue-accent-4 {
  color: #0091ea !important;
}

.text-cyan {
  color: #00bcd4 !important;
}

.text-cyan-lighten-5 {
  color: #e0f7fa !important;
}

.text-cyan-lighten-4 {
  color: #b2ebf2 !important;
}

.text-cyan-lighten-3 {
  color: #80deea !important;
}

.text-cyan-lighten-2 {
  color: #4dd0e1 !important;
}

.text-cyan-lighten-1 {
  color: #26c6da !important;
}

.text-cyan-darken-1 {
  color: #00acc1 !important;
}

.text-cyan-darken-2 {
  color: #0097a7 !important;
}

.text-cyan-darken-3 {
  color: #00838f !important;
}

.text-cyan-darken-4 {
  color: #006064 !important;
}

.text-cyan-accent-1 {
  color: #84ffff !important;
}

.text-cyan-accent-2 {
  color: #18ffff !important;
}

.text-cyan-accent-3 {
  color: #00e5ff !important;
}

.text-cyan-accent-4 {
  color: #00b8d4 !important;
}

.text-teal {
  color: #009688 !important;
}

.text-teal-lighten-5 {
  color: #e0f2f1 !important;
}

.text-teal-lighten-4 {
  color: #b2dfdb !important;
}

.text-teal-lighten-3 {
  color: #80cbc4 !important;
}

.text-teal-lighten-2 {
  color: #4db6ac !important;
}

.text-teal-lighten-1 {
  color: #26a69a !important;
}

.text-teal-darken-1 {
  color: #00897b !important;
}

.text-teal-darken-2 {
  color: #00796b !important;
}

.text-teal-darken-3 {
  color: #00695c !important;
}

.text-teal-darken-4 {
  color: #004d40 !important;
}

.text-teal-accent-1 {
  color: #a7ffeb !important;
}

.text-teal-accent-2 {
  color: #64ffda !important;
}

.text-teal-accent-3 {
  color: #1de9b6 !important;
}

.text-teal-accent-4 {
  color: #00bfa5 !important;
}

.text-green {
  color: #4CAF50 !important;
}

.text-green-lighten-5 {
  color: #E8F5E9 !important;
}

.text-green-lighten-4 {
  color: #C8E6C9 !important;
}

.text-green-lighten-3 {
  color: #A5D6A7 !important;
}

.text-green-lighten-2 {
  color: #81C784 !important;
}

.text-green-lighten-1 {
  color: #66BB6A !important;
}

.text-green-darken-1 {
  color: #43A047 !important;
}

.text-green-darken-2 {
  color: #388E3C !important;
}

.text-green-darken-3 {
  color: #2E7D32 !important;
}

.text-green-darken-4 {
  color: #1B5E20 !important;
}

.text-green-accent-1 {
  color: #B9F6CA !important;
}

.text-green-accent-2 {
  color: #69F0AE !important;
}

.text-green-accent-3 {
  color: #00E676 !important;
}

.text-green-accent-4 {
  color: #00C853 !important;
}

.text-light-green {
  color: #8bc34a !important;
}

.text-light-green-lighten-5 {
  color: #f1f8e9 !important;
}

.text-light-green-lighten-4 {
  color: #dcedc8 !important;
}

.text-light-green-lighten-3 {
  color: #c5e1a5 !important;
}

.text-light-green-lighten-2 {
  color: #aed581 !important;
}

.text-light-green-lighten-1 {
  color: #9ccc65 !important;
}

.text-light-green-darken-1 {
  color: #7cb342 !important;
}

.text-light-green-darken-2 {
  color: #689f38 !important;
}

.text-light-green-darken-3 {
  color: #558b2f !important;
}

.text-light-green-darken-4 {
  color: #33691e !important;
}

.text-light-green-accent-1 {
  color: #ccff90 !important;
}

.text-light-green-accent-2 {
  color: #b2ff59 !important;
}

.text-light-green-accent-3 {
  color: #76ff03 !important;
}

.text-light-green-accent-4 {
  color: #64dd17 !important;
}

.text-lime {
  color: #cddc39 !important;
}

.text-lime-lighten-5 {
  color: #f9fbe7 !important;
}

.text-lime-lighten-4 {
  color: #f0f4c3 !important;
}

.text-lime-lighten-3 {
  color: #e6ee9c !important;
}

.text-lime-lighten-2 {
  color: #dce775 !important;
}

.text-lime-lighten-1 {
  color: #d4e157 !important;
}

.text-lime-darken-1 {
  color: #c0ca33 !important;
}

.text-lime-darken-2 {
  color: #afb42b !important;
}

.text-lime-darken-3 {
  color: #9e9d24 !important;
}

.text-lime-darken-4 {
  color: #827717 !important;
}

.text-lime-accent-1 {
  color: #f4ff81 !important;
}

.text-lime-accent-2 {
  color: #eeff41 !important;
}

.text-lime-accent-3 {
  color: #c6ff00 !important;
}

.text-lime-accent-4 {
  color: #aeea00 !important;
}

.text-yellow {
  color: #ffeb3b !important;
}

.text-yellow-lighten-5 {
  color: #fffde7 !important;
}

.text-yellow-lighten-4 {
  color: #fff9c4 !important;
}

.text-yellow-lighten-3 {
  color: #fff59d !important;
}

.text-yellow-lighten-2 {
  color: #fff176 !important;
}

.text-yellow-lighten-1 {
  color: #ffee58 !important;
}

.text-yellow-darken-1 {
  color: #fdd835 !important;
}

.text-yellow-darken-2 {
  color: #fbc02d !important;
}

.text-yellow-darken-3 {
  color: #f9a825 !important;
}

.text-yellow-darken-4 {
  color: #f57f17 !important;
}

.text-yellow-accent-1 {
  color: #ffff8d !important;
}

.text-yellow-accent-2 {
  color: #ffff00 !important;
}

.text-yellow-accent-3 {
  color: #ffea00 !important;
}

.text-yellow-accent-4 {
  color: #ffd600 !important;
}

.text-amber {
  color: #ffc107 !important;
}

.text-amber-lighten-5 {
  color: #fff8e1 !important;
}

.text-amber-lighten-4 {
  color: #ffecb3 !important;
}

.text-amber-lighten-3 {
  color: #ffe082 !important;
}

.text-amber-lighten-2 {
  color: #ffd54f !important;
}

.text-amber-lighten-1 {
  color: #ffca28 !important;
}

.text-amber-darken-1 {
  color: #ffb300 !important;
}

.text-amber-darken-2 {
  color: #ffa000 !important;
}

.text-amber-darken-3 {
  color: #ff8f00 !important;
}

.text-amber-darken-4 {
  color: #ff6f00 !important;
}

.text-amber-accent-1 {
  color: #ffe57f !important;
}

.text-amber-accent-2 {
  color: #ffd740 !important;
}

.text-amber-accent-3 {
  color: #ffc400 !important;
}

.text-amber-accent-4 {
  color: #ffab00 !important;
}

.text-orange {
  color: #ff9800 !important;
}

.text-orange-lighten-5 {
  color: #fff3e0 !important;
}

.text-orange-lighten-4 {
  color: #ffe0b2 !important;
}

.text-orange-lighten-3 {
  color: #ffcc80 !important;
}

.text-orange-lighten-2 {
  color: #ffb74d !important;
}

.text-orange-lighten-1 {
  color: #ffa726 !important;
}

.text-orange-darken-1 {
  color: #fb8c00 !important;
}

.text-orange-darken-2 {
  color: #f57c00 !important;
}

.text-orange-darken-3 {
  color: #ef6c00 !important;
}

.text-orange-darken-4 {
  color: #e65100 !important;
}

.text-orange-accent-1 {
  color: #ffd180 !important;
}

.text-orange-accent-2 {
  color: #ffab40 !important;
}

.text-orange-accent-3 {
  color: #ff9100 !important;
}

.text-orange-accent-4 {
  color: #ff6d00 !important;
}

.text-deep-orange {
  color: #ff5722 !important;
}

.text-deep-orange-lighten-5 {
  color: #fbe9e7 !important;
}

.text-deep-orange-lighten-4 {
  color: #ffccbc !important;
}

.text-deep-orange-lighten-3 {
  color: #ffab91 !important;
}

.text-deep-orange-lighten-2 {
  color: #ff8a65 !important;
}

.text-deep-orange-lighten-1 {
  color: #ff7043 !important;
}

.text-deep-orange-darken-1 {
  color: #f4511e !important;
}

.text-deep-orange-darken-2 {
  color: #e64a19 !important;
}

.text-deep-orange-darken-3 {
  color: #d84315 !important;
}

.text-deep-orange-darken-4 {
  color: #bf360c !important;
}

.text-deep-orange-accent-1 {
  color: #ff9e80 !important;
}

.text-deep-orange-accent-2 {
  color: #ff6e40 !important;
}

.text-deep-orange-accent-3 {
  color: #ff3d00 !important;
}

.text-deep-orange-accent-4 {
  color: #dd2c00 !important;
}

.text-brown {
  color: #795548 !important;
}

.text-brown-lighten-5 {
  color: #efebe9 !important;
}

.text-brown-lighten-4 {
  color: #d7ccc8 !important;
}

.text-brown-lighten-3 {
  color: #bcaaa4 !important;
}

.text-brown-lighten-2 {
  color: #a1887f !important;
}

.text-brown-lighten-1 {
  color: #8d6e63 !important;
}

.text-brown-darken-1 {
  color: #6d4c41 !important;
}

.text-brown-darken-2 {
  color: #5d4037 !important;
}

.text-brown-darken-3 {
  color: #4e342e !important;
}

.text-brown-darken-4 {
  color: #3e2723 !important;
}

.text-blue-grey {
  color: #607d8b !important;
}

.text-blue-grey-lighten-5 {
  color: #eceff1 !important;
}

.text-blue-grey-lighten-4 {
  color: #cfd8dc !important;
}

.text-blue-grey-lighten-3 {
  color: #b0bec5 !important;
}

.text-blue-grey-lighten-2 {
  color: #90a4ae !important;
}

.text-blue-grey-lighten-1 {
  color: #78909c !important;
}

.text-blue-grey-darken-1 {
  color: #546e7a !important;
}

.text-blue-grey-darken-2 {
  color: #455a64 !important;
}

.text-blue-grey-darken-3 {
  color: #37474f !important;
}

.text-blue-grey-darken-4 {
  color: #263238 !important;
}

.text-grey {
  color: #9e9e9e !important;
}

.text-grey-lighten-5 {
  color: #fafafa !important;
}

.text-grey-lighten-4 {
  color: #f5f5f5 !important;
}

.text-grey-lighten-3 {
  color: #eeeeee !important;
}

.text-grey-lighten-2 {
  color: #e0e0e0 !important;
}

.text-grey-lighten-1 {
  color: #bdbdbd !important;
}

.text-grey-darken-1 {
  color: #757575 !important;
}

.text-grey-darken-2 {
  color: #616161 !important;
}

.text-grey-darken-3 {
  color: #424242 !important;
}

.text-grey-darken-4 {
  color: #212121 !important;
}

.text-shades-black {
  color: #000000 !important;
}

.text-shades-white {
  color: #FFFFFF !important;
}

.text-shades-transparent {
  color: transparent !important;
}

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

@media (prefers-reduced-motion: no-preference) {
  .dialog-transition-enter-active,
  .dialog-bottom-transition-enter-active,
  .dialog-top-transition-enter-active {
    transition-duration: 225ms !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }
  .dialog-transition-leave-active,
  .dialog-bottom-transition-leave-active,
  .dialog-top-transition-leave-active {
    transition-duration: 125ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }
  .dialog-transition-enter-active, .dialog-transition-leave-active,
  .dialog-bottom-transition-enter-active,
  .dialog-bottom-transition-leave-active,
  .dialog-top-transition-enter-active,
  .dialog-top-transition-leave-active {
    transition-property: transform, opacity !important;
    pointer-events: none;
  }
  .dialog-transition-enter-from, .dialog-transition-leave-to {
    transform: scale(0.9);
    opacity: 0;
  }
  .dialog-transition-enter-to, .dialog-transition-leave-from {
    opacity: 1;
  }
  .dialog-bottom-transition-enter-from, .dialog-bottom-transition-leave-to {
    transform: translateY(calc(50vh + 50%));
  }
  .dialog-top-transition-enter-from, .dialog-top-transition-leave-to {
    transform: translateY(calc(-50vh - 50%));
  }
  .picker-transition-enter-active,
  .picker-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-transition-leave-active,
  .picker-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-transition-move,
  .picker-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-transition-enter-from, .picker-transition-leave-to,
  .picker-reverse-transition-enter-from,
  .picker-reverse-transition-leave-to {
    opacity: 0;
  }
  .picker-transition-leave-from, .picker-transition-leave-active, .picker-transition-leave-to,
  .picker-reverse-transition-leave-from,
  .picker-reverse-transition-leave-active,
  .picker-reverse-transition-leave-to {
    position: absolute !important;
  }
  .picker-transition-enter-active, .picker-transition-leave-active,
  .picker-reverse-transition-enter-active,
  .picker-reverse-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .picker-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-transition-enter-from {
    transform: translate(100%, 0);
  }
  .picker-transition-leave-to {
    transform: translate(-100%, 0);
  }
  .picker-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .picker-reverse-transition-enter-from {
    transform: translate(-100%, 0);
  }
  .picker-reverse-transition-leave-to {
    transform: translate(100%, 0);
  }
  .expand-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-transition-enter-active, .expand-transition-leave-active {
    transition-property: height !important;
  }
  .expand-x-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-x-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-x-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-x-transition-enter-active, .expand-x-transition-leave-active {
    transition-property: width !important;
  }
  .expand-both-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-both-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-both-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .expand-both-transition-enter-active, .expand-both-transition-leave-active {
    transition-property: height, width !important;
  }
  .scale-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-transition-leave-to {
    opacity: 0;
  }
  .scale-transition-leave-active {
    transition-duration: 100ms !important;
  }
  .scale-transition-enter-from {
    opacity: 0;
    transform: scale(0);
  }
  .scale-transition-enter-active, .scale-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .scale-rotate-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-rotate-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-rotate-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-rotate-transition-leave-to {
    opacity: 0;
  }
  .scale-rotate-transition-leave-active {
    transition-duration: 100ms !important;
  }
  .scale-rotate-transition-enter-from {
    opacity: 0;
    transform: scale(0) rotate(-45deg);
  }
  .scale-rotate-transition-enter-active, .scale-rotate-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .scale-rotate-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-rotate-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-rotate-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scale-rotate-reverse-transition-leave-to {
    opacity: 0;
  }
  .scale-rotate-reverse-transition-leave-active {
    transition-duration: 100ms !important;
  }
  .scale-rotate-reverse-transition-enter-from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  .scale-rotate-reverse-transition-enter-active, .scale-rotate-reverse-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .message-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .message-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .message-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .message-transition-enter-from, .message-transition-leave-to {
    opacity: 0;
    transform: translateY(-15px);
  }
  .message-transition-leave-from, .message-transition-leave-active {
    position: absolute;
  }
  .message-transition-enter-active, .message-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .slide-y-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-y-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-y-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-y-transition-enter-from, .slide-y-transition-leave-to {
    opacity: 0;
    transform: translateY(-15px);
  }
  .slide-y-transition-enter-active, .slide-y-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .slide-y-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-y-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-y-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-y-reverse-transition-enter-from, .slide-y-reverse-transition-leave-to {
    opacity: 0;
    transform: translateY(15px);
  }
  .slide-y-reverse-transition-enter-active, .slide-y-reverse-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .scroll-y-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-y-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-y-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-y-transition-enter-from, .scroll-y-transition-leave-to {
    opacity: 0;
  }
  .scroll-y-transition-enter-from {
    transform: translateY(-15px);
  }
  .scroll-y-transition-leave-to {
    transform: translateY(15px);
  }
  .scroll-y-transition-enter-active, .scroll-y-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .scroll-y-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-y-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-y-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-y-reverse-transition-enter-from, .scroll-y-reverse-transition-leave-to {
    opacity: 0;
  }
  .scroll-y-reverse-transition-enter-from {
    transform: translateY(15px);
  }
  .scroll-y-reverse-transition-leave-to {
    transform: translateY(-15px);
  }
  .scroll-y-reverse-transition-enter-active, .scroll-y-reverse-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .scroll-x-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-x-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-x-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-x-transition-enter-from, .scroll-x-transition-leave-to {
    opacity: 0;
  }
  .scroll-x-transition-enter-from {
    transform: translateX(-15px);
  }
  .scroll-x-transition-leave-to {
    transform: translateX(15px);
  }
  .scroll-x-transition-enter-active, .scroll-x-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .scroll-x-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-x-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-x-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .scroll-x-reverse-transition-enter-from, .scroll-x-reverse-transition-leave-to {
    opacity: 0;
  }
  .scroll-x-reverse-transition-enter-from {
    transform: translateX(15px);
  }
  .scroll-x-reverse-transition-leave-to {
    transform: translateX(-15px);
  }
  .scroll-x-reverse-transition-enter-active, .scroll-x-reverse-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .slide-x-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-x-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-x-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-x-transition-enter-from, .slide-x-transition-leave-to {
    opacity: 0;
    transform: translateX(-15px);
  }
  .slide-x-transition-enter-active, .slide-x-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .slide-x-reverse-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-x-reverse-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-x-reverse-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .slide-x-reverse-transition-enter-from, .slide-x-reverse-transition-leave-to {
    opacity: 0;
    transform: translateX(15px);
  }
  .slide-x-reverse-transition-enter-active, .slide-x-reverse-transition-leave-active {
    transition-property: transform, opacity !important;
  }
  .fade-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .fade-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .fade-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .fade-transition-enter-from, .fade-transition-leave-to {
    opacity: 0 !important;
  }
  .fade-transition-enter-active, .fade-transition-leave-active {
    transition-property: opacity !important;
  }
  .fab-transition-enter-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .fab-transition-leave-active {
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .fab-transition-move {
    transition-duration: 0.5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .fab-transition-enter-from, .fab-transition-leave-to {
    transform: scale(0) rotate(-45deg);
  }
  .fab-transition-enter-active, .fab-transition-leave-active {
    transition-property: transform !important;
  }
}
.v-locale--is-rtl {
  direction: rtl;
}
.v-locale--is-ltr {
  direction: ltr;
}

.blockquote {
  padding: 16px 0 16px 24px;
  font-size: 18px;
  font-weight: 300;
}

html {
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html.overflow-y-hidden {
  overflow-y: hidden !important;
}

:root {
  --v-theme-overlay-multiplier: 1;
  --v-scrollbar-offset: 0px;
}

@supports (-webkit-touch-callout: none) {
  body {
    cursor: pointer;
  }
}
@media only print {
  .hidden-print-only {
    display: none !important;
  }
}

@media only screen {
  .hidden-screen-only {
    display: none !important;
  }
}

@media (max-width: 599.98px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 959.98px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1279.98px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1919.98px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1920px) and (max-width: 2559.98px) {
  .hidden-xl {
    display: none !important;
  }
}

@media (min-width: 2560px) {
  .hidden-xxl {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .hidden-sm-and-up {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .hidden-md-and-up {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .hidden-lg-and-up {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  .hidden-xl-and-up {
    display: none !important;
  }
}

@media (max-width: 959.98px) {
  .hidden-sm-and-down {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .hidden-md-and-down {
    display: none !important;
  }
}

@media (max-width: 1919.98px) {
  .hidden-lg-and-down {
    display: none !important;
  }
}

@media (max-width: 2559.98px) {
  .hidden-xl-and-down {
    display: none !important;
  }
}

.elevation-24 {
  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-23 {
  box-shadow: 0px 11px 14px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 23px 36px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 44px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-22 {
  box-shadow: 0px 10px 14px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 22px 35px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 8px 42px 7px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-21 {
  box-shadow: 0px 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 21px 33px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 8px 40px 7px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-20 {
  box-shadow: 0px 10px 13px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 20px 31px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 8px 38px 7px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-19 {
  box-shadow: 0px 9px 12px -6px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 19px 29px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 7px 36px 6px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-18 {
  box-shadow: 0px 9px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 18px 28px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 7px 34px 6px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-17 {
  box-shadow: 0px 8px 11px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 17px 26px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 32px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-16 {
  box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-15 {
  box-shadow: 0px 8px 9px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 15px 22px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 28px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-14 {
  box-shadow: 0px 7px 9px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 14px 21px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 26px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-13 {
  box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 13px 19px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 24px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-12 {
  box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-11 {
  box-shadow: 0px 6px 7px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 11px 15px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 4px 20px 3px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-10 {
  box-shadow: 0px 6px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 10px 14px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 4px 18px 3px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-9 {
  box-shadow: 0px 5px 6px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 9px 12px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 16px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-8 {
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-7 {
  box-shadow: 0px 4px 5px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 7px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 2px 16px 1px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-6 {
  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-5 {
  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 5px 8px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 14px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-4 {
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-3 {
  box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-2 {
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-1 {
  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.elevation-0 {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12)) !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.pointer-pass-through {
  pointer-events: none !important;
}
.pointer-pass-through > * {
  pointer-events: auto !important;
}

.d-sr-only,
.d-sr-only-focusable:not(:focus) {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.float-none {
  float: none !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.v-locale--is-rtl .float-end {
  float: left !important;
}

.v-locale--is-rtl .float-start {
  float: right !important;
}

.v-locale--is-ltr .float-end {
  float: right !important;
}

.v-locale--is-ltr .float-start {
  float: left !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-1-1 {
  flex: 1 1 auto !important;
}

.flex-1-0 {
  flex: 1 0 auto !important;
}

.flex-0-1 {
  flex: 0 1 auto !important;
}

.flex-0-0 {
  flex: 0 0 auto !important;
}

.flex-1-1-100 {
  flex: 1 1 100% !important;
}

.flex-1-0-100 {
  flex: 1 0 100% !important;
}

.flex-0-1-100 {
  flex: 0 1 100% !important;
}

.flex-0-0-100 {
  flex: 0 0 100% !important;
}

.flex-1-1-0 {
  flex: 1 1 0 !important;
}

.flex-1-0-0 {
  flex: 1 0 0 !important;
}

.flex-0-1-0 {
  flex: 0 1 0 !important;
}

.flex-0-0-0 {
  flex: 0 0 0 !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-space-between {
  justify-content: space-between !important;
}

.justify-space-around {
  justify-content: space-around !important;
}

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.justify-items-start {
  justify-items: flex-start !important;
}

.justify-items-end {
  justify-items: flex-end !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.align-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-space-between {
  align-content: space-between !important;
}

.align-content-space-around {
  align-content: space-around !important;
}

.align-content-space-evenly {
  align-content: space-evenly !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.order-last {
  order: 13 !important;
}

.ga-0 {
  gap: 0px !important;
}

.ga-1 {
  gap: 4px !important;
}

.ga-2 {
  gap: 8px !important;
}

.ga-3 {
  gap: 12px !important;
}

.ga-4 {
  gap: 16px !important;
}

.ga-5 {
  gap: 20px !important;
}

.ga-6 {
  gap: 24px !important;
}

.ga-7 {
  gap: 28px !important;
}

.ga-8 {
  gap: 32px !important;
}

.ga-9 {
  gap: 36px !important;
}

.ga-10 {
  gap: 40px !important;
}

.ga-11 {
  gap: 44px !important;
}

.ga-12 {
  gap: 48px !important;
}

.ga-13 {
  gap: 52px !important;
}

.ga-14 {
  gap: 56px !important;
}

.ga-15 {
  gap: 60px !important;
}

.ga-16 {
  gap: 64px !important;
}

.ga-auto {
  gap: auto !important;
}

.gr-0 {
  row-gap: 0px !important;
}

.gr-1 {
  row-gap: 4px !important;
}

.gr-2 {
  row-gap: 8px !important;
}

.gr-3 {
  row-gap: 12px !important;
}

.gr-4 {
  row-gap: 16px !important;
}

.gr-5 {
  row-gap: 20px !important;
}

.gr-6 {
  row-gap: 24px !important;
}

.gr-7 {
  row-gap: 28px !important;
}

.gr-8 {
  row-gap: 32px !important;
}

.gr-9 {
  row-gap: 36px !important;
}

.gr-10 {
  row-gap: 40px !important;
}

.gr-11 {
  row-gap: 44px !important;
}

.gr-12 {
  row-gap: 48px !important;
}

.gr-13 {
  row-gap: 52px !important;
}

.gr-14 {
  row-gap: 56px !important;
}

.gr-15 {
  row-gap: 60px !important;
}

.gr-16 {
  row-gap: 64px !important;
}

.gr-auto {
  row-gap: auto !important;
}

.gc-0 {
  column-gap: 0px !important;
}

.gc-1 {
  column-gap: 4px !important;
}

.gc-2 {
  column-gap: 8px !important;
}

.gc-3 {
  column-gap: 12px !important;
}

.gc-4 {
  column-gap: 16px !important;
}

.gc-5 {
  column-gap: 20px !important;
}

.gc-6 {
  column-gap: 24px !important;
}

.gc-7 {
  column-gap: 28px !important;
}

.gc-8 {
  column-gap: 32px !important;
}

.gc-9 {
  column-gap: 36px !important;
}

.gc-10 {
  column-gap: 40px !important;
}

.gc-11 {
  column-gap: 44px !important;
}

.gc-12 {
  column-gap: 48px !important;
}

.gc-13 {
  column-gap: 52px !important;
}

.gc-14 {
  column-gap: 56px !important;
}

.gc-15 {
  column-gap: 60px !important;
}

.gc-16 {
  column-gap: 64px !important;
}

.gc-auto {
  column-gap: auto !important;
}

.ma-0 {
  margin: 0px !important;
}

.ma-1 {
  margin: 4px !important;
}

.ma-2 {
  margin: 8px !important;
}

.ma-3 {
  margin: 12px !important;
}

.ma-4 {
  margin: 16px !important;
}

.ma-5 {
  margin: 20px !important;
}

.ma-6 {
  margin: 24px !important;
}

.ma-7 {
  margin: 28px !important;
}

.ma-8 {
  margin: 32px !important;
}

.ma-9 {
  margin: 36px !important;
}

.ma-10 {
  margin: 40px !important;
}

.ma-11 {
  margin: 44px !important;
}

.ma-12 {
  margin: 48px !important;
}

.ma-13 {
  margin: 52px !important;
}

.ma-14 {
  margin: 56px !important;
}

.ma-15 {
  margin: 60px !important;
}

.ma-16 {
  margin: 64px !important;
}

.ma-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.mx-3 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mx-4 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.mx-5 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mx-6 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mx-7 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.mx-8 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.mx-9 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.mx-10 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.mx-11 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.mx-12 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.mx-13 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.mx-14 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.mx-15 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.mx-16 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-11 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.my-12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.my-13 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.my-14 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.my-15 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mt-7 {
  margin-top: 28px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.mt-9 {
  margin-top: 36px !important;
}

.mt-10 {
  margin-top: 40px !important;
}

.mt-11 {
  margin-top: 44px !important;
}

.mt-12 {
  margin-top: 48px !important;
}

.mt-13 {
  margin-top: 52px !important;
}

.mt-14 {
  margin-top: 56px !important;
}

.mt-15 {
  margin-top: 60px !important;
}

.mt-16 {
  margin-top: 64px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mr-7 {
  margin-right: 28px !important;
}

.mr-8 {
  margin-right: 32px !important;
}

.mr-9 {
  margin-right: 36px !important;
}

.mr-10 {
  margin-right: 40px !important;
}

.mr-11 {
  margin-right: 44px !important;
}

.mr-12 {
  margin-right: 48px !important;
}

.mr-13 {
  margin-right: 52px !important;
}

.mr-14 {
  margin-right: 56px !important;
}

.mr-15 {
  margin-right: 60px !important;
}

.mr-16 {
  margin-right: 64px !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.mb-7 {
  margin-bottom: 28px !important;
}

.mb-8 {
  margin-bottom: 32px !important;
}

.mb-9 {
  margin-bottom: 36px !important;
}

.mb-10 {
  margin-bottom: 40px !important;
}

.mb-11 {
  margin-bottom: 44px !important;
}

.mb-12 {
  margin-bottom: 48px !important;
}

.mb-13 {
  margin-bottom: 52px !important;
}

.mb-14 {
  margin-bottom: 56px !important;
}

.mb-15 {
  margin-bottom: 60px !important;
}

.mb-16 {
  margin-bottom: 64px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.ml-7 {
  margin-left: 28px !important;
}

.ml-8 {
  margin-left: 32px !important;
}

.ml-9 {
  margin-left: 36px !important;
}

.ml-10 {
  margin-left: 40px !important;
}

.ml-11 {
  margin-left: 44px !important;
}

.ml-12 {
  margin-left: 48px !important;
}

.ml-13 {
  margin-left: 52px !important;
}

.ml-14 {
  margin-left: 56px !important;
}

.ml-15 {
  margin-left: 60px !important;
}

.ml-16 {
  margin-left: 64px !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ms-0 {
  margin-inline-start: 0px !important;
}

.ms-1 {
  margin-inline-start: 4px !important;
}

.ms-2 {
  margin-inline-start: 8px !important;
}

.ms-3 {
  margin-inline-start: 12px !important;
}

.ms-4 {
  margin-inline-start: 16px !important;
}

.ms-5 {
  margin-inline-start: 20px !important;
}

.ms-6 {
  margin-inline-start: 24px !important;
}

.ms-7 {
  margin-inline-start: 28px !important;
}

.ms-8 {
  margin-inline-start: 32px !important;
}

.ms-9 {
  margin-inline-start: 36px !important;
}

.ms-10 {
  margin-inline-start: 40px !important;
}

.ms-11 {
  margin-inline-start: 44px !important;
}

.ms-12 {
  margin-inline-start: 48px !important;
}

.ms-13 {
  margin-inline-start: 52px !important;
}

.ms-14 {
  margin-inline-start: 56px !important;
}

.ms-15 {
  margin-inline-start: 60px !important;
}

.ms-16 {
  margin-inline-start: 64px !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.me-0 {
  margin-inline-end: 0px !important;
}

.me-1 {
  margin-inline-end: 4px !important;
}

.me-2 {
  margin-inline-end: 8px !important;
}

.me-3 {
  margin-inline-end: 12px !important;
}

.me-4 {
  margin-inline-end: 16px !important;
}

.me-5 {
  margin-inline-end: 20px !important;
}

.me-6 {
  margin-inline-end: 24px !important;
}

.me-7 {
  margin-inline-end: 28px !important;
}

.me-8 {
  margin-inline-end: 32px !important;
}

.me-9 {
  margin-inline-end: 36px !important;
}

.me-10 {
  margin-inline-end: 40px !important;
}

.me-11 {
  margin-inline-end: 44px !important;
}

.me-12 {
  margin-inline-end: 48px !important;
}

.me-13 {
  margin-inline-end: 52px !important;
}

.me-14 {
  margin-inline-end: 56px !important;
}

.me-15 {
  margin-inline-end: 60px !important;
}

.me-16 {
  margin-inline-end: 64px !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.ma-n1 {
  margin: -4px !important;
}

.ma-n2 {
  margin: -8px !important;
}

.ma-n3 {
  margin: -12px !important;
}

.ma-n4 {
  margin: -16px !important;
}

.ma-n5 {
  margin: -20px !important;
}

.ma-n6 {
  margin: -24px !important;
}

.ma-n7 {
  margin: -28px !important;
}

.ma-n8 {
  margin: -32px !important;
}

.ma-n9 {
  margin: -36px !important;
}

.ma-n10 {
  margin: -40px !important;
}

.ma-n11 {
  margin: -44px !important;
}

.ma-n12 {
  margin: -48px !important;
}

.ma-n13 {
  margin: -52px !important;
}

.ma-n14 {
  margin: -56px !important;
}

.ma-n15 {
  margin: -60px !important;
}

.ma-n16 {
  margin: -64px !important;
}

.mx-n1 {
  margin-right: -4px !important;
  margin-left: -4px !important;
}

.mx-n2 {
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.mx-n3 {
  margin-right: -12px !important;
  margin-left: -12px !important;
}

.mx-n4 {
  margin-right: -16px !important;
  margin-left: -16px !important;
}

.mx-n5 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.mx-n6 {
  margin-right: -24px !important;
  margin-left: -24px !important;
}

.mx-n7 {
  margin-right: -28px !important;
  margin-left: -28px !important;
}

.mx-n8 {
  margin-right: -32px !important;
  margin-left: -32px !important;
}

.mx-n9 {
  margin-right: -36px !important;
  margin-left: -36px !important;
}

.mx-n10 {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.mx-n11 {
  margin-right: -44px !important;
  margin-left: -44px !important;
}

.mx-n12 {
  margin-right: -48px !important;
  margin-left: -48px !important;
}

.mx-n13 {
  margin-right: -52px !important;
  margin-left: -52px !important;
}

.mx-n14 {
  margin-right: -56px !important;
  margin-left: -56px !important;
}

.mx-n15 {
  margin-right: -60px !important;
  margin-left: -60px !important;
}

.mx-n16 {
  margin-right: -64px !important;
  margin-left: -64px !important;
}

.my-n1 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.my-n2 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.my-n3 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.my-n4 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.my-n5 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.my-n6 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.my-n7 {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}

.my-n8 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.my-n9 {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.my-n10 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.my-n11 {
  margin-top: -44px !important;
  margin-bottom: -44px !important;
}

.my-n12 {
  margin-top: -48px !important;
  margin-bottom: -48px !important;
}

.my-n13 {
  margin-top: -52px !important;
  margin-bottom: -52px !important;
}

.my-n14 {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}

.my-n15 {
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.my-n16 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}

.mt-n1 {
  margin-top: -4px !important;
}

.mt-n2 {
  margin-top: -8px !important;
}

.mt-n3 {
  margin-top: -12px !important;
}

.mt-n4 {
  margin-top: -16px !important;
}

.mt-n5 {
  margin-top: -20px !important;
}

.mt-n6 {
  margin-top: -24px !important;
}

.mt-n7 {
  margin-top: -28px !important;
}

.mt-n8 {
  margin-top: -32px !important;
}

.mt-n9 {
  margin-top: -36px !important;
}

.mt-n10 {
  margin-top: -40px !important;
}

.mt-n11 {
  margin-top: -44px !important;
}

.mt-n12 {
  margin-top: -48px !important;
}

.mt-n13 {
  margin-top: -52px !important;
}

.mt-n14 {
  margin-top: -56px !important;
}

.mt-n15 {
  margin-top: -60px !important;
}

.mt-n16 {
  margin-top: -64px !important;
}

.mr-n1 {
  margin-right: -4px !important;
}

.mr-n2 {
  margin-right: -8px !important;
}

.mr-n3 {
  margin-right: -12px !important;
}

.mr-n4 {
  margin-right: -16px !important;
}

.mr-n5 {
  margin-right: -20px !important;
}

.mr-n6 {
  margin-right: -24px !important;
}

.mr-n7 {
  margin-right: -28px !important;
}

.mr-n8 {
  margin-right: -32px !important;
}

.mr-n9 {
  margin-right: -36px !important;
}

.mr-n10 {
  margin-right: -40px !important;
}

.mr-n11 {
  margin-right: -44px !important;
}

.mr-n12 {
  margin-right: -48px !important;
}

.mr-n13 {
  margin-right: -52px !important;
}

.mr-n14 {
  margin-right: -56px !important;
}

.mr-n15 {
  margin-right: -60px !important;
}

.mr-n16 {
  margin-right: -64px !important;
}

.mb-n1 {
  margin-bottom: -4px !important;
}

.mb-n2 {
  margin-bottom: -8px !important;
}

.mb-n3 {
  margin-bottom: -12px !important;
}

.mb-n4 {
  margin-bottom: -16px !important;
}

.mb-n5 {
  margin-bottom: -20px !important;
}

.mb-n6 {
  margin-bottom: -24px !important;
}

.mb-n7 {
  margin-bottom: -28px !important;
}

.mb-n8 {
  margin-bottom: -32px !important;
}

.mb-n9 {
  margin-bottom: -36px !important;
}

.mb-n10 {
  margin-bottom: -40px !important;
}

.mb-n11 {
  margin-bottom: -44px !important;
}

.mb-n12 {
  margin-bottom: -48px !important;
}

.mb-n13 {
  margin-bottom: -52px !important;
}

.mb-n14 {
  margin-bottom: -56px !important;
}

.mb-n15 {
  margin-bottom: -60px !important;
}

.mb-n16 {
  margin-bottom: -64px !important;
}

.ml-n1 {
  margin-left: -4px !important;
}

.ml-n2 {
  margin-left: -8px !important;
}

.ml-n3 {
  margin-left: -12px !important;
}

.ml-n4 {
  margin-left: -16px !important;
}

.ml-n5 {
  margin-left: -20px !important;
}

.ml-n6 {
  margin-left: -24px !important;
}

.ml-n7 {
  margin-left: -28px !important;
}

.ml-n8 {
  margin-left: -32px !important;
}

.ml-n9 {
  margin-left: -36px !important;
}

.ml-n10 {
  margin-left: -40px !important;
}

.ml-n11 {
  margin-left: -44px !important;
}

.ml-n12 {
  margin-left: -48px !important;
}

.ml-n13 {
  margin-left: -52px !important;
}

.ml-n14 {
  margin-left: -56px !important;
}

.ml-n15 {
  margin-left: -60px !important;
}

.ml-n16 {
  margin-left: -64px !important;
}

.ms-n1 {
  margin-inline-start: -4px !important;
}

.ms-n2 {
  margin-inline-start: -8px !important;
}

.ms-n3 {
  margin-inline-start: -12px !important;
}

.ms-n4 {
  margin-inline-start: -16px !important;
}

.ms-n5 {
  margin-inline-start: -20px !important;
}

.ms-n6 {
  margin-inline-start: -24px !important;
}

.ms-n7 {
  margin-inline-start: -28px !important;
}

.ms-n8 {
  margin-inline-start: -32px !important;
}

.ms-n9 {
  margin-inline-start: -36px !important;
}

.ms-n10 {
  margin-inline-start: -40px !important;
}

.ms-n11 {
  margin-inline-start: -44px !important;
}

.ms-n12 {
  margin-inline-start: -48px !important;
}

.ms-n13 {
  margin-inline-start: -52px !important;
}

.ms-n14 {
  margin-inline-start: -56px !important;
}

.ms-n15 {
  margin-inline-start: -60px !important;
}

.ms-n16 {
  margin-inline-start: -64px !important;
}

.me-n1 {
  margin-inline-end: -4px !important;
}

.me-n2 {
  margin-inline-end: -8px !important;
}

.me-n3 {
  margin-inline-end: -12px !important;
}

.me-n4 {
  margin-inline-end: -16px !important;
}

.me-n5 {
  margin-inline-end: -20px !important;
}

.me-n6 {
  margin-inline-end: -24px !important;
}

.me-n7 {
  margin-inline-end: -28px !important;
}

.me-n8 {
  margin-inline-end: -32px !important;
}

.me-n9 {
  margin-inline-end: -36px !important;
}

.me-n10 {
  margin-inline-end: -40px !important;
}

.me-n11 {
  margin-inline-end: -44px !important;
}

.me-n12 {
  margin-inline-end: -48px !important;
}

.me-n13 {
  margin-inline-end: -52px !important;
}

.me-n14 {
  margin-inline-end: -56px !important;
}

.me-n15 {
  margin-inline-end: -60px !important;
}

.me-n16 {
  margin-inline-end: -64px !important;
}

.pa-0 {
  padding: 0px !important;
}

.pa-1 {
  padding: 4px !important;
}

.pa-2 {
  padding: 8px !important;
}

.pa-3 {
  padding: 12px !important;
}

.pa-4 {
  padding: 16px !important;
}

.pa-5 {
  padding: 20px !important;
}

.pa-6 {
  padding: 24px !important;
}

.pa-7 {
  padding: 28px !important;
}

.pa-8 {
  padding: 32px !important;
}

.pa-9 {
  padding: 36px !important;
}

.pa-10 {
  padding: 40px !important;
}

.pa-11 {
  padding: 44px !important;
}

.pa-12 {
  padding: 48px !important;
}

.pa-13 {
  padding: 52px !important;
}

.pa-14 {
  padding: 56px !important;
}

.pa-15 {
  padding: 60px !important;
}

.pa-16 {
  padding: 64px !important;
}

.px-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.px-3 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.px-4 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.px-5 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.px-6 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.px-7 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.px-8 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.px-9 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.px-10 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.px-11 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.px-12 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.px-13 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.px-14 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.px-15 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.px-16 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.py-9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.py-13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.py-14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.py-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pt-7 {
  padding-top: 28px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pt-9 {
  padding-top: 36px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pt-11 {
  padding-top: 44px !important;
}

.pt-12 {
  padding-top: 48px !important;
}

.pt-13 {
  padding-top: 52px !important;
}

.pt-14 {
  padding-top: 56px !important;
}

.pt-15 {
  padding-top: 60px !important;
}

.pt-16 {
  padding-top: 64px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pr-7 {
  padding-right: 28px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pr-9 {
  padding-right: 36px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pr-11 {
  padding-right: 44px !important;
}

.pr-12 {
  padding-right: 48px !important;
}

.pr-13 {
  padding-right: 52px !important;
}

.pr-14 {
  padding-right: 56px !important;
}

.pr-15 {
  padding-right: 60px !important;
}

.pr-16 {
  padding-right: 64px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pb-7 {
  padding-bottom: 28px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pb-9 {
  padding-bottom: 36px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

.pb-11 {
  padding-bottom: 44px !important;
}

.pb-12 {
  padding-bottom: 48px !important;
}

.pb-13 {
  padding-bottom: 52px !important;
}

.pb-14 {
  padding-bottom: 56px !important;
}

.pb-15 {
  padding-bottom: 60px !important;
}

.pb-16 {
  padding-bottom: 64px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.pl-7 {
  padding-left: 28px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

.pl-9 {
  padding-left: 36px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

.pl-11 {
  padding-left: 44px !important;
}

.pl-12 {
  padding-left: 48px !important;
}

.pl-13 {
  padding-left: 52px !important;
}

.pl-14 {
  padding-left: 56px !important;
}

.pl-15 {
  padding-left: 60px !important;
}

.pl-16 {
  padding-left: 64px !important;
}

.ps-0 {
  padding-inline-start: 0px !important;
}

.ps-1 {
  padding-inline-start: 4px !important;
}

.ps-2 {
  padding-inline-start: 8px !important;
}

.ps-3 {
  padding-inline-start: 12px !important;
}

.ps-4 {
  padding-inline-start: 16px !important;
}

.ps-5 {
  padding-inline-start: 20px !important;
}

.ps-6 {
  padding-inline-start: 24px !important;
}

.ps-7 {
  padding-inline-start: 28px !important;
}

.ps-8 {
  padding-inline-start: 32px !important;
}

.ps-9 {
  padding-inline-start: 36px !important;
}

.ps-10 {
  padding-inline-start: 40px !important;
}

.ps-11 {
  padding-inline-start: 44px !important;
}

.ps-12 {
  padding-inline-start: 48px !important;
}

.ps-13 {
  padding-inline-start: 52px !important;
}

.ps-14 {
  padding-inline-start: 56px !important;
}

.ps-15 {
  padding-inline-start: 60px !important;
}

.ps-16 {
  padding-inline-start: 64px !important;
}

.pe-0 {
  padding-inline-end: 0px !important;
}

.pe-1 {
  padding-inline-end: 4px !important;
}

.pe-2 {
  padding-inline-end: 8px !important;
}

.pe-3 {
  padding-inline-end: 12px !important;
}

.pe-4 {
  padding-inline-end: 16px !important;
}

.pe-5 {
  padding-inline-end: 20px !important;
}

.pe-6 {
  padding-inline-end: 24px !important;
}

.pe-7 {
  padding-inline-end: 28px !important;
}

.pe-8 {
  padding-inline-end: 32px !important;
}

.pe-9 {
  padding-inline-end: 36px !important;
}

.pe-10 {
  padding-inline-end: 40px !important;
}

.pe-11 {
  padding-inline-end: 44px !important;
}

.pe-12 {
  padding-inline-end: 48px !important;
}

.pe-13 {
  padding-inline-end: 52px !important;
}

.pe-14 {
  padding-inline-end: 56px !important;
}

.pe-15 {
  padding-inline-end: 60px !important;
}

.pe-16 {
  padding-inline-end: 64px !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-sm {
  border-radius: 2px !important;
}

.rounded {
  border-radius: 4px !important;
}

.rounded-lg {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: 24px !important;
}

.rounded-pill {
  border-radius: 9999px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-shaped {
  border-radius: 24px 0 !important;
}

.rounded-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-t-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.rounded-t {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded-t-lg {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded-t-xl {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}

.rounded-t-pill {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.rounded-t-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-t-shaped {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-e-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-e-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-e-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-rtl .rounded-e-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-ltr .rounded-e {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-rtl .rounded-e {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-ltr .rounded-e-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-rtl .rounded-e-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-ltr .rounded-e-xl {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-rtl .rounded-e-xl {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-ltr .rounded-e-pill {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-e-pill {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-e-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-e-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-e-shaped {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-e-shaped {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-b-sm {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.rounded-b {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-b-lg {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.rounded-b-xl {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.rounded-b-pill {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.rounded-b-circle {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-b-shaped {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-s-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-s-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-s-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-rtl .rounded-s-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-ltr .rounded-s {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-rtl .rounded-s {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-ltr .rounded-s-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-rtl .rounded-s-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-ltr .rounded-s-xl {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-rtl .rounded-s-xl {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-ltr .rounded-s-pill {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-s-pill {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-s-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-s-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-s-shaped {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-s-shaped {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-ts-0 {
  border-top-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-ts-0 {
  border-top-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-ts-sm {
  border-top-left-radius: 2px !important;
}

.v-locale--is-rtl .rounded-ts-sm {
  border-top-right-radius: 2px !important;
}

.v-locale--is-ltr .rounded-ts {
  border-top-left-radius: 4px !important;
}

.v-locale--is-rtl .rounded-ts {
  border-top-right-radius: 4px !important;
}

.v-locale--is-ltr .rounded-ts-lg {
  border-top-left-radius: 8px !important;
}

.v-locale--is-rtl .rounded-ts-lg {
  border-top-right-radius: 8px !important;
}

.v-locale--is-ltr .rounded-ts-xl {
  border-top-left-radius: 24px !important;
}

.v-locale--is-rtl .rounded-ts-xl {
  border-top-right-radius: 24px !important;
}

.v-locale--is-ltr .rounded-ts-pill {
  border-top-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-ts-pill {
  border-top-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-ts-circle {
  border-top-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-ts-circle {
  border-top-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-ts-shaped {
  border-top-left-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-ts-shaped {
  border-top-right-radius: 24px 0 !important;
}

.v-locale--is-ltr .rounded-te-0 {
  border-top-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-te-0 {
  border-top-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-te-sm {
  border-top-right-radius: 2px !important;
}

.v-locale--is-rtl .rounded-te-sm {
  border-top-left-radius: 2px !important;
}

.v-locale--is-ltr .rounded-te {
  border-top-right-radius: 4px !important;
}

.v-locale--is-rtl .rounded-te {
  border-top-left-radius: 4px !important;
}

.v-locale--is-ltr .rounded-te-lg {
  border-top-right-radius: 8px !important;
}

.v-locale--is-rtl .rounded-te-lg {
  border-top-left-radius: 8px !important;
}

.v-locale--is-ltr .rounded-te-xl {
  border-top-right-radius: 24px !important;
}

.v-locale--is-rtl .rounded-te-xl {
  border-top-left-radius: 24px !important;
}

.v-locale--is-ltr .rounded-te-pill {
  border-top-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-te-pill {
  border-top-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-te-circle {
  border-top-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-te-circle {
  border-top-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-te-shaped {
  border-top-right-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-te-shaped {
  border-top-left-radius: 24px 0 !important;
}

.v-locale--is-ltr .rounded-be-0 {
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-rtl .rounded-be-0 {
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-ltr .rounded-be-sm {
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-rtl .rounded-be-sm {
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-ltr .rounded-be {
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-rtl .rounded-be {
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-ltr .rounded-be-lg {
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-rtl .rounded-be-lg {
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-ltr .rounded-be-xl {
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-rtl .rounded-be-xl {
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-ltr .rounded-be-pill {
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-be-pill {
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-be-circle {
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-rtl .rounded-be-circle {
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-ltr .rounded-be-shaped {
  border-bottom-right-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-be-shaped {
  border-bottom-left-radius: 24px 0 !important;
}

.v-locale--is-ltr .rounded-bs-0 {
  border-bottom-left-radius: 0 !important;
}

.v-locale--is-rtl .rounded-bs-0 {
  border-bottom-right-radius: 0 !important;
}

.v-locale--is-ltr .rounded-bs-sm {
  border-bottom-left-radius: 2px !important;
}

.v-locale--is-rtl .rounded-bs-sm {
  border-bottom-right-radius: 2px !important;
}

.v-locale--is-ltr .rounded-bs {
  border-bottom-left-radius: 4px !important;
}

.v-locale--is-rtl .rounded-bs {
  border-bottom-right-radius: 4px !important;
}

.v-locale--is-ltr .rounded-bs-lg {
  border-bottom-left-radius: 8px !important;
}

.v-locale--is-rtl .rounded-bs-lg {
  border-bottom-right-radius: 8px !important;
}

.v-locale--is-ltr .rounded-bs-xl {
  border-bottom-left-radius: 24px !important;
}

.v-locale--is-rtl .rounded-bs-xl {
  border-bottom-right-radius: 24px !important;
}

.v-locale--is-ltr .rounded-bs-pill {
  border-bottom-left-radius: 9999px !important;
}

.v-locale--is-rtl .rounded-bs-pill {
  border-bottom-right-radius: 9999px !important;
}

.v-locale--is-ltr .rounded-bs-circle {
  border-bottom-left-radius: 50% !important;
}

.v-locale--is-rtl .rounded-bs-circle {
  border-bottom-right-radius: 50% !important;
}

.v-locale--is-ltr .rounded-bs-shaped {
  border-bottom-left-radius: 24px 0 !important;
}

.v-locale--is-rtl .rounded-bs-shaped {
  border-bottom-right-radius: 24px 0 !important;
}

.border-0 {
  border-width: 0 !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border {
  border-width: thin !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-thin {
  border-width: thin !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-sm {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-md {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-lg {
  border-width: 4px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-xl {
  border-width: 8px !important;
  border-style: solid !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-current {
  border-color: currentColor !important;
}

.border-opacity-0 {
  --v-border-opacity: 0 !important;
}

.border-opacity {
  --v-border-opacity: 0.12 !important;
}

.border-opacity-25 {
  --v-border-opacity: 0.25 !important;
}

.border-opacity-50 {
  --v-border-opacity: 0.5 !important;
}

.border-opacity-75 {
  --v-border-opacity: 0.75 !important;
}

.border-opacity-100 {
  --v-border-opacity: 1 !important;
}

.border-t-0 {
  border-block-start-width: 0 !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t {
  border-block-start-width: thin !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-thin {
  border-block-start-width: thin !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-sm {
  border-block-start-width: 1px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-md {
  border-block-start-width: 2px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-lg {
  border-block-start-width: 4px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t-xl {
  border-block-start-width: 8px !important;
  border-block-start-style: solid !important;
  border-block-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-0 {
  border-inline-end-width: 0 !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e {
  border-inline-end-width: thin !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-thin {
  border-inline-end-width: thin !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-sm {
  border-inline-end-width: 1px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-md {
  border-inline-end-width: 2px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-lg {
  border-inline-end-width: 4px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-e-xl {
  border-inline-end-width: 8px !important;
  border-inline-end-style: solid !important;
  border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-0 {
  border-block-end-width: 0 !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b {
  border-block-end-width: thin !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-thin {
  border-block-end-width: thin !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-sm {
  border-block-end-width: 1px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-md {
  border-block-end-width: 2px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-lg {
  border-block-end-width: 4px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-b-xl {
  border-block-end-width: 8px !important;
  border-block-end-style: solid !important;
  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-0 {
  border-inline-start-width: 0 !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s {
  border-inline-start-width: thin !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-thin {
  border-inline-start-width: thin !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-sm {
  border-inline-start-width: 1px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-md {
  border-inline-start-width: 2px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-lg {
  border-inline-start-width: 4px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-s-xl {
  border-inline-start-width: 8px !important;
  border-inline-start-style: solid !important;
  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

.border-none {
  border-style: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-overline {
  text-decoration: overline !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-no-wrap {
  white-space: nowrap !important;
}

.text-pre {
  white-space: pre !important;
}

.text-pre-line {
  white-space: pre-line !important;
}

.text-pre-wrap {
  white-space: pre-wrap !important;
}

.text-break {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.opacity-hover {
  opacity: var(--v-hover-opacity) !important;
}

.opacity-focus {
  opacity: var(--v-focus-opacity) !important;
}

.opacity-selected {
  opacity: var(--v-selected-opacity) !important;
}

.opacity-activated {
  opacity: var(--v-activated-opacity) !important;
}

.opacity-pressed {
  opacity: var(--v-pressed-opacity) !important;
}

.opacity-dragged {
  opacity: var(--v-dragged-opacity) !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.text-high-emphasis {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)) !important;
}

.text-medium-emphasis {
  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
}

.text-disabled {
  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
}

.text-truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-h1 {
  font-size: 6rem !important;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.015625em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-h2 {
  font-size: 3.75rem !important;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.0083333333em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-h3 {
  font-size: 3rem !important;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-h4 {
  font-size: 2.125rem !important;
  font-weight: 400;
  line-height: 1.175;
  letter-spacing: 0.0073529412em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-h5 {
  font-size: 1.5rem !important;
  font-weight: 400;
  line-height: 1.333;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-h6 {
  font-size: 1.25rem !important;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0125em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-subtitle-1 {
  font-size: 1rem !important;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: 0.009375em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-subtitle-2 {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0071428571em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-body-1 {
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03125em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-body-2 {
  font-size: 0.875rem !important;
  font-weight: 400;
  line-height: 1.425;
  letter-spacing: 0.0178571429em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-button {
  font-size: 0.875rem !important;
  font-weight: 500;
  line-height: 2.6;
  letter-spacing: 0.0892857143em !important;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase !important;
}

.text-caption {
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.667;
  letter-spacing: 0.0333333333em !important;
  font-family: "Roboto", sans-serif;
  text-transform: none !important;
}

.text-overline {
  font-size: 0.75rem !important;
  font-weight: 500;
  line-height: 2.667;
  letter-spacing: 0.1666666667em !important;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase !important;
}

.text-none {
  text-transform: none !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.font-weight-thin {
  font-weight: 100 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-regular {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-semibold {
  font-weight: 600 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-mono {
  font-family: monospace !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-fixed {
  position: fixed !important;
}

.position-absolute {
  position: absolute !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-progress {
  cursor: progress !important;
}

.cursor-grab {
  cursor: grab !important;
}

.cursor-grabbing {
  cursor: grabbing !important;
}

.cursor-none {
  cursor: none !important;
}

.fill-height {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-screen {
  height: 100vh !important;
}

.h-0 {
  height: 0 !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-screen {
  height: 100dvh !important;
}

.w-auto {
  width: auto !important;
}

.w-0 {
  width: 0 !important;
}

.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33% !important;
}

.w-50 {
  width: 50% !important;
}

.w-66 {
  width: 66% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 600px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-sm-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-sm-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-sm-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-sm-start {
    float: left !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-sm-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-sm-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-sm-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-sm-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-sm-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-sm-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-sm-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-sm-1-1-0 {
    flex: 1 1 0 !important;
  }
  .flex-sm-1-0-0 {
    flex: 1 0 0 !important;
  }
  .flex-sm-0-1-0 {
    flex: 0 1 0 !important;
  }
  .flex-sm-0-0-0 {
    flex: 0 0 0 !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-space-between {
    justify-content: space-between !important;
  }
  .justify-sm-space-around {
    justify-content: space-around !important;
  }
  .justify-sm-space-evenly {
    justify-content: space-evenly !important;
  }
  .justify-items-sm-start {
    justify-items: flex-start !important;
  }
  .justify-items-sm-end {
    justify-items: flex-end !important;
  }
  .justify-items-sm-center {
    justify-items: center !important;
  }
  .justify-items-sm-stretch {
    justify-items: stretch !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-baseline {
    align-items: baseline !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-space-between {
    align-content: space-between !important;
  }
  .align-content-sm-space-around {
    align-content: space-around !important;
  }
  .align-content-sm-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12 !important;
  }
  .order-sm-last {
    order: 13 !important;
  }
  .ga-sm-0 {
    gap: 0px !important;
  }
  .ga-sm-1 {
    gap: 4px !important;
  }
  .ga-sm-2 {
    gap: 8px !important;
  }
  .ga-sm-3 {
    gap: 12px !important;
  }
  .ga-sm-4 {
    gap: 16px !important;
  }
  .ga-sm-5 {
    gap: 20px !important;
  }
  .ga-sm-6 {
    gap: 24px !important;
  }
  .ga-sm-7 {
    gap: 28px !important;
  }
  .ga-sm-8 {
    gap: 32px !important;
  }
  .ga-sm-9 {
    gap: 36px !important;
  }
  .ga-sm-10 {
    gap: 40px !important;
  }
  .ga-sm-11 {
    gap: 44px !important;
  }
  .ga-sm-12 {
    gap: 48px !important;
  }
  .ga-sm-13 {
    gap: 52px !important;
  }
  .ga-sm-14 {
    gap: 56px !important;
  }
  .ga-sm-15 {
    gap: 60px !important;
  }
  .ga-sm-16 {
    gap: 64px !important;
  }
  .ga-sm-auto {
    gap: auto !important;
  }
  .gr-sm-0 {
    row-gap: 0px !important;
  }
  .gr-sm-1 {
    row-gap: 4px !important;
  }
  .gr-sm-2 {
    row-gap: 8px !important;
  }
  .gr-sm-3 {
    row-gap: 12px !important;
  }
  .gr-sm-4 {
    row-gap: 16px !important;
  }
  .gr-sm-5 {
    row-gap: 20px !important;
  }
  .gr-sm-6 {
    row-gap: 24px !important;
  }
  .gr-sm-7 {
    row-gap: 28px !important;
  }
  .gr-sm-8 {
    row-gap: 32px !important;
  }
  .gr-sm-9 {
    row-gap: 36px !important;
  }
  .gr-sm-10 {
    row-gap: 40px !important;
  }
  .gr-sm-11 {
    row-gap: 44px !important;
  }
  .gr-sm-12 {
    row-gap: 48px !important;
  }
  .gr-sm-13 {
    row-gap: 52px !important;
  }
  .gr-sm-14 {
    row-gap: 56px !important;
  }
  .gr-sm-15 {
    row-gap: 60px !important;
  }
  .gr-sm-16 {
    row-gap: 64px !important;
  }
  .gr-sm-auto {
    row-gap: auto !important;
  }
  .gc-sm-0 {
    column-gap: 0px !important;
  }
  .gc-sm-1 {
    column-gap: 4px !important;
  }
  .gc-sm-2 {
    column-gap: 8px !important;
  }
  .gc-sm-3 {
    column-gap: 12px !important;
  }
  .gc-sm-4 {
    column-gap: 16px !important;
  }
  .gc-sm-5 {
    column-gap: 20px !important;
  }
  .gc-sm-6 {
    column-gap: 24px !important;
  }
  .gc-sm-7 {
    column-gap: 28px !important;
  }
  .gc-sm-8 {
    column-gap: 32px !important;
  }
  .gc-sm-9 {
    column-gap: 36px !important;
  }
  .gc-sm-10 {
    column-gap: 40px !important;
  }
  .gc-sm-11 {
    column-gap: 44px !important;
  }
  .gc-sm-12 {
    column-gap: 48px !important;
  }
  .gc-sm-13 {
    column-gap: 52px !important;
  }
  .gc-sm-14 {
    column-gap: 56px !important;
  }
  .gc-sm-15 {
    column-gap: 60px !important;
  }
  .gc-sm-16 {
    column-gap: 64px !important;
  }
  .gc-sm-auto {
    column-gap: auto !important;
  }
  .ma-sm-0 {
    margin: 0px !important;
  }
  .ma-sm-1 {
    margin: 4px !important;
  }
  .ma-sm-2 {
    margin: 8px !important;
  }
  .ma-sm-3 {
    margin: 12px !important;
  }
  .ma-sm-4 {
    margin: 16px !important;
  }
  .ma-sm-5 {
    margin: 20px !important;
  }
  .ma-sm-6 {
    margin: 24px !important;
  }
  .ma-sm-7 {
    margin: 28px !important;
  }
  .ma-sm-8 {
    margin: 32px !important;
  }
  .ma-sm-9 {
    margin: 36px !important;
  }
  .ma-sm-10 {
    margin: 40px !important;
  }
  .ma-sm-11 {
    margin: 44px !important;
  }
  .ma-sm-12 {
    margin: 48px !important;
  }
  .ma-sm-13 {
    margin: 52px !important;
  }
  .ma-sm-14 {
    margin: 56px !important;
  }
  .ma-sm-15 {
    margin: 60px !important;
  }
  .ma-sm-16 {
    margin: 64px !important;
  }
  .ma-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-sm-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-sm-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-sm-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-sm-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-sm-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-sm-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-sm-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-sm-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-sm-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-sm-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-sm-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-sm-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-sm-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-sm-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-sm-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-sm-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-sm-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-sm-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-sm-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-sm-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-sm-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-sm-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-sm-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-sm-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-sm-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-sm-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-sm-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-sm-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  .mt-sm-3 {
    margin-top: 12px !important;
  }
  .mt-sm-4 {
    margin-top: 16px !important;
  }
  .mt-sm-5 {
    margin-top: 20px !important;
  }
  .mt-sm-6 {
    margin-top: 24px !important;
  }
  .mt-sm-7 {
    margin-top: 28px !important;
  }
  .mt-sm-8 {
    margin-top: 32px !important;
  }
  .mt-sm-9 {
    margin-top: 36px !important;
  }
  .mt-sm-10 {
    margin-top: 40px !important;
  }
  .mt-sm-11 {
    margin-top: 44px !important;
  }
  .mt-sm-12 {
    margin-top: 48px !important;
  }
  .mt-sm-13 {
    margin-top: 52px !important;
  }
  .mt-sm-14 {
    margin-top: 56px !important;
  }
  .mt-sm-15 {
    margin-top: 60px !important;
  }
  .mt-sm-16 {
    margin-top: 64px !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0px !important;
  }
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  .mr-sm-3 {
    margin-right: 12px !important;
  }
  .mr-sm-4 {
    margin-right: 16px !important;
  }
  .mr-sm-5 {
    margin-right: 20px !important;
  }
  .mr-sm-6 {
    margin-right: 24px !important;
  }
  .mr-sm-7 {
    margin-right: 28px !important;
  }
  .mr-sm-8 {
    margin-right: 32px !important;
  }
  .mr-sm-9 {
    margin-right: 36px !important;
  }
  .mr-sm-10 {
    margin-right: 40px !important;
  }
  .mr-sm-11 {
    margin-right: 44px !important;
  }
  .mr-sm-12 {
    margin-right: 48px !important;
  }
  .mr-sm-13 {
    margin-right: 52px !important;
  }
  .mr-sm-14 {
    margin-right: 56px !important;
  }
  .mr-sm-15 {
    margin-right: 60px !important;
  }
  .mr-sm-16 {
    margin-right: 64px !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  .mb-sm-3 {
    margin-bottom: 12px !important;
  }
  .mb-sm-4 {
    margin-bottom: 16px !important;
  }
  .mb-sm-5 {
    margin-bottom: 20px !important;
  }
  .mb-sm-6 {
    margin-bottom: 24px !important;
  }
  .mb-sm-7 {
    margin-bottom: 28px !important;
  }
  .mb-sm-8 {
    margin-bottom: 32px !important;
  }
  .mb-sm-9 {
    margin-bottom: 36px !important;
  }
  .mb-sm-10 {
    margin-bottom: 40px !important;
  }
  .mb-sm-11 {
    margin-bottom: 44px !important;
  }
  .mb-sm-12 {
    margin-bottom: 48px !important;
  }
  .mb-sm-13 {
    margin-bottom: 52px !important;
  }
  .mb-sm-14 {
    margin-bottom: 56px !important;
  }
  .mb-sm-15 {
    margin-bottom: 60px !important;
  }
  .mb-sm-16 {
    margin-bottom: 64px !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0px !important;
  }
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  .ml-sm-3 {
    margin-left: 12px !important;
  }
  .ml-sm-4 {
    margin-left: 16px !important;
  }
  .ml-sm-5 {
    margin-left: 20px !important;
  }
  .ml-sm-6 {
    margin-left: 24px !important;
  }
  .ml-sm-7 {
    margin-left: 28px !important;
  }
  .ml-sm-8 {
    margin-left: 32px !important;
  }
  .ml-sm-9 {
    margin-left: 36px !important;
  }
  .ml-sm-10 {
    margin-left: 40px !important;
  }
  .ml-sm-11 {
    margin-left: 44px !important;
  }
  .ml-sm-12 {
    margin-left: 48px !important;
  }
  .ml-sm-13 {
    margin-left: 52px !important;
  }
  .ml-sm-14 {
    margin-left: 56px !important;
  }
  .ml-sm-15 {
    margin-left: 60px !important;
  }
  .ml-sm-16 {
    margin-left: 64px !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .ms-sm-0 {
    margin-inline-start: 0px !important;
  }
  .ms-sm-1 {
    margin-inline-start: 4px !important;
  }
  .ms-sm-2 {
    margin-inline-start: 8px !important;
  }
  .ms-sm-3 {
    margin-inline-start: 12px !important;
  }
  .ms-sm-4 {
    margin-inline-start: 16px !important;
  }
  .ms-sm-5 {
    margin-inline-start: 20px !important;
  }
  .ms-sm-6 {
    margin-inline-start: 24px !important;
  }
  .ms-sm-7 {
    margin-inline-start: 28px !important;
  }
  .ms-sm-8 {
    margin-inline-start: 32px !important;
  }
  .ms-sm-9 {
    margin-inline-start: 36px !important;
  }
  .ms-sm-10 {
    margin-inline-start: 40px !important;
  }
  .ms-sm-11 {
    margin-inline-start: 44px !important;
  }
  .ms-sm-12 {
    margin-inline-start: 48px !important;
  }
  .ms-sm-13 {
    margin-inline-start: 52px !important;
  }
  .ms-sm-14 {
    margin-inline-start: 56px !important;
  }
  .ms-sm-15 {
    margin-inline-start: 60px !important;
  }
  .ms-sm-16 {
    margin-inline-start: 64px !important;
  }
  .ms-sm-auto {
    margin-inline-start: auto !important;
  }
  .me-sm-0 {
    margin-inline-end: 0px !important;
  }
  .me-sm-1 {
    margin-inline-end: 4px !important;
  }
  .me-sm-2 {
    margin-inline-end: 8px !important;
  }
  .me-sm-3 {
    margin-inline-end: 12px !important;
  }
  .me-sm-4 {
    margin-inline-end: 16px !important;
  }
  .me-sm-5 {
    margin-inline-end: 20px !important;
  }
  .me-sm-6 {
    margin-inline-end: 24px !important;
  }
  .me-sm-7 {
    margin-inline-end: 28px !important;
  }
  .me-sm-8 {
    margin-inline-end: 32px !important;
  }
  .me-sm-9 {
    margin-inline-end: 36px !important;
  }
  .me-sm-10 {
    margin-inline-end: 40px !important;
  }
  .me-sm-11 {
    margin-inline-end: 44px !important;
  }
  .me-sm-12 {
    margin-inline-end: 48px !important;
  }
  .me-sm-13 {
    margin-inline-end: 52px !important;
  }
  .me-sm-14 {
    margin-inline-end: 56px !important;
  }
  .me-sm-15 {
    margin-inline-end: 60px !important;
  }
  .me-sm-16 {
    margin-inline-end: 64px !important;
  }
  .me-sm-auto {
    margin-inline-end: auto !important;
  }
  .ma-sm-n1 {
    margin: -4px !important;
  }
  .ma-sm-n2 {
    margin: -8px !important;
  }
  .ma-sm-n3 {
    margin: -12px !important;
  }
  .ma-sm-n4 {
    margin: -16px !important;
  }
  .ma-sm-n5 {
    margin: -20px !important;
  }
  .ma-sm-n6 {
    margin: -24px !important;
  }
  .ma-sm-n7 {
    margin: -28px !important;
  }
  .ma-sm-n8 {
    margin: -32px !important;
  }
  .ma-sm-n9 {
    margin: -36px !important;
  }
  .ma-sm-n10 {
    margin: -40px !important;
  }
  .ma-sm-n11 {
    margin: -44px !important;
  }
  .ma-sm-n12 {
    margin: -48px !important;
  }
  .ma-sm-n13 {
    margin: -52px !important;
  }
  .ma-sm-n14 {
    margin: -56px !important;
  }
  .ma-sm-n15 {
    margin: -60px !important;
  }
  .ma-sm-n16 {
    margin: -64px !important;
  }
  .mx-sm-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-sm-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-sm-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-sm-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-sm-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-sm-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-sm-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-sm-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-sm-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-sm-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-sm-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-sm-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-sm-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-sm-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-sm-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-sm-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-sm-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-sm-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-sm-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-sm-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-sm-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-sm-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-sm-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-sm-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-sm-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-sm-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-sm-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-sm-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-sm-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-sm-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-sm-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-sm-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-sm-n1 {
    margin-top: -4px !important;
  }
  .mt-sm-n2 {
    margin-top: -8px !important;
  }
  .mt-sm-n3 {
    margin-top: -12px !important;
  }
  .mt-sm-n4 {
    margin-top: -16px !important;
  }
  .mt-sm-n5 {
    margin-top: -20px !important;
  }
  .mt-sm-n6 {
    margin-top: -24px !important;
  }
  .mt-sm-n7 {
    margin-top: -28px !important;
  }
  .mt-sm-n8 {
    margin-top: -32px !important;
  }
  .mt-sm-n9 {
    margin-top: -36px !important;
  }
  .mt-sm-n10 {
    margin-top: -40px !important;
  }
  .mt-sm-n11 {
    margin-top: -44px !important;
  }
  .mt-sm-n12 {
    margin-top: -48px !important;
  }
  .mt-sm-n13 {
    margin-top: -52px !important;
  }
  .mt-sm-n14 {
    margin-top: -56px !important;
  }
  .mt-sm-n15 {
    margin-top: -60px !important;
  }
  .mt-sm-n16 {
    margin-top: -64px !important;
  }
  .mr-sm-n1 {
    margin-right: -4px !important;
  }
  .mr-sm-n2 {
    margin-right: -8px !important;
  }
  .mr-sm-n3 {
    margin-right: -12px !important;
  }
  .mr-sm-n4 {
    margin-right: -16px !important;
  }
  .mr-sm-n5 {
    margin-right: -20px !important;
  }
  .mr-sm-n6 {
    margin-right: -24px !important;
  }
  .mr-sm-n7 {
    margin-right: -28px !important;
  }
  .mr-sm-n8 {
    margin-right: -32px !important;
  }
  .mr-sm-n9 {
    margin-right: -36px !important;
  }
  .mr-sm-n10 {
    margin-right: -40px !important;
  }
  .mr-sm-n11 {
    margin-right: -44px !important;
  }
  .mr-sm-n12 {
    margin-right: -48px !important;
  }
  .mr-sm-n13 {
    margin-right: -52px !important;
  }
  .mr-sm-n14 {
    margin-right: -56px !important;
  }
  .mr-sm-n15 {
    margin-right: -60px !important;
  }
  .mr-sm-n16 {
    margin-right: -64px !important;
  }
  .mb-sm-n1 {
    margin-bottom: -4px !important;
  }
  .mb-sm-n2 {
    margin-bottom: -8px !important;
  }
  .mb-sm-n3 {
    margin-bottom: -12px !important;
  }
  .mb-sm-n4 {
    margin-bottom: -16px !important;
  }
  .mb-sm-n5 {
    margin-bottom: -20px !important;
  }
  .mb-sm-n6 {
    margin-bottom: -24px !important;
  }
  .mb-sm-n7 {
    margin-bottom: -28px !important;
  }
  .mb-sm-n8 {
    margin-bottom: -32px !important;
  }
  .mb-sm-n9 {
    margin-bottom: -36px !important;
  }
  .mb-sm-n10 {
    margin-bottom: -40px !important;
  }
  .mb-sm-n11 {
    margin-bottom: -44px !important;
  }
  .mb-sm-n12 {
    margin-bottom: -48px !important;
  }
  .mb-sm-n13 {
    margin-bottom: -52px !important;
  }
  .mb-sm-n14 {
    margin-bottom: -56px !important;
  }
  .mb-sm-n15 {
    margin-bottom: -60px !important;
  }
  .mb-sm-n16 {
    margin-bottom: -64px !important;
  }
  .ml-sm-n1 {
    margin-left: -4px !important;
  }
  .ml-sm-n2 {
    margin-left: -8px !important;
  }
  .ml-sm-n3 {
    margin-left: -12px !important;
  }
  .ml-sm-n4 {
    margin-left: -16px !important;
  }
  .ml-sm-n5 {
    margin-left: -20px !important;
  }
  .ml-sm-n6 {
    margin-left: -24px !important;
  }
  .ml-sm-n7 {
    margin-left: -28px !important;
  }
  .ml-sm-n8 {
    margin-left: -32px !important;
  }
  .ml-sm-n9 {
    margin-left: -36px !important;
  }
  .ml-sm-n10 {
    margin-left: -40px !important;
  }
  .ml-sm-n11 {
    margin-left: -44px !important;
  }
  .ml-sm-n12 {
    margin-left: -48px !important;
  }
  .ml-sm-n13 {
    margin-left: -52px !important;
  }
  .ml-sm-n14 {
    margin-left: -56px !important;
  }
  .ml-sm-n15 {
    margin-left: -60px !important;
  }
  .ml-sm-n16 {
    margin-left: -64px !important;
  }
  .ms-sm-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-sm-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-sm-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-sm-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-sm-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-sm-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-sm-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-sm-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-sm-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-sm-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-sm-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-sm-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-sm-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-sm-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-sm-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-sm-n16 {
    margin-inline-start: -64px !important;
  }
  .me-sm-n1 {
    margin-inline-end: -4px !important;
  }
  .me-sm-n2 {
    margin-inline-end: -8px !important;
  }
  .me-sm-n3 {
    margin-inline-end: -12px !important;
  }
  .me-sm-n4 {
    margin-inline-end: -16px !important;
  }
  .me-sm-n5 {
    margin-inline-end: -20px !important;
  }
  .me-sm-n6 {
    margin-inline-end: -24px !important;
  }
  .me-sm-n7 {
    margin-inline-end: -28px !important;
  }
  .me-sm-n8 {
    margin-inline-end: -32px !important;
  }
  .me-sm-n9 {
    margin-inline-end: -36px !important;
  }
  .me-sm-n10 {
    margin-inline-end: -40px !important;
  }
  .me-sm-n11 {
    margin-inline-end: -44px !important;
  }
  .me-sm-n12 {
    margin-inline-end: -48px !important;
  }
  .me-sm-n13 {
    margin-inline-end: -52px !important;
  }
  .me-sm-n14 {
    margin-inline-end: -56px !important;
  }
  .me-sm-n15 {
    margin-inline-end: -60px !important;
  }
  .me-sm-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-sm-0 {
    padding: 0px !important;
  }
  .pa-sm-1 {
    padding: 4px !important;
  }
  .pa-sm-2 {
    padding: 8px !important;
  }
  .pa-sm-3 {
    padding: 12px !important;
  }
  .pa-sm-4 {
    padding: 16px !important;
  }
  .pa-sm-5 {
    padding: 20px !important;
  }
  .pa-sm-6 {
    padding: 24px !important;
  }
  .pa-sm-7 {
    padding: 28px !important;
  }
  .pa-sm-8 {
    padding: 32px !important;
  }
  .pa-sm-9 {
    padding: 36px !important;
  }
  .pa-sm-10 {
    padding: 40px !important;
  }
  .pa-sm-11 {
    padding: 44px !important;
  }
  .pa-sm-12 {
    padding: 48px !important;
  }
  .pa-sm-13 {
    padding: 52px !important;
  }
  .pa-sm-14 {
    padding: 56px !important;
  }
  .pa-sm-15 {
    padding: 60px !important;
  }
  .pa-sm-16 {
    padding: 64px !important;
  }
  .px-sm-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-sm-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-sm-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-sm-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-sm-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-sm-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-sm-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-sm-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-sm-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-sm-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-sm-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-sm-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-sm-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-sm-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-sm-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-sm-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-sm-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-sm-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-sm-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-sm-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-sm-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-sm-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-sm-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-sm-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-sm-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-sm-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-sm-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-sm-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-sm-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  .pt-sm-3 {
    padding-top: 12px !important;
  }
  .pt-sm-4 {
    padding-top: 16px !important;
  }
  .pt-sm-5 {
    padding-top: 20px !important;
  }
  .pt-sm-6 {
    padding-top: 24px !important;
  }
  .pt-sm-7 {
    padding-top: 28px !important;
  }
  .pt-sm-8 {
    padding-top: 32px !important;
  }
  .pt-sm-9 {
    padding-top: 36px !important;
  }
  .pt-sm-10 {
    padding-top: 40px !important;
  }
  .pt-sm-11 {
    padding-top: 44px !important;
  }
  .pt-sm-12 {
    padding-top: 48px !important;
  }
  .pt-sm-13 {
    padding-top: 52px !important;
  }
  .pt-sm-14 {
    padding-top: 56px !important;
  }
  .pt-sm-15 {
    padding-top: 60px !important;
  }
  .pt-sm-16 {
    padding-top: 64px !important;
  }
  .pr-sm-0 {
    padding-right: 0px !important;
  }
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  .pr-sm-3 {
    padding-right: 12px !important;
  }
  .pr-sm-4 {
    padding-right: 16px !important;
  }
  .pr-sm-5 {
    padding-right: 20px !important;
  }
  .pr-sm-6 {
    padding-right: 24px !important;
  }
  .pr-sm-7 {
    padding-right: 28px !important;
  }
  .pr-sm-8 {
    padding-right: 32px !important;
  }
  .pr-sm-9 {
    padding-right: 36px !important;
  }
  .pr-sm-10 {
    padding-right: 40px !important;
  }
  .pr-sm-11 {
    padding-right: 44px !important;
  }
  .pr-sm-12 {
    padding-right: 48px !important;
  }
  .pr-sm-13 {
    padding-right: 52px !important;
  }
  .pr-sm-14 {
    padding-right: 56px !important;
  }
  .pr-sm-15 {
    padding-right: 60px !important;
  }
  .pr-sm-16 {
    padding-right: 64px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  .pb-sm-3 {
    padding-bottom: 12px !important;
  }
  .pb-sm-4 {
    padding-bottom: 16px !important;
  }
  .pb-sm-5 {
    padding-bottom: 20px !important;
  }
  .pb-sm-6 {
    padding-bottom: 24px !important;
  }
  .pb-sm-7 {
    padding-bottom: 28px !important;
  }
  .pb-sm-8 {
    padding-bottom: 32px !important;
  }
  .pb-sm-9 {
    padding-bottom: 36px !important;
  }
  .pb-sm-10 {
    padding-bottom: 40px !important;
  }
  .pb-sm-11 {
    padding-bottom: 44px !important;
  }
  .pb-sm-12 {
    padding-bottom: 48px !important;
  }
  .pb-sm-13 {
    padding-bottom: 52px !important;
  }
  .pb-sm-14 {
    padding-bottom: 56px !important;
  }
  .pb-sm-15 {
    padding-bottom: 60px !important;
  }
  .pb-sm-16 {
    padding-bottom: 64px !important;
  }
  .pl-sm-0 {
    padding-left: 0px !important;
  }
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  .pl-sm-3 {
    padding-left: 12px !important;
  }
  .pl-sm-4 {
    padding-left: 16px !important;
  }
  .pl-sm-5 {
    padding-left: 20px !important;
  }
  .pl-sm-6 {
    padding-left: 24px !important;
  }
  .pl-sm-7 {
    padding-left: 28px !important;
  }
  .pl-sm-8 {
    padding-left: 32px !important;
  }
  .pl-sm-9 {
    padding-left: 36px !important;
  }
  .pl-sm-10 {
    padding-left: 40px !important;
  }
  .pl-sm-11 {
    padding-left: 44px !important;
  }
  .pl-sm-12 {
    padding-left: 48px !important;
  }
  .pl-sm-13 {
    padding-left: 52px !important;
  }
  .pl-sm-14 {
    padding-left: 56px !important;
  }
  .pl-sm-15 {
    padding-left: 60px !important;
  }
  .pl-sm-16 {
    padding-left: 64px !important;
  }
  .ps-sm-0 {
    padding-inline-start: 0px !important;
  }
  .ps-sm-1 {
    padding-inline-start: 4px !important;
  }
  .ps-sm-2 {
    padding-inline-start: 8px !important;
  }
  .ps-sm-3 {
    padding-inline-start: 12px !important;
  }
  .ps-sm-4 {
    padding-inline-start: 16px !important;
  }
  .ps-sm-5 {
    padding-inline-start: 20px !important;
  }
  .ps-sm-6 {
    padding-inline-start: 24px !important;
  }
  .ps-sm-7 {
    padding-inline-start: 28px !important;
  }
  .ps-sm-8 {
    padding-inline-start: 32px !important;
  }
  .ps-sm-9 {
    padding-inline-start: 36px !important;
  }
  .ps-sm-10 {
    padding-inline-start: 40px !important;
  }
  .ps-sm-11 {
    padding-inline-start: 44px !important;
  }
  .ps-sm-12 {
    padding-inline-start: 48px !important;
  }
  .ps-sm-13 {
    padding-inline-start: 52px !important;
  }
  .ps-sm-14 {
    padding-inline-start: 56px !important;
  }
  .ps-sm-15 {
    padding-inline-start: 60px !important;
  }
  .ps-sm-16 {
    padding-inline-start: 64px !important;
  }
  .pe-sm-0 {
    padding-inline-end: 0px !important;
  }
  .pe-sm-1 {
    padding-inline-end: 4px !important;
  }
  .pe-sm-2 {
    padding-inline-end: 8px !important;
  }
  .pe-sm-3 {
    padding-inline-end: 12px !important;
  }
  .pe-sm-4 {
    padding-inline-end: 16px !important;
  }
  .pe-sm-5 {
    padding-inline-end: 20px !important;
  }
  .pe-sm-6 {
    padding-inline-end: 24px !important;
  }
  .pe-sm-7 {
    padding-inline-end: 28px !important;
  }
  .pe-sm-8 {
    padding-inline-end: 32px !important;
  }
  .pe-sm-9 {
    padding-inline-end: 36px !important;
  }
  .pe-sm-10 {
    padding-inline-end: 40px !important;
  }
  .pe-sm-11 {
    padding-inline-end: 44px !important;
  }
  .pe-sm-12 {
    padding-inline-end: 48px !important;
  }
  .pe-sm-13 {
    padding-inline-end: 52px !important;
  }
  .pe-sm-14 {
    padding-inline-end: 56px !important;
  }
  .pe-sm-15 {
    padding-inline-end: 60px !important;
  }
  .pe-sm-16 {
    padding-inline-end: 64px !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-start {
    text-align: start !important;
  }
  .text-sm-end {
    text-align: end !important;
  }
  .text-sm-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 1.175;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.333;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.425;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.6;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .text-sm-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-sm-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2.667;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .h-sm-screen {
    height: 100vh !important;
  }
  .h-sm-0 {
    height: 0 !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-0 {
    width: 0 !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-33 {
    width: 33% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-66 {
    width: 66% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}
@media (min-width: 960px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .float-md-none {
    float: none !important;
  }
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-md-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-md-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-md-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-md-start {
    float: left !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-md-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-md-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-md-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-md-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-md-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-md-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-md-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-md-1-1-0 {
    flex: 1 1 0 !important;
  }
  .flex-md-1-0-0 {
    flex: 1 0 0 !important;
  }
  .flex-md-0-1-0 {
    flex: 0 1 0 !important;
  }
  .flex-md-0-0-0 {
    flex: 0 0 0 !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-space-between {
    justify-content: space-between !important;
  }
  .justify-md-space-around {
    justify-content: space-around !important;
  }
  .justify-md-space-evenly {
    justify-content: space-evenly !important;
  }
  .justify-items-md-start {
    justify-items: flex-start !important;
  }
  .justify-items-md-end {
    justify-items: flex-end !important;
  }
  .justify-items-md-center {
    justify-items: center !important;
  }
  .justify-items-md-stretch {
    justify-items: stretch !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-baseline {
    align-items: baseline !important;
  }
  .align-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-space-between {
    align-content: space-between !important;
  }
  .align-content-md-space-around {
    align-content: space-around !important;
  }
  .align-content-md-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12 !important;
  }
  .order-md-last {
    order: 13 !important;
  }
  .ga-md-0 {
    gap: 0px !important;
  }
  .ga-md-1 {
    gap: 4px !important;
  }
  .ga-md-2 {
    gap: 8px !important;
  }
  .ga-md-3 {
    gap: 12px !important;
  }
  .ga-md-4 {
    gap: 16px !important;
  }
  .ga-md-5 {
    gap: 20px !important;
  }
  .ga-md-6 {
    gap: 24px !important;
  }
  .ga-md-7 {
    gap: 28px !important;
  }
  .ga-md-8 {
    gap: 32px !important;
  }
  .ga-md-9 {
    gap: 36px !important;
  }
  .ga-md-10 {
    gap: 40px !important;
  }
  .ga-md-11 {
    gap: 44px !important;
  }
  .ga-md-12 {
    gap: 48px !important;
  }
  .ga-md-13 {
    gap: 52px !important;
  }
  .ga-md-14 {
    gap: 56px !important;
  }
  .ga-md-15 {
    gap: 60px !important;
  }
  .ga-md-16 {
    gap: 64px !important;
  }
  .ga-md-auto {
    gap: auto !important;
  }
  .gr-md-0 {
    row-gap: 0px !important;
  }
  .gr-md-1 {
    row-gap: 4px !important;
  }
  .gr-md-2 {
    row-gap: 8px !important;
  }
  .gr-md-3 {
    row-gap: 12px !important;
  }
  .gr-md-4 {
    row-gap: 16px !important;
  }
  .gr-md-5 {
    row-gap: 20px !important;
  }
  .gr-md-6 {
    row-gap: 24px !important;
  }
  .gr-md-7 {
    row-gap: 28px !important;
  }
  .gr-md-8 {
    row-gap: 32px !important;
  }
  .gr-md-9 {
    row-gap: 36px !important;
  }
  .gr-md-10 {
    row-gap: 40px !important;
  }
  .gr-md-11 {
    row-gap: 44px !important;
  }
  .gr-md-12 {
    row-gap: 48px !important;
  }
  .gr-md-13 {
    row-gap: 52px !important;
  }
  .gr-md-14 {
    row-gap: 56px !important;
  }
  .gr-md-15 {
    row-gap: 60px !important;
  }
  .gr-md-16 {
    row-gap: 64px !important;
  }
  .gr-md-auto {
    row-gap: auto !important;
  }
  .gc-md-0 {
    column-gap: 0px !important;
  }
  .gc-md-1 {
    column-gap: 4px !important;
  }
  .gc-md-2 {
    column-gap: 8px !important;
  }
  .gc-md-3 {
    column-gap: 12px !important;
  }
  .gc-md-4 {
    column-gap: 16px !important;
  }
  .gc-md-5 {
    column-gap: 20px !important;
  }
  .gc-md-6 {
    column-gap: 24px !important;
  }
  .gc-md-7 {
    column-gap: 28px !important;
  }
  .gc-md-8 {
    column-gap: 32px !important;
  }
  .gc-md-9 {
    column-gap: 36px !important;
  }
  .gc-md-10 {
    column-gap: 40px !important;
  }
  .gc-md-11 {
    column-gap: 44px !important;
  }
  .gc-md-12 {
    column-gap: 48px !important;
  }
  .gc-md-13 {
    column-gap: 52px !important;
  }
  .gc-md-14 {
    column-gap: 56px !important;
  }
  .gc-md-15 {
    column-gap: 60px !important;
  }
  .gc-md-16 {
    column-gap: 64px !important;
  }
  .gc-md-auto {
    column-gap: auto !important;
  }
  .ma-md-0 {
    margin: 0px !important;
  }
  .ma-md-1 {
    margin: 4px !important;
  }
  .ma-md-2 {
    margin: 8px !important;
  }
  .ma-md-3 {
    margin: 12px !important;
  }
  .ma-md-4 {
    margin: 16px !important;
  }
  .ma-md-5 {
    margin: 20px !important;
  }
  .ma-md-6 {
    margin: 24px !important;
  }
  .ma-md-7 {
    margin: 28px !important;
  }
  .ma-md-8 {
    margin: 32px !important;
  }
  .ma-md-9 {
    margin: 36px !important;
  }
  .ma-md-10 {
    margin: 40px !important;
  }
  .ma-md-11 {
    margin: 44px !important;
  }
  .ma-md-12 {
    margin: 48px !important;
  }
  .ma-md-13 {
    margin: 52px !important;
  }
  .ma-md-14 {
    margin: 56px !important;
  }
  .ma-md-15 {
    margin: 60px !important;
  }
  .ma-md-16 {
    margin: 64px !important;
  }
  .ma-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-md-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-md-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-md-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-md-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-md-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-md-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-md-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-md-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-md-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-md-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-md-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-md-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-md-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-md-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-md-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-md-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-md-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-md-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-md-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-md-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-md-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-md-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-md-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-md-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-md-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-md-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-md-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-md-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mt-md-1 {
    margin-top: 4px !important;
  }
  .mt-md-2 {
    margin-top: 8px !important;
  }
  .mt-md-3 {
    margin-top: 12px !important;
  }
  .mt-md-4 {
    margin-top: 16px !important;
  }
  .mt-md-5 {
    margin-top: 20px !important;
  }
  .mt-md-6 {
    margin-top: 24px !important;
  }
  .mt-md-7 {
    margin-top: 28px !important;
  }
  .mt-md-8 {
    margin-top: 32px !important;
  }
  .mt-md-9 {
    margin-top: 36px !important;
  }
  .mt-md-10 {
    margin-top: 40px !important;
  }
  .mt-md-11 {
    margin-top: 44px !important;
  }
  .mt-md-12 {
    margin-top: 48px !important;
  }
  .mt-md-13 {
    margin-top: 52px !important;
  }
  .mt-md-14 {
    margin-top: 56px !important;
  }
  .mt-md-15 {
    margin-top: 60px !important;
  }
  .mt-md-16 {
    margin-top: 64px !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mr-md-1 {
    margin-right: 4px !important;
  }
  .mr-md-2 {
    margin-right: 8px !important;
  }
  .mr-md-3 {
    margin-right: 12px !important;
  }
  .mr-md-4 {
    margin-right: 16px !important;
  }
  .mr-md-5 {
    margin-right: 20px !important;
  }
  .mr-md-6 {
    margin-right: 24px !important;
  }
  .mr-md-7 {
    margin-right: 28px !important;
  }
  .mr-md-8 {
    margin-right: 32px !important;
  }
  .mr-md-9 {
    margin-right: 36px !important;
  }
  .mr-md-10 {
    margin-right: 40px !important;
  }
  .mr-md-11 {
    margin-right: 44px !important;
  }
  .mr-md-12 {
    margin-right: 48px !important;
  }
  .mr-md-13 {
    margin-right: 52px !important;
  }
  .mr-md-14 {
    margin-right: 56px !important;
  }
  .mr-md-15 {
    margin-right: 60px !important;
  }
  .mr-md-16 {
    margin-right: 64px !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  .mb-md-3 {
    margin-bottom: 12px !important;
  }
  .mb-md-4 {
    margin-bottom: 16px !important;
  }
  .mb-md-5 {
    margin-bottom: 20px !important;
  }
  .mb-md-6 {
    margin-bottom: 24px !important;
  }
  .mb-md-7 {
    margin-bottom: 28px !important;
  }
  .mb-md-8 {
    margin-bottom: 32px !important;
  }
  .mb-md-9 {
    margin-bottom: 36px !important;
  }
  .mb-md-10 {
    margin-bottom: 40px !important;
  }
  .mb-md-11 {
    margin-bottom: 44px !important;
  }
  .mb-md-12 {
    margin-bottom: 48px !important;
  }
  .mb-md-13 {
    margin-bottom: 52px !important;
  }
  .mb-md-14 {
    margin-bottom: 56px !important;
  }
  .mb-md-15 {
    margin-bottom: 60px !important;
  }
  .mb-md-16 {
    margin-bottom: 64px !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .ml-md-1 {
    margin-left: 4px !important;
  }
  .ml-md-2 {
    margin-left: 8px !important;
  }
  .ml-md-3 {
    margin-left: 12px !important;
  }
  .ml-md-4 {
    margin-left: 16px !important;
  }
  .ml-md-5 {
    margin-left: 20px !important;
  }
  .ml-md-6 {
    margin-left: 24px !important;
  }
  .ml-md-7 {
    margin-left: 28px !important;
  }
  .ml-md-8 {
    margin-left: 32px !important;
  }
  .ml-md-9 {
    margin-left: 36px !important;
  }
  .ml-md-10 {
    margin-left: 40px !important;
  }
  .ml-md-11 {
    margin-left: 44px !important;
  }
  .ml-md-12 {
    margin-left: 48px !important;
  }
  .ml-md-13 {
    margin-left: 52px !important;
  }
  .ml-md-14 {
    margin-left: 56px !important;
  }
  .ml-md-15 {
    margin-left: 60px !important;
  }
  .ml-md-16 {
    margin-left: 64px !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .ms-md-0 {
    margin-inline-start: 0px !important;
  }
  .ms-md-1 {
    margin-inline-start: 4px !important;
  }
  .ms-md-2 {
    margin-inline-start: 8px !important;
  }
  .ms-md-3 {
    margin-inline-start: 12px !important;
  }
  .ms-md-4 {
    margin-inline-start: 16px !important;
  }
  .ms-md-5 {
    margin-inline-start: 20px !important;
  }
  .ms-md-6 {
    margin-inline-start: 24px !important;
  }
  .ms-md-7 {
    margin-inline-start: 28px !important;
  }
  .ms-md-8 {
    margin-inline-start: 32px !important;
  }
  .ms-md-9 {
    margin-inline-start: 36px !important;
  }
  .ms-md-10 {
    margin-inline-start: 40px !important;
  }
  .ms-md-11 {
    margin-inline-start: 44px !important;
  }
  .ms-md-12 {
    margin-inline-start: 48px !important;
  }
  .ms-md-13 {
    margin-inline-start: 52px !important;
  }
  .ms-md-14 {
    margin-inline-start: 56px !important;
  }
  .ms-md-15 {
    margin-inline-start: 60px !important;
  }
  .ms-md-16 {
    margin-inline-start: 64px !important;
  }
  .ms-md-auto {
    margin-inline-start: auto !important;
  }
  .me-md-0 {
    margin-inline-end: 0px !important;
  }
  .me-md-1 {
    margin-inline-end: 4px !important;
  }
  .me-md-2 {
    margin-inline-end: 8px !important;
  }
  .me-md-3 {
    margin-inline-end: 12px !important;
  }
  .me-md-4 {
    margin-inline-end: 16px !important;
  }
  .me-md-5 {
    margin-inline-end: 20px !important;
  }
  .me-md-6 {
    margin-inline-end: 24px !important;
  }
  .me-md-7 {
    margin-inline-end: 28px !important;
  }
  .me-md-8 {
    margin-inline-end: 32px !important;
  }
  .me-md-9 {
    margin-inline-end: 36px !important;
  }
  .me-md-10 {
    margin-inline-end: 40px !important;
  }
  .me-md-11 {
    margin-inline-end: 44px !important;
  }
  .me-md-12 {
    margin-inline-end: 48px !important;
  }
  .me-md-13 {
    margin-inline-end: 52px !important;
  }
  .me-md-14 {
    margin-inline-end: 56px !important;
  }
  .me-md-15 {
    margin-inline-end: 60px !important;
  }
  .me-md-16 {
    margin-inline-end: 64px !important;
  }
  .me-md-auto {
    margin-inline-end: auto !important;
  }
  .ma-md-n1 {
    margin: -4px !important;
  }
  .ma-md-n2 {
    margin: -8px !important;
  }
  .ma-md-n3 {
    margin: -12px !important;
  }
  .ma-md-n4 {
    margin: -16px !important;
  }
  .ma-md-n5 {
    margin: -20px !important;
  }
  .ma-md-n6 {
    margin: -24px !important;
  }
  .ma-md-n7 {
    margin: -28px !important;
  }
  .ma-md-n8 {
    margin: -32px !important;
  }
  .ma-md-n9 {
    margin: -36px !important;
  }
  .ma-md-n10 {
    margin: -40px !important;
  }
  .ma-md-n11 {
    margin: -44px !important;
  }
  .ma-md-n12 {
    margin: -48px !important;
  }
  .ma-md-n13 {
    margin: -52px !important;
  }
  .ma-md-n14 {
    margin: -56px !important;
  }
  .ma-md-n15 {
    margin: -60px !important;
  }
  .ma-md-n16 {
    margin: -64px !important;
  }
  .mx-md-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-md-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-md-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-md-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-md-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-md-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-md-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-md-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-md-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-md-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-md-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-md-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-md-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-md-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-md-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-md-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-md-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-md-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-md-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-md-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-md-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-md-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-md-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-md-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-md-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-md-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-md-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-md-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-md-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-md-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-md-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-md-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-md-n1 {
    margin-top: -4px !important;
  }
  .mt-md-n2 {
    margin-top: -8px !important;
  }
  .mt-md-n3 {
    margin-top: -12px !important;
  }
  .mt-md-n4 {
    margin-top: -16px !important;
  }
  .mt-md-n5 {
    margin-top: -20px !important;
  }
  .mt-md-n6 {
    margin-top: -24px !important;
  }
  .mt-md-n7 {
    margin-top: -28px !important;
  }
  .mt-md-n8 {
    margin-top: -32px !important;
  }
  .mt-md-n9 {
    margin-top: -36px !important;
  }
  .mt-md-n10 {
    margin-top: -40px !important;
  }
  .mt-md-n11 {
    margin-top: -44px !important;
  }
  .mt-md-n12 {
    margin-top: -48px !important;
  }
  .mt-md-n13 {
    margin-top: -52px !important;
  }
  .mt-md-n14 {
    margin-top: -56px !important;
  }
  .mt-md-n15 {
    margin-top: -60px !important;
  }
  .mt-md-n16 {
    margin-top: -64px !important;
  }
  .mr-md-n1 {
    margin-right: -4px !important;
  }
  .mr-md-n2 {
    margin-right: -8px !important;
  }
  .mr-md-n3 {
    margin-right: -12px !important;
  }
  .mr-md-n4 {
    margin-right: -16px !important;
  }
  .mr-md-n5 {
    margin-right: -20px !important;
  }
  .mr-md-n6 {
    margin-right: -24px !important;
  }
  .mr-md-n7 {
    margin-right: -28px !important;
  }
  .mr-md-n8 {
    margin-right: -32px !important;
  }
  .mr-md-n9 {
    margin-right: -36px !important;
  }
  .mr-md-n10 {
    margin-right: -40px !important;
  }
  .mr-md-n11 {
    margin-right: -44px !important;
  }
  .mr-md-n12 {
    margin-right: -48px !important;
  }
  .mr-md-n13 {
    margin-right: -52px !important;
  }
  .mr-md-n14 {
    margin-right: -56px !important;
  }
  .mr-md-n15 {
    margin-right: -60px !important;
  }
  .mr-md-n16 {
    margin-right: -64px !important;
  }
  .mb-md-n1 {
    margin-bottom: -4px !important;
  }
  .mb-md-n2 {
    margin-bottom: -8px !important;
  }
  .mb-md-n3 {
    margin-bottom: -12px !important;
  }
  .mb-md-n4 {
    margin-bottom: -16px !important;
  }
  .mb-md-n5 {
    margin-bottom: -20px !important;
  }
  .mb-md-n6 {
    margin-bottom: -24px !important;
  }
  .mb-md-n7 {
    margin-bottom: -28px !important;
  }
  .mb-md-n8 {
    margin-bottom: -32px !important;
  }
  .mb-md-n9 {
    margin-bottom: -36px !important;
  }
  .mb-md-n10 {
    margin-bottom: -40px !important;
  }
  .mb-md-n11 {
    margin-bottom: -44px !important;
  }
  .mb-md-n12 {
    margin-bottom: -48px !important;
  }
  .mb-md-n13 {
    margin-bottom: -52px !important;
  }
  .mb-md-n14 {
    margin-bottom: -56px !important;
  }
  .mb-md-n15 {
    margin-bottom: -60px !important;
  }
  .mb-md-n16 {
    margin-bottom: -64px !important;
  }
  .ml-md-n1 {
    margin-left: -4px !important;
  }
  .ml-md-n2 {
    margin-left: -8px !important;
  }
  .ml-md-n3 {
    margin-left: -12px !important;
  }
  .ml-md-n4 {
    margin-left: -16px !important;
  }
  .ml-md-n5 {
    margin-left: -20px !important;
  }
  .ml-md-n6 {
    margin-left: -24px !important;
  }
  .ml-md-n7 {
    margin-left: -28px !important;
  }
  .ml-md-n8 {
    margin-left: -32px !important;
  }
  .ml-md-n9 {
    margin-left: -36px !important;
  }
  .ml-md-n10 {
    margin-left: -40px !important;
  }
  .ml-md-n11 {
    margin-left: -44px !important;
  }
  .ml-md-n12 {
    margin-left: -48px !important;
  }
  .ml-md-n13 {
    margin-left: -52px !important;
  }
  .ml-md-n14 {
    margin-left: -56px !important;
  }
  .ml-md-n15 {
    margin-left: -60px !important;
  }
  .ml-md-n16 {
    margin-left: -64px !important;
  }
  .ms-md-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-md-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-md-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-md-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-md-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-md-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-md-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-md-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-md-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-md-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-md-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-md-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-md-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-md-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-md-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-md-n16 {
    margin-inline-start: -64px !important;
  }
  .me-md-n1 {
    margin-inline-end: -4px !important;
  }
  .me-md-n2 {
    margin-inline-end: -8px !important;
  }
  .me-md-n3 {
    margin-inline-end: -12px !important;
  }
  .me-md-n4 {
    margin-inline-end: -16px !important;
  }
  .me-md-n5 {
    margin-inline-end: -20px !important;
  }
  .me-md-n6 {
    margin-inline-end: -24px !important;
  }
  .me-md-n7 {
    margin-inline-end: -28px !important;
  }
  .me-md-n8 {
    margin-inline-end: -32px !important;
  }
  .me-md-n9 {
    margin-inline-end: -36px !important;
  }
  .me-md-n10 {
    margin-inline-end: -40px !important;
  }
  .me-md-n11 {
    margin-inline-end: -44px !important;
  }
  .me-md-n12 {
    margin-inline-end: -48px !important;
  }
  .me-md-n13 {
    margin-inline-end: -52px !important;
  }
  .me-md-n14 {
    margin-inline-end: -56px !important;
  }
  .me-md-n15 {
    margin-inline-end: -60px !important;
  }
  .me-md-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-md-0 {
    padding: 0px !important;
  }
  .pa-md-1 {
    padding: 4px !important;
  }
  .pa-md-2 {
    padding: 8px !important;
  }
  .pa-md-3 {
    padding: 12px !important;
  }
  .pa-md-4 {
    padding: 16px !important;
  }
  .pa-md-5 {
    padding: 20px !important;
  }
  .pa-md-6 {
    padding: 24px !important;
  }
  .pa-md-7 {
    padding: 28px !important;
  }
  .pa-md-8 {
    padding: 32px !important;
  }
  .pa-md-9 {
    padding: 36px !important;
  }
  .pa-md-10 {
    padding: 40px !important;
  }
  .pa-md-11 {
    padding: 44px !important;
  }
  .pa-md-12 {
    padding: 48px !important;
  }
  .pa-md-13 {
    padding: 52px !important;
  }
  .pa-md-14 {
    padding: 56px !important;
  }
  .pa-md-15 {
    padding: 60px !important;
  }
  .pa-md-16 {
    padding: 64px !important;
  }
  .px-md-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-md-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-md-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-md-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-md-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-md-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-md-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-md-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-md-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-md-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-md-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-md-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-md-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-md-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-md-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-md-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-md-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-md-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-md-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-md-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-md-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-md-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-md-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-md-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-md-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-md-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-md-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-md-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-md-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pt-md-1 {
    padding-top: 4px !important;
  }
  .pt-md-2 {
    padding-top: 8px !important;
  }
  .pt-md-3 {
    padding-top: 12px !important;
  }
  .pt-md-4 {
    padding-top: 16px !important;
  }
  .pt-md-5 {
    padding-top: 20px !important;
  }
  .pt-md-6 {
    padding-top: 24px !important;
  }
  .pt-md-7 {
    padding-top: 28px !important;
  }
  .pt-md-8 {
    padding-top: 32px !important;
  }
  .pt-md-9 {
    padding-top: 36px !important;
  }
  .pt-md-10 {
    padding-top: 40px !important;
  }
  .pt-md-11 {
    padding-top: 44px !important;
  }
  .pt-md-12 {
    padding-top: 48px !important;
  }
  .pt-md-13 {
    padding-top: 52px !important;
  }
  .pt-md-14 {
    padding-top: 56px !important;
  }
  .pt-md-15 {
    padding-top: 60px !important;
  }
  .pt-md-16 {
    padding-top: 64px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
  }
  .pr-md-3 {
    padding-right: 12px !important;
  }
  .pr-md-4 {
    padding-right: 16px !important;
  }
  .pr-md-5 {
    padding-right: 20px !important;
  }
  .pr-md-6 {
    padding-right: 24px !important;
  }
  .pr-md-7 {
    padding-right: 28px !important;
  }
  .pr-md-8 {
    padding-right: 32px !important;
  }
  .pr-md-9 {
    padding-right: 36px !important;
  }
  .pr-md-10 {
    padding-right: 40px !important;
  }
  .pr-md-11 {
    padding-right: 44px !important;
  }
  .pr-md-12 {
    padding-right: 48px !important;
  }
  .pr-md-13 {
    padding-right: 52px !important;
  }
  .pr-md-14 {
    padding-right: 56px !important;
  }
  .pr-md-15 {
    padding-right: 60px !important;
  }
  .pr-md-16 {
    padding-right: 64px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  .pb-md-3 {
    padding-bottom: 12px !important;
  }
  .pb-md-4 {
    padding-bottom: 16px !important;
  }
  .pb-md-5 {
    padding-bottom: 20px !important;
  }
  .pb-md-6 {
    padding-bottom: 24px !important;
  }
  .pb-md-7 {
    padding-bottom: 28px !important;
  }
  .pb-md-8 {
    padding-bottom: 32px !important;
  }
  .pb-md-9 {
    padding-bottom: 36px !important;
  }
  .pb-md-10 {
    padding-bottom: 40px !important;
  }
  .pb-md-11 {
    padding-bottom: 44px !important;
  }
  .pb-md-12 {
    padding-bottom: 48px !important;
  }
  .pb-md-13 {
    padding-bottom: 52px !important;
  }
  .pb-md-14 {
    padding-bottom: 56px !important;
  }
  .pb-md-15 {
    padding-bottom: 60px !important;
  }
  .pb-md-16 {
    padding-bottom: 64px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
  }
  .pl-md-3 {
    padding-left: 12px !important;
  }
  .pl-md-4 {
    padding-left: 16px !important;
  }
  .pl-md-5 {
    padding-left: 20px !important;
  }
  .pl-md-6 {
    padding-left: 24px !important;
  }
  .pl-md-7 {
    padding-left: 28px !important;
  }
  .pl-md-8 {
    padding-left: 32px !important;
  }
  .pl-md-9 {
    padding-left: 36px !important;
  }
  .pl-md-10 {
    padding-left: 40px !important;
  }
  .pl-md-11 {
    padding-left: 44px !important;
  }
  .pl-md-12 {
    padding-left: 48px !important;
  }
  .pl-md-13 {
    padding-left: 52px !important;
  }
  .pl-md-14 {
    padding-left: 56px !important;
  }
  .pl-md-15 {
    padding-left: 60px !important;
  }
  .pl-md-16 {
    padding-left: 64px !important;
  }
  .ps-md-0 {
    padding-inline-start: 0px !important;
  }
  .ps-md-1 {
    padding-inline-start: 4px !important;
  }
  .ps-md-2 {
    padding-inline-start: 8px !important;
  }
  .ps-md-3 {
    padding-inline-start: 12px !important;
  }
  .ps-md-4 {
    padding-inline-start: 16px !important;
  }
  .ps-md-5 {
    padding-inline-start: 20px !important;
  }
  .ps-md-6 {
    padding-inline-start: 24px !important;
  }
  .ps-md-7 {
    padding-inline-start: 28px !important;
  }
  .ps-md-8 {
    padding-inline-start: 32px !important;
  }
  .ps-md-9 {
    padding-inline-start: 36px !important;
  }
  .ps-md-10 {
    padding-inline-start: 40px !important;
  }
  .ps-md-11 {
    padding-inline-start: 44px !important;
  }
  .ps-md-12 {
    padding-inline-start: 48px !important;
  }
  .ps-md-13 {
    padding-inline-start: 52px !important;
  }
  .ps-md-14 {
    padding-inline-start: 56px !important;
  }
  .ps-md-15 {
    padding-inline-start: 60px !important;
  }
  .ps-md-16 {
    padding-inline-start: 64px !important;
  }
  .pe-md-0 {
    padding-inline-end: 0px !important;
  }
  .pe-md-1 {
    padding-inline-end: 4px !important;
  }
  .pe-md-2 {
    padding-inline-end: 8px !important;
  }
  .pe-md-3 {
    padding-inline-end: 12px !important;
  }
  .pe-md-4 {
    padding-inline-end: 16px !important;
  }
  .pe-md-5 {
    padding-inline-end: 20px !important;
  }
  .pe-md-6 {
    padding-inline-end: 24px !important;
  }
  .pe-md-7 {
    padding-inline-end: 28px !important;
  }
  .pe-md-8 {
    padding-inline-end: 32px !important;
  }
  .pe-md-9 {
    padding-inline-end: 36px !important;
  }
  .pe-md-10 {
    padding-inline-end: 40px !important;
  }
  .pe-md-11 {
    padding-inline-end: 44px !important;
  }
  .pe-md-12 {
    padding-inline-end: 48px !important;
  }
  .pe-md-13 {
    padding-inline-end: 52px !important;
  }
  .pe-md-14 {
    padding-inline-end: 56px !important;
  }
  .pe-md-15 {
    padding-inline-end: 60px !important;
  }
  .pe-md-16 {
    padding-inline-end: 64px !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-start {
    text-align: start !important;
  }
  .text-md-end {
    text-align: end !important;
  }
  .text-md-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 1.175;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.333;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.425;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.6;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .text-md-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-md-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2.667;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .h-md-screen {
    height: 100vh !important;
  }
  .h-md-0 {
    height: 0 !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .w-md-0 {
    width: 0 !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-33 {
    width: 33% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-66 {
    width: 66% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-lg-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-lg-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-lg-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-lg-start {
    float: left !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-lg-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-lg-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-lg-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-lg-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-lg-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-lg-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-lg-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-lg-1-1-0 {
    flex: 1 1 0 !important;
  }
  .flex-lg-1-0-0 {
    flex: 1 0 0 !important;
  }
  .flex-lg-0-1-0 {
    flex: 0 1 0 !important;
  }
  .flex-lg-0-0-0 {
    flex: 0 0 0 !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-space-between {
    justify-content: space-between !important;
  }
  .justify-lg-space-around {
    justify-content: space-around !important;
  }
  .justify-lg-space-evenly {
    justify-content: space-evenly !important;
  }
  .justify-items-lg-start {
    justify-items: flex-start !important;
  }
  .justify-items-lg-end {
    justify-items: flex-end !important;
  }
  .justify-items-lg-center {
    justify-items: center !important;
  }
  .justify-items-lg-stretch {
    justify-items: stretch !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-baseline {
    align-items: baseline !important;
  }
  .align-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-space-between {
    align-content: space-between !important;
  }
  .align-content-lg-space-around {
    align-content: space-around !important;
  }
  .align-content-lg-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12 !important;
  }
  .order-lg-last {
    order: 13 !important;
  }
  .ga-lg-0 {
    gap: 0px !important;
  }
  .ga-lg-1 {
    gap: 4px !important;
  }
  .ga-lg-2 {
    gap: 8px !important;
  }
  .ga-lg-3 {
    gap: 12px !important;
  }
  .ga-lg-4 {
    gap: 16px !important;
  }
  .ga-lg-5 {
    gap: 20px !important;
  }
  .ga-lg-6 {
    gap: 24px !important;
  }
  .ga-lg-7 {
    gap: 28px !important;
  }
  .ga-lg-8 {
    gap: 32px !important;
  }
  .ga-lg-9 {
    gap: 36px !important;
  }
  .ga-lg-10 {
    gap: 40px !important;
  }
  .ga-lg-11 {
    gap: 44px !important;
  }
  .ga-lg-12 {
    gap: 48px !important;
  }
  .ga-lg-13 {
    gap: 52px !important;
  }
  .ga-lg-14 {
    gap: 56px !important;
  }
  .ga-lg-15 {
    gap: 60px !important;
  }
  .ga-lg-16 {
    gap: 64px !important;
  }
  .ga-lg-auto {
    gap: auto !important;
  }
  .gr-lg-0 {
    row-gap: 0px !important;
  }
  .gr-lg-1 {
    row-gap: 4px !important;
  }
  .gr-lg-2 {
    row-gap: 8px !important;
  }
  .gr-lg-3 {
    row-gap: 12px !important;
  }
  .gr-lg-4 {
    row-gap: 16px !important;
  }
  .gr-lg-5 {
    row-gap: 20px !important;
  }
  .gr-lg-6 {
    row-gap: 24px !important;
  }
  .gr-lg-7 {
    row-gap: 28px !important;
  }
  .gr-lg-8 {
    row-gap: 32px !important;
  }
  .gr-lg-9 {
    row-gap: 36px !important;
  }
  .gr-lg-10 {
    row-gap: 40px !important;
  }
  .gr-lg-11 {
    row-gap: 44px !important;
  }
  .gr-lg-12 {
    row-gap: 48px !important;
  }
  .gr-lg-13 {
    row-gap: 52px !important;
  }
  .gr-lg-14 {
    row-gap: 56px !important;
  }
  .gr-lg-15 {
    row-gap: 60px !important;
  }
  .gr-lg-16 {
    row-gap: 64px !important;
  }
  .gr-lg-auto {
    row-gap: auto !important;
  }
  .gc-lg-0 {
    column-gap: 0px !important;
  }
  .gc-lg-1 {
    column-gap: 4px !important;
  }
  .gc-lg-2 {
    column-gap: 8px !important;
  }
  .gc-lg-3 {
    column-gap: 12px !important;
  }
  .gc-lg-4 {
    column-gap: 16px !important;
  }
  .gc-lg-5 {
    column-gap: 20px !important;
  }
  .gc-lg-6 {
    column-gap: 24px !important;
  }
  .gc-lg-7 {
    column-gap: 28px !important;
  }
  .gc-lg-8 {
    column-gap: 32px !important;
  }
  .gc-lg-9 {
    column-gap: 36px !important;
  }
  .gc-lg-10 {
    column-gap: 40px !important;
  }
  .gc-lg-11 {
    column-gap: 44px !important;
  }
  .gc-lg-12 {
    column-gap: 48px !important;
  }
  .gc-lg-13 {
    column-gap: 52px !important;
  }
  .gc-lg-14 {
    column-gap: 56px !important;
  }
  .gc-lg-15 {
    column-gap: 60px !important;
  }
  .gc-lg-16 {
    column-gap: 64px !important;
  }
  .gc-lg-auto {
    column-gap: auto !important;
  }
  .ma-lg-0 {
    margin: 0px !important;
  }
  .ma-lg-1 {
    margin: 4px !important;
  }
  .ma-lg-2 {
    margin: 8px !important;
  }
  .ma-lg-3 {
    margin: 12px !important;
  }
  .ma-lg-4 {
    margin: 16px !important;
  }
  .ma-lg-5 {
    margin: 20px !important;
  }
  .ma-lg-6 {
    margin: 24px !important;
  }
  .ma-lg-7 {
    margin: 28px !important;
  }
  .ma-lg-8 {
    margin: 32px !important;
  }
  .ma-lg-9 {
    margin: 36px !important;
  }
  .ma-lg-10 {
    margin: 40px !important;
  }
  .ma-lg-11 {
    margin: 44px !important;
  }
  .ma-lg-12 {
    margin: 48px !important;
  }
  .ma-lg-13 {
    margin: 52px !important;
  }
  .ma-lg-14 {
    margin: 56px !important;
  }
  .ma-lg-15 {
    margin: 60px !important;
  }
  .ma-lg-16 {
    margin: 64px !important;
  }
  .ma-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-lg-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-lg-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-lg-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-lg-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-lg-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-lg-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-lg-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-lg-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-lg-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-lg-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-lg-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-lg-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-lg-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-lg-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-lg-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-lg-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-lg-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-lg-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-lg-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-lg-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-lg-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-lg-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-lg-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-lg-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-lg-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-lg-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-lg-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-lg-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  .mt-lg-3 {
    margin-top: 12px !important;
  }
  .mt-lg-4 {
    margin-top: 16px !important;
  }
  .mt-lg-5 {
    margin-top: 20px !important;
  }
  .mt-lg-6 {
    margin-top: 24px !important;
  }
  .mt-lg-7 {
    margin-top: 28px !important;
  }
  .mt-lg-8 {
    margin-top: 32px !important;
  }
  .mt-lg-9 {
    margin-top: 36px !important;
  }
  .mt-lg-10 {
    margin-top: 40px !important;
  }
  .mt-lg-11 {
    margin-top: 44px !important;
  }
  .mt-lg-12 {
    margin-top: 48px !important;
  }
  .mt-lg-13 {
    margin-top: 52px !important;
  }
  .mt-lg-14 {
    margin-top: 56px !important;
  }
  .mt-lg-15 {
    margin-top: 60px !important;
  }
  .mt-lg-16 {
    margin-top: 64px !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  .mr-lg-3 {
    margin-right: 12px !important;
  }
  .mr-lg-4 {
    margin-right: 16px !important;
  }
  .mr-lg-5 {
    margin-right: 20px !important;
  }
  .mr-lg-6 {
    margin-right: 24px !important;
  }
  .mr-lg-7 {
    margin-right: 28px !important;
  }
  .mr-lg-8 {
    margin-right: 32px !important;
  }
  .mr-lg-9 {
    margin-right: 36px !important;
  }
  .mr-lg-10 {
    margin-right: 40px !important;
  }
  .mr-lg-11 {
    margin-right: 44px !important;
  }
  .mr-lg-12 {
    margin-right: 48px !important;
  }
  .mr-lg-13 {
    margin-right: 52px !important;
  }
  .mr-lg-14 {
    margin-right: 56px !important;
  }
  .mr-lg-15 {
    margin-right: 60px !important;
  }
  .mr-lg-16 {
    margin-right: 64px !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  .mb-lg-3 {
    margin-bottom: 12px !important;
  }
  .mb-lg-4 {
    margin-bottom: 16px !important;
  }
  .mb-lg-5 {
    margin-bottom: 20px !important;
  }
  .mb-lg-6 {
    margin-bottom: 24px !important;
  }
  .mb-lg-7 {
    margin-bottom: 28px !important;
  }
  .mb-lg-8 {
    margin-bottom: 32px !important;
  }
  .mb-lg-9 {
    margin-bottom: 36px !important;
  }
  .mb-lg-10 {
    margin-bottom: 40px !important;
  }
  .mb-lg-11 {
    margin-bottom: 44px !important;
  }
  .mb-lg-12 {
    margin-bottom: 48px !important;
  }
  .mb-lg-13 {
    margin-bottom: 52px !important;
  }
  .mb-lg-14 {
    margin-bottom: 56px !important;
  }
  .mb-lg-15 {
    margin-bottom: 60px !important;
  }
  .mb-lg-16 {
    margin-bottom: 64px !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  .ml-lg-3 {
    margin-left: 12px !important;
  }
  .ml-lg-4 {
    margin-left: 16px !important;
  }
  .ml-lg-5 {
    margin-left: 20px !important;
  }
  .ml-lg-6 {
    margin-left: 24px !important;
  }
  .ml-lg-7 {
    margin-left: 28px !important;
  }
  .ml-lg-8 {
    margin-left: 32px !important;
  }
  .ml-lg-9 {
    margin-left: 36px !important;
  }
  .ml-lg-10 {
    margin-left: 40px !important;
  }
  .ml-lg-11 {
    margin-left: 44px !important;
  }
  .ml-lg-12 {
    margin-left: 48px !important;
  }
  .ml-lg-13 {
    margin-left: 52px !important;
  }
  .ml-lg-14 {
    margin-left: 56px !important;
  }
  .ml-lg-15 {
    margin-left: 60px !important;
  }
  .ml-lg-16 {
    margin-left: 64px !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .ms-lg-0 {
    margin-inline-start: 0px !important;
  }
  .ms-lg-1 {
    margin-inline-start: 4px !important;
  }
  .ms-lg-2 {
    margin-inline-start: 8px !important;
  }
  .ms-lg-3 {
    margin-inline-start: 12px !important;
  }
  .ms-lg-4 {
    margin-inline-start: 16px !important;
  }
  .ms-lg-5 {
    margin-inline-start: 20px !important;
  }
  .ms-lg-6 {
    margin-inline-start: 24px !important;
  }
  .ms-lg-7 {
    margin-inline-start: 28px !important;
  }
  .ms-lg-8 {
    margin-inline-start: 32px !important;
  }
  .ms-lg-9 {
    margin-inline-start: 36px !important;
  }
  .ms-lg-10 {
    margin-inline-start: 40px !important;
  }
  .ms-lg-11 {
    margin-inline-start: 44px !important;
  }
  .ms-lg-12 {
    margin-inline-start: 48px !important;
  }
  .ms-lg-13 {
    margin-inline-start: 52px !important;
  }
  .ms-lg-14 {
    margin-inline-start: 56px !important;
  }
  .ms-lg-15 {
    margin-inline-start: 60px !important;
  }
  .ms-lg-16 {
    margin-inline-start: 64px !important;
  }
  .ms-lg-auto {
    margin-inline-start: auto !important;
  }
  .me-lg-0 {
    margin-inline-end: 0px !important;
  }
  .me-lg-1 {
    margin-inline-end: 4px !important;
  }
  .me-lg-2 {
    margin-inline-end: 8px !important;
  }
  .me-lg-3 {
    margin-inline-end: 12px !important;
  }
  .me-lg-4 {
    margin-inline-end: 16px !important;
  }
  .me-lg-5 {
    margin-inline-end: 20px !important;
  }
  .me-lg-6 {
    margin-inline-end: 24px !important;
  }
  .me-lg-7 {
    margin-inline-end: 28px !important;
  }
  .me-lg-8 {
    margin-inline-end: 32px !important;
  }
  .me-lg-9 {
    margin-inline-end: 36px !important;
  }
  .me-lg-10 {
    margin-inline-end: 40px !important;
  }
  .me-lg-11 {
    margin-inline-end: 44px !important;
  }
  .me-lg-12 {
    margin-inline-end: 48px !important;
  }
  .me-lg-13 {
    margin-inline-end: 52px !important;
  }
  .me-lg-14 {
    margin-inline-end: 56px !important;
  }
  .me-lg-15 {
    margin-inline-end: 60px !important;
  }
  .me-lg-16 {
    margin-inline-end: 64px !important;
  }
  .me-lg-auto {
    margin-inline-end: auto !important;
  }
  .ma-lg-n1 {
    margin: -4px !important;
  }
  .ma-lg-n2 {
    margin: -8px !important;
  }
  .ma-lg-n3 {
    margin: -12px !important;
  }
  .ma-lg-n4 {
    margin: -16px !important;
  }
  .ma-lg-n5 {
    margin: -20px !important;
  }
  .ma-lg-n6 {
    margin: -24px !important;
  }
  .ma-lg-n7 {
    margin: -28px !important;
  }
  .ma-lg-n8 {
    margin: -32px !important;
  }
  .ma-lg-n9 {
    margin: -36px !important;
  }
  .ma-lg-n10 {
    margin: -40px !important;
  }
  .ma-lg-n11 {
    margin: -44px !important;
  }
  .ma-lg-n12 {
    margin: -48px !important;
  }
  .ma-lg-n13 {
    margin: -52px !important;
  }
  .ma-lg-n14 {
    margin: -56px !important;
  }
  .ma-lg-n15 {
    margin: -60px !important;
  }
  .ma-lg-n16 {
    margin: -64px !important;
  }
  .mx-lg-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-lg-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-lg-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-lg-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-lg-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-lg-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-lg-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-lg-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-lg-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-lg-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-lg-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-lg-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-lg-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-lg-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-lg-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-lg-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-lg-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-lg-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-lg-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-lg-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-lg-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-lg-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-lg-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-lg-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-lg-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-lg-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-lg-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-lg-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-lg-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-lg-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-lg-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-lg-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-lg-n1 {
    margin-top: -4px !important;
  }
  .mt-lg-n2 {
    margin-top: -8px !important;
  }
  .mt-lg-n3 {
    margin-top: -12px !important;
  }
  .mt-lg-n4 {
    margin-top: -16px !important;
  }
  .mt-lg-n5 {
    margin-top: -20px !important;
  }
  .mt-lg-n6 {
    margin-top: -24px !important;
  }
  .mt-lg-n7 {
    margin-top: -28px !important;
  }
  .mt-lg-n8 {
    margin-top: -32px !important;
  }
  .mt-lg-n9 {
    margin-top: -36px !important;
  }
  .mt-lg-n10 {
    margin-top: -40px !important;
  }
  .mt-lg-n11 {
    margin-top: -44px !important;
  }
  .mt-lg-n12 {
    margin-top: -48px !important;
  }
  .mt-lg-n13 {
    margin-top: -52px !important;
  }
  .mt-lg-n14 {
    margin-top: -56px !important;
  }
  .mt-lg-n15 {
    margin-top: -60px !important;
  }
  .mt-lg-n16 {
    margin-top: -64px !important;
  }
  .mr-lg-n1 {
    margin-right: -4px !important;
  }
  .mr-lg-n2 {
    margin-right: -8px !important;
  }
  .mr-lg-n3 {
    margin-right: -12px !important;
  }
  .mr-lg-n4 {
    margin-right: -16px !important;
  }
  .mr-lg-n5 {
    margin-right: -20px !important;
  }
  .mr-lg-n6 {
    margin-right: -24px !important;
  }
  .mr-lg-n7 {
    margin-right: -28px !important;
  }
  .mr-lg-n8 {
    margin-right: -32px !important;
  }
  .mr-lg-n9 {
    margin-right: -36px !important;
  }
  .mr-lg-n10 {
    margin-right: -40px !important;
  }
  .mr-lg-n11 {
    margin-right: -44px !important;
  }
  .mr-lg-n12 {
    margin-right: -48px !important;
  }
  .mr-lg-n13 {
    margin-right: -52px !important;
  }
  .mr-lg-n14 {
    margin-right: -56px !important;
  }
  .mr-lg-n15 {
    margin-right: -60px !important;
  }
  .mr-lg-n16 {
    margin-right: -64px !important;
  }
  .mb-lg-n1 {
    margin-bottom: -4px !important;
  }
  .mb-lg-n2 {
    margin-bottom: -8px !important;
  }
  .mb-lg-n3 {
    margin-bottom: -12px !important;
  }
  .mb-lg-n4 {
    margin-bottom: -16px !important;
  }
  .mb-lg-n5 {
    margin-bottom: -20px !important;
  }
  .mb-lg-n6 {
    margin-bottom: -24px !important;
  }
  .mb-lg-n7 {
    margin-bottom: -28px !important;
  }
  .mb-lg-n8 {
    margin-bottom: -32px !important;
  }
  .mb-lg-n9 {
    margin-bottom: -36px !important;
  }
  .mb-lg-n10 {
    margin-bottom: -40px !important;
  }
  .mb-lg-n11 {
    margin-bottom: -44px !important;
  }
  .mb-lg-n12 {
    margin-bottom: -48px !important;
  }
  .mb-lg-n13 {
    margin-bottom: -52px !important;
  }
  .mb-lg-n14 {
    margin-bottom: -56px !important;
  }
  .mb-lg-n15 {
    margin-bottom: -60px !important;
  }
  .mb-lg-n16 {
    margin-bottom: -64px !important;
  }
  .ml-lg-n1 {
    margin-left: -4px !important;
  }
  .ml-lg-n2 {
    margin-left: -8px !important;
  }
  .ml-lg-n3 {
    margin-left: -12px !important;
  }
  .ml-lg-n4 {
    margin-left: -16px !important;
  }
  .ml-lg-n5 {
    margin-left: -20px !important;
  }
  .ml-lg-n6 {
    margin-left: -24px !important;
  }
  .ml-lg-n7 {
    margin-left: -28px !important;
  }
  .ml-lg-n8 {
    margin-left: -32px !important;
  }
  .ml-lg-n9 {
    margin-left: -36px !important;
  }
  .ml-lg-n10 {
    margin-left: -40px !important;
  }
  .ml-lg-n11 {
    margin-left: -44px !important;
  }
  .ml-lg-n12 {
    margin-left: -48px !important;
  }
  .ml-lg-n13 {
    margin-left: -52px !important;
  }
  .ml-lg-n14 {
    margin-left: -56px !important;
  }
  .ml-lg-n15 {
    margin-left: -60px !important;
  }
  .ml-lg-n16 {
    margin-left: -64px !important;
  }
  .ms-lg-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-lg-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-lg-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-lg-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-lg-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-lg-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-lg-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-lg-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-lg-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-lg-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-lg-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-lg-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-lg-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-lg-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-lg-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-lg-n16 {
    margin-inline-start: -64px !important;
  }
  .me-lg-n1 {
    margin-inline-end: -4px !important;
  }
  .me-lg-n2 {
    margin-inline-end: -8px !important;
  }
  .me-lg-n3 {
    margin-inline-end: -12px !important;
  }
  .me-lg-n4 {
    margin-inline-end: -16px !important;
  }
  .me-lg-n5 {
    margin-inline-end: -20px !important;
  }
  .me-lg-n6 {
    margin-inline-end: -24px !important;
  }
  .me-lg-n7 {
    margin-inline-end: -28px !important;
  }
  .me-lg-n8 {
    margin-inline-end: -32px !important;
  }
  .me-lg-n9 {
    margin-inline-end: -36px !important;
  }
  .me-lg-n10 {
    margin-inline-end: -40px !important;
  }
  .me-lg-n11 {
    margin-inline-end: -44px !important;
  }
  .me-lg-n12 {
    margin-inline-end: -48px !important;
  }
  .me-lg-n13 {
    margin-inline-end: -52px !important;
  }
  .me-lg-n14 {
    margin-inline-end: -56px !important;
  }
  .me-lg-n15 {
    margin-inline-end: -60px !important;
  }
  .me-lg-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-lg-0 {
    padding: 0px !important;
  }
  .pa-lg-1 {
    padding: 4px !important;
  }
  .pa-lg-2 {
    padding: 8px !important;
  }
  .pa-lg-3 {
    padding: 12px !important;
  }
  .pa-lg-4 {
    padding: 16px !important;
  }
  .pa-lg-5 {
    padding: 20px !important;
  }
  .pa-lg-6 {
    padding: 24px !important;
  }
  .pa-lg-7 {
    padding: 28px !important;
  }
  .pa-lg-8 {
    padding: 32px !important;
  }
  .pa-lg-9 {
    padding: 36px !important;
  }
  .pa-lg-10 {
    padding: 40px !important;
  }
  .pa-lg-11 {
    padding: 44px !important;
  }
  .pa-lg-12 {
    padding: 48px !important;
  }
  .pa-lg-13 {
    padding: 52px !important;
  }
  .pa-lg-14 {
    padding: 56px !important;
  }
  .pa-lg-15 {
    padding: 60px !important;
  }
  .pa-lg-16 {
    padding: 64px !important;
  }
  .px-lg-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-lg-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-lg-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-lg-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-lg-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-lg-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-lg-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-lg-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-lg-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-lg-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-lg-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-lg-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-lg-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-lg-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-lg-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-lg-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-lg-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-lg-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-lg-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-lg-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-lg-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-lg-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-lg-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-lg-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-lg-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-lg-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-lg-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-lg-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-lg-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  .pt-lg-3 {
    padding-top: 12px !important;
  }
  .pt-lg-4 {
    padding-top: 16px !important;
  }
  .pt-lg-5 {
    padding-top: 20px !important;
  }
  .pt-lg-6 {
    padding-top: 24px !important;
  }
  .pt-lg-7 {
    padding-top: 28px !important;
  }
  .pt-lg-8 {
    padding-top: 32px !important;
  }
  .pt-lg-9 {
    padding-top: 36px !important;
  }
  .pt-lg-10 {
    padding-top: 40px !important;
  }
  .pt-lg-11 {
    padding-top: 44px !important;
  }
  .pt-lg-12 {
    padding-top: 48px !important;
  }
  .pt-lg-13 {
    padding-top: 52px !important;
  }
  .pt-lg-14 {
    padding-top: 56px !important;
  }
  .pt-lg-15 {
    padding-top: 60px !important;
  }
  .pt-lg-16 {
    padding-top: 64px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  .pr-lg-3 {
    padding-right: 12px !important;
  }
  .pr-lg-4 {
    padding-right: 16px !important;
  }
  .pr-lg-5 {
    padding-right: 20px !important;
  }
  .pr-lg-6 {
    padding-right: 24px !important;
  }
  .pr-lg-7 {
    padding-right: 28px !important;
  }
  .pr-lg-8 {
    padding-right: 32px !important;
  }
  .pr-lg-9 {
    padding-right: 36px !important;
  }
  .pr-lg-10 {
    padding-right: 40px !important;
  }
  .pr-lg-11 {
    padding-right: 44px !important;
  }
  .pr-lg-12 {
    padding-right: 48px !important;
  }
  .pr-lg-13 {
    padding-right: 52px !important;
  }
  .pr-lg-14 {
    padding-right: 56px !important;
  }
  .pr-lg-15 {
    padding-right: 60px !important;
  }
  .pr-lg-16 {
    padding-right: 64px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  .pb-lg-3 {
    padding-bottom: 12px !important;
  }
  .pb-lg-4 {
    padding-bottom: 16px !important;
  }
  .pb-lg-5 {
    padding-bottom: 20px !important;
  }
  .pb-lg-6 {
    padding-bottom: 24px !important;
  }
  .pb-lg-7 {
    padding-bottom: 28px !important;
  }
  .pb-lg-8 {
    padding-bottom: 32px !important;
  }
  .pb-lg-9 {
    padding-bottom: 36px !important;
  }
  .pb-lg-10 {
    padding-bottom: 40px !important;
  }
  .pb-lg-11 {
    padding-bottom: 44px !important;
  }
  .pb-lg-12 {
    padding-bottom: 48px !important;
  }
  .pb-lg-13 {
    padding-bottom: 52px !important;
  }
  .pb-lg-14 {
    padding-bottom: 56px !important;
  }
  .pb-lg-15 {
    padding-bottom: 60px !important;
  }
  .pb-lg-16 {
    padding-bottom: 64px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  .pl-lg-3 {
    padding-left: 12px !important;
  }
  .pl-lg-4 {
    padding-left: 16px !important;
  }
  .pl-lg-5 {
    padding-left: 20px !important;
  }
  .pl-lg-6 {
    padding-left: 24px !important;
  }
  .pl-lg-7 {
    padding-left: 28px !important;
  }
  .pl-lg-8 {
    padding-left: 32px !important;
  }
  .pl-lg-9 {
    padding-left: 36px !important;
  }
  .pl-lg-10 {
    padding-left: 40px !important;
  }
  .pl-lg-11 {
    padding-left: 44px !important;
  }
  .pl-lg-12 {
    padding-left: 48px !important;
  }
  .pl-lg-13 {
    padding-left: 52px !important;
  }
  .pl-lg-14 {
    padding-left: 56px !important;
  }
  .pl-lg-15 {
    padding-left: 60px !important;
  }
  .pl-lg-16 {
    padding-left: 64px !important;
  }
  .ps-lg-0 {
    padding-inline-start: 0px !important;
  }
  .ps-lg-1 {
    padding-inline-start: 4px !important;
  }
  .ps-lg-2 {
    padding-inline-start: 8px !important;
  }
  .ps-lg-3 {
    padding-inline-start: 12px !important;
  }
  .ps-lg-4 {
    padding-inline-start: 16px !important;
  }
  .ps-lg-5 {
    padding-inline-start: 20px !important;
  }
  .ps-lg-6 {
    padding-inline-start: 24px !important;
  }
  .ps-lg-7 {
    padding-inline-start: 28px !important;
  }
  .ps-lg-8 {
    padding-inline-start: 32px !important;
  }
  .ps-lg-9 {
    padding-inline-start: 36px !important;
  }
  .ps-lg-10 {
    padding-inline-start: 40px !important;
  }
  .ps-lg-11 {
    padding-inline-start: 44px !important;
  }
  .ps-lg-12 {
    padding-inline-start: 48px !important;
  }
  .ps-lg-13 {
    padding-inline-start: 52px !important;
  }
  .ps-lg-14 {
    padding-inline-start: 56px !important;
  }
  .ps-lg-15 {
    padding-inline-start: 60px !important;
  }
  .ps-lg-16 {
    padding-inline-start: 64px !important;
  }
  .pe-lg-0 {
    padding-inline-end: 0px !important;
  }
  .pe-lg-1 {
    padding-inline-end: 4px !important;
  }
  .pe-lg-2 {
    padding-inline-end: 8px !important;
  }
  .pe-lg-3 {
    padding-inline-end: 12px !important;
  }
  .pe-lg-4 {
    padding-inline-end: 16px !important;
  }
  .pe-lg-5 {
    padding-inline-end: 20px !important;
  }
  .pe-lg-6 {
    padding-inline-end: 24px !important;
  }
  .pe-lg-7 {
    padding-inline-end: 28px !important;
  }
  .pe-lg-8 {
    padding-inline-end: 32px !important;
  }
  .pe-lg-9 {
    padding-inline-end: 36px !important;
  }
  .pe-lg-10 {
    padding-inline-end: 40px !important;
  }
  .pe-lg-11 {
    padding-inline-end: 44px !important;
  }
  .pe-lg-12 {
    padding-inline-end: 48px !important;
  }
  .pe-lg-13 {
    padding-inline-end: 52px !important;
  }
  .pe-lg-14 {
    padding-inline-end: 56px !important;
  }
  .pe-lg-15 {
    padding-inline-end: 60px !important;
  }
  .pe-lg-16 {
    padding-inline-end: 64px !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-start {
    text-align: start !important;
  }
  .text-lg-end {
    text-align: end !important;
  }
  .text-lg-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 1.175;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.333;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.425;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.6;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .text-lg-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-lg-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2.667;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .h-lg-screen {
    height: 100vh !important;
  }
  .h-lg-0 {
    height: 0 !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .w-lg-0 {
    width: 0 !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-33 {
    width: 33% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-66 {
    width: 66% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
}
@media (min-width: 1920px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-xl-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-xl-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-xl-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-xl-start {
    float: left !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-xl-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-xl-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-xl-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-xl-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-xl-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-xl-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-xl-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-xl-1-1-0 {
    flex: 1 1 0 !important;
  }
  .flex-xl-1-0-0 {
    flex: 1 0 0 !important;
  }
  .flex-xl-0-1-0 {
    flex: 0 1 0 !important;
  }
  .flex-xl-0-0-0 {
    flex: 0 0 0 !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-space-between {
    justify-content: space-between !important;
  }
  .justify-xl-space-around {
    justify-content: space-around !important;
  }
  .justify-xl-space-evenly {
    justify-content: space-evenly !important;
  }
  .justify-items-xl-start {
    justify-items: flex-start !important;
  }
  .justify-items-xl-end {
    justify-items: flex-end !important;
  }
  .justify-items-xl-center {
    justify-items: center !important;
  }
  .justify-items-xl-stretch {
    justify-items: stretch !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-baseline {
    align-items: baseline !important;
  }
  .align-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-space-between {
    align-content: space-between !important;
  }
  .align-content-xl-space-around {
    align-content: space-around !important;
  }
  .align-content-xl-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-6 {
    order: 6 !important;
  }
  .order-xl-7 {
    order: 7 !important;
  }
  .order-xl-8 {
    order: 8 !important;
  }
  .order-xl-9 {
    order: 9 !important;
  }
  .order-xl-10 {
    order: 10 !important;
  }
  .order-xl-11 {
    order: 11 !important;
  }
  .order-xl-12 {
    order: 12 !important;
  }
  .order-xl-last {
    order: 13 !important;
  }
  .ga-xl-0 {
    gap: 0px !important;
  }
  .ga-xl-1 {
    gap: 4px !important;
  }
  .ga-xl-2 {
    gap: 8px !important;
  }
  .ga-xl-3 {
    gap: 12px !important;
  }
  .ga-xl-4 {
    gap: 16px !important;
  }
  .ga-xl-5 {
    gap: 20px !important;
  }
  .ga-xl-6 {
    gap: 24px !important;
  }
  .ga-xl-7 {
    gap: 28px !important;
  }
  .ga-xl-8 {
    gap: 32px !important;
  }
  .ga-xl-9 {
    gap: 36px !important;
  }
  .ga-xl-10 {
    gap: 40px !important;
  }
  .ga-xl-11 {
    gap: 44px !important;
  }
  .ga-xl-12 {
    gap: 48px !important;
  }
  .ga-xl-13 {
    gap: 52px !important;
  }
  .ga-xl-14 {
    gap: 56px !important;
  }
  .ga-xl-15 {
    gap: 60px !important;
  }
  .ga-xl-16 {
    gap: 64px !important;
  }
  .ga-xl-auto {
    gap: auto !important;
  }
  .gr-xl-0 {
    row-gap: 0px !important;
  }
  .gr-xl-1 {
    row-gap: 4px !important;
  }
  .gr-xl-2 {
    row-gap: 8px !important;
  }
  .gr-xl-3 {
    row-gap: 12px !important;
  }
  .gr-xl-4 {
    row-gap: 16px !important;
  }
  .gr-xl-5 {
    row-gap: 20px !important;
  }
  .gr-xl-6 {
    row-gap: 24px !important;
  }
  .gr-xl-7 {
    row-gap: 28px !important;
  }
  .gr-xl-8 {
    row-gap: 32px !important;
  }
  .gr-xl-9 {
    row-gap: 36px !important;
  }
  .gr-xl-10 {
    row-gap: 40px !important;
  }
  .gr-xl-11 {
    row-gap: 44px !important;
  }
  .gr-xl-12 {
    row-gap: 48px !important;
  }
  .gr-xl-13 {
    row-gap: 52px !important;
  }
  .gr-xl-14 {
    row-gap: 56px !important;
  }
  .gr-xl-15 {
    row-gap: 60px !important;
  }
  .gr-xl-16 {
    row-gap: 64px !important;
  }
  .gr-xl-auto {
    row-gap: auto !important;
  }
  .gc-xl-0 {
    column-gap: 0px !important;
  }
  .gc-xl-1 {
    column-gap: 4px !important;
  }
  .gc-xl-2 {
    column-gap: 8px !important;
  }
  .gc-xl-3 {
    column-gap: 12px !important;
  }
  .gc-xl-4 {
    column-gap: 16px !important;
  }
  .gc-xl-5 {
    column-gap: 20px !important;
  }
  .gc-xl-6 {
    column-gap: 24px !important;
  }
  .gc-xl-7 {
    column-gap: 28px !important;
  }
  .gc-xl-8 {
    column-gap: 32px !important;
  }
  .gc-xl-9 {
    column-gap: 36px !important;
  }
  .gc-xl-10 {
    column-gap: 40px !important;
  }
  .gc-xl-11 {
    column-gap: 44px !important;
  }
  .gc-xl-12 {
    column-gap: 48px !important;
  }
  .gc-xl-13 {
    column-gap: 52px !important;
  }
  .gc-xl-14 {
    column-gap: 56px !important;
  }
  .gc-xl-15 {
    column-gap: 60px !important;
  }
  .gc-xl-16 {
    column-gap: 64px !important;
  }
  .gc-xl-auto {
    column-gap: auto !important;
  }
  .ma-xl-0 {
    margin: 0px !important;
  }
  .ma-xl-1 {
    margin: 4px !important;
  }
  .ma-xl-2 {
    margin: 8px !important;
  }
  .ma-xl-3 {
    margin: 12px !important;
  }
  .ma-xl-4 {
    margin: 16px !important;
  }
  .ma-xl-5 {
    margin: 20px !important;
  }
  .ma-xl-6 {
    margin: 24px !important;
  }
  .ma-xl-7 {
    margin: 28px !important;
  }
  .ma-xl-8 {
    margin: 32px !important;
  }
  .ma-xl-9 {
    margin: 36px !important;
  }
  .ma-xl-10 {
    margin: 40px !important;
  }
  .ma-xl-11 {
    margin: 44px !important;
  }
  .ma-xl-12 {
    margin: 48px !important;
  }
  .ma-xl-13 {
    margin: 52px !important;
  }
  .ma-xl-14 {
    margin: 56px !important;
  }
  .ma-xl-15 {
    margin: 60px !important;
  }
  .ma-xl-16 {
    margin: 64px !important;
  }
  .ma-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-xl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-xl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-xl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-xl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-xl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-xl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-xl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-xl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-xl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-xl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-xl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xl-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-xl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-xl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-xl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-xl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-xl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-xl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-xl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-xl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-xl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xl-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  .mt-xl-3 {
    margin-top: 12px !important;
  }
  .mt-xl-4 {
    margin-top: 16px !important;
  }
  .mt-xl-5 {
    margin-top: 20px !important;
  }
  .mt-xl-6 {
    margin-top: 24px !important;
  }
  .mt-xl-7 {
    margin-top: 28px !important;
  }
  .mt-xl-8 {
    margin-top: 32px !important;
  }
  .mt-xl-9 {
    margin-top: 36px !important;
  }
  .mt-xl-10 {
    margin-top: 40px !important;
  }
  .mt-xl-11 {
    margin-top: 44px !important;
  }
  .mt-xl-12 {
    margin-top: 48px !important;
  }
  .mt-xl-13 {
    margin-top: 52px !important;
  }
  .mt-xl-14 {
    margin-top: 56px !important;
  }
  .mt-xl-15 {
    margin-top: 60px !important;
  }
  .mt-xl-16 {
    margin-top: 64px !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0px !important;
  }
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  .mr-xl-3 {
    margin-right: 12px !important;
  }
  .mr-xl-4 {
    margin-right: 16px !important;
  }
  .mr-xl-5 {
    margin-right: 20px !important;
  }
  .mr-xl-6 {
    margin-right: 24px !important;
  }
  .mr-xl-7 {
    margin-right: 28px !important;
  }
  .mr-xl-8 {
    margin-right: 32px !important;
  }
  .mr-xl-9 {
    margin-right: 36px !important;
  }
  .mr-xl-10 {
    margin-right: 40px !important;
  }
  .mr-xl-11 {
    margin-right: 44px !important;
  }
  .mr-xl-12 {
    margin-right: 48px !important;
  }
  .mr-xl-13 {
    margin-right: 52px !important;
  }
  .mr-xl-14 {
    margin-right: 56px !important;
  }
  .mr-xl-15 {
    margin-right: 60px !important;
  }
  .mr-xl-16 {
    margin-right: 64px !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  .mb-xl-3 {
    margin-bottom: 12px !important;
  }
  .mb-xl-4 {
    margin-bottom: 16px !important;
  }
  .mb-xl-5 {
    margin-bottom: 20px !important;
  }
  .mb-xl-6 {
    margin-bottom: 24px !important;
  }
  .mb-xl-7 {
    margin-bottom: 28px !important;
  }
  .mb-xl-8 {
    margin-bottom: 32px !important;
  }
  .mb-xl-9 {
    margin-bottom: 36px !important;
  }
  .mb-xl-10 {
    margin-bottom: 40px !important;
  }
  .mb-xl-11 {
    margin-bottom: 44px !important;
  }
  .mb-xl-12 {
    margin-bottom: 48px !important;
  }
  .mb-xl-13 {
    margin-bottom: 52px !important;
  }
  .mb-xl-14 {
    margin-bottom: 56px !important;
  }
  .mb-xl-15 {
    margin-bottom: 60px !important;
  }
  .mb-xl-16 {
    margin-bottom: 64px !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0px !important;
  }
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  .ml-xl-3 {
    margin-left: 12px !important;
  }
  .ml-xl-4 {
    margin-left: 16px !important;
  }
  .ml-xl-5 {
    margin-left: 20px !important;
  }
  .ml-xl-6 {
    margin-left: 24px !important;
  }
  .ml-xl-7 {
    margin-left: 28px !important;
  }
  .ml-xl-8 {
    margin-left: 32px !important;
  }
  .ml-xl-9 {
    margin-left: 36px !important;
  }
  .ml-xl-10 {
    margin-left: 40px !important;
  }
  .ml-xl-11 {
    margin-left: 44px !important;
  }
  .ml-xl-12 {
    margin-left: 48px !important;
  }
  .ml-xl-13 {
    margin-left: 52px !important;
  }
  .ml-xl-14 {
    margin-left: 56px !important;
  }
  .ml-xl-15 {
    margin-left: 60px !important;
  }
  .ml-xl-16 {
    margin-left: 64px !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .ms-xl-0 {
    margin-inline-start: 0px !important;
  }
  .ms-xl-1 {
    margin-inline-start: 4px !important;
  }
  .ms-xl-2 {
    margin-inline-start: 8px !important;
  }
  .ms-xl-3 {
    margin-inline-start: 12px !important;
  }
  .ms-xl-4 {
    margin-inline-start: 16px !important;
  }
  .ms-xl-5 {
    margin-inline-start: 20px !important;
  }
  .ms-xl-6 {
    margin-inline-start: 24px !important;
  }
  .ms-xl-7 {
    margin-inline-start: 28px !important;
  }
  .ms-xl-8 {
    margin-inline-start: 32px !important;
  }
  .ms-xl-9 {
    margin-inline-start: 36px !important;
  }
  .ms-xl-10 {
    margin-inline-start: 40px !important;
  }
  .ms-xl-11 {
    margin-inline-start: 44px !important;
  }
  .ms-xl-12 {
    margin-inline-start: 48px !important;
  }
  .ms-xl-13 {
    margin-inline-start: 52px !important;
  }
  .ms-xl-14 {
    margin-inline-start: 56px !important;
  }
  .ms-xl-15 {
    margin-inline-start: 60px !important;
  }
  .ms-xl-16 {
    margin-inline-start: 64px !important;
  }
  .ms-xl-auto {
    margin-inline-start: auto !important;
  }
  .me-xl-0 {
    margin-inline-end: 0px !important;
  }
  .me-xl-1 {
    margin-inline-end: 4px !important;
  }
  .me-xl-2 {
    margin-inline-end: 8px !important;
  }
  .me-xl-3 {
    margin-inline-end: 12px !important;
  }
  .me-xl-4 {
    margin-inline-end: 16px !important;
  }
  .me-xl-5 {
    margin-inline-end: 20px !important;
  }
  .me-xl-6 {
    margin-inline-end: 24px !important;
  }
  .me-xl-7 {
    margin-inline-end: 28px !important;
  }
  .me-xl-8 {
    margin-inline-end: 32px !important;
  }
  .me-xl-9 {
    margin-inline-end: 36px !important;
  }
  .me-xl-10 {
    margin-inline-end: 40px !important;
  }
  .me-xl-11 {
    margin-inline-end: 44px !important;
  }
  .me-xl-12 {
    margin-inline-end: 48px !important;
  }
  .me-xl-13 {
    margin-inline-end: 52px !important;
  }
  .me-xl-14 {
    margin-inline-end: 56px !important;
  }
  .me-xl-15 {
    margin-inline-end: 60px !important;
  }
  .me-xl-16 {
    margin-inline-end: 64px !important;
  }
  .me-xl-auto {
    margin-inline-end: auto !important;
  }
  .ma-xl-n1 {
    margin: -4px !important;
  }
  .ma-xl-n2 {
    margin: -8px !important;
  }
  .ma-xl-n3 {
    margin: -12px !important;
  }
  .ma-xl-n4 {
    margin: -16px !important;
  }
  .ma-xl-n5 {
    margin: -20px !important;
  }
  .ma-xl-n6 {
    margin: -24px !important;
  }
  .ma-xl-n7 {
    margin: -28px !important;
  }
  .ma-xl-n8 {
    margin: -32px !important;
  }
  .ma-xl-n9 {
    margin: -36px !important;
  }
  .ma-xl-n10 {
    margin: -40px !important;
  }
  .ma-xl-n11 {
    margin: -44px !important;
  }
  .ma-xl-n12 {
    margin: -48px !important;
  }
  .ma-xl-n13 {
    margin: -52px !important;
  }
  .ma-xl-n14 {
    margin: -56px !important;
  }
  .ma-xl-n15 {
    margin: -60px !important;
  }
  .ma-xl-n16 {
    margin: -64px !important;
  }
  .mx-xl-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-xl-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-xl-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-xl-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-xl-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xl-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-xl-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-xl-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-xl-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-xl-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xl-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-xl-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-xl-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-xl-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-xl-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xl-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-xl-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-xl-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-xl-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-xl-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-xl-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xl-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-xl-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-xl-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-xl-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-xl-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xl-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-xl-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-xl-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-xl-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-xl-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xl-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-xl-n1 {
    margin-top: -4px !important;
  }
  .mt-xl-n2 {
    margin-top: -8px !important;
  }
  .mt-xl-n3 {
    margin-top: -12px !important;
  }
  .mt-xl-n4 {
    margin-top: -16px !important;
  }
  .mt-xl-n5 {
    margin-top: -20px !important;
  }
  .mt-xl-n6 {
    margin-top: -24px !important;
  }
  .mt-xl-n7 {
    margin-top: -28px !important;
  }
  .mt-xl-n8 {
    margin-top: -32px !important;
  }
  .mt-xl-n9 {
    margin-top: -36px !important;
  }
  .mt-xl-n10 {
    margin-top: -40px !important;
  }
  .mt-xl-n11 {
    margin-top: -44px !important;
  }
  .mt-xl-n12 {
    margin-top: -48px !important;
  }
  .mt-xl-n13 {
    margin-top: -52px !important;
  }
  .mt-xl-n14 {
    margin-top: -56px !important;
  }
  .mt-xl-n15 {
    margin-top: -60px !important;
  }
  .mt-xl-n16 {
    margin-top: -64px !important;
  }
  .mr-xl-n1 {
    margin-right: -4px !important;
  }
  .mr-xl-n2 {
    margin-right: -8px !important;
  }
  .mr-xl-n3 {
    margin-right: -12px !important;
  }
  .mr-xl-n4 {
    margin-right: -16px !important;
  }
  .mr-xl-n5 {
    margin-right: -20px !important;
  }
  .mr-xl-n6 {
    margin-right: -24px !important;
  }
  .mr-xl-n7 {
    margin-right: -28px !important;
  }
  .mr-xl-n8 {
    margin-right: -32px !important;
  }
  .mr-xl-n9 {
    margin-right: -36px !important;
  }
  .mr-xl-n10 {
    margin-right: -40px !important;
  }
  .mr-xl-n11 {
    margin-right: -44px !important;
  }
  .mr-xl-n12 {
    margin-right: -48px !important;
  }
  .mr-xl-n13 {
    margin-right: -52px !important;
  }
  .mr-xl-n14 {
    margin-right: -56px !important;
  }
  .mr-xl-n15 {
    margin-right: -60px !important;
  }
  .mr-xl-n16 {
    margin-right: -64px !important;
  }
  .mb-xl-n1 {
    margin-bottom: -4px !important;
  }
  .mb-xl-n2 {
    margin-bottom: -8px !important;
  }
  .mb-xl-n3 {
    margin-bottom: -12px !important;
  }
  .mb-xl-n4 {
    margin-bottom: -16px !important;
  }
  .mb-xl-n5 {
    margin-bottom: -20px !important;
  }
  .mb-xl-n6 {
    margin-bottom: -24px !important;
  }
  .mb-xl-n7 {
    margin-bottom: -28px !important;
  }
  .mb-xl-n8 {
    margin-bottom: -32px !important;
  }
  .mb-xl-n9 {
    margin-bottom: -36px !important;
  }
  .mb-xl-n10 {
    margin-bottom: -40px !important;
  }
  .mb-xl-n11 {
    margin-bottom: -44px !important;
  }
  .mb-xl-n12 {
    margin-bottom: -48px !important;
  }
  .mb-xl-n13 {
    margin-bottom: -52px !important;
  }
  .mb-xl-n14 {
    margin-bottom: -56px !important;
  }
  .mb-xl-n15 {
    margin-bottom: -60px !important;
  }
  .mb-xl-n16 {
    margin-bottom: -64px !important;
  }
  .ml-xl-n1 {
    margin-left: -4px !important;
  }
  .ml-xl-n2 {
    margin-left: -8px !important;
  }
  .ml-xl-n3 {
    margin-left: -12px !important;
  }
  .ml-xl-n4 {
    margin-left: -16px !important;
  }
  .ml-xl-n5 {
    margin-left: -20px !important;
  }
  .ml-xl-n6 {
    margin-left: -24px !important;
  }
  .ml-xl-n7 {
    margin-left: -28px !important;
  }
  .ml-xl-n8 {
    margin-left: -32px !important;
  }
  .ml-xl-n9 {
    margin-left: -36px !important;
  }
  .ml-xl-n10 {
    margin-left: -40px !important;
  }
  .ml-xl-n11 {
    margin-left: -44px !important;
  }
  .ml-xl-n12 {
    margin-left: -48px !important;
  }
  .ml-xl-n13 {
    margin-left: -52px !important;
  }
  .ml-xl-n14 {
    margin-left: -56px !important;
  }
  .ml-xl-n15 {
    margin-left: -60px !important;
  }
  .ml-xl-n16 {
    margin-left: -64px !important;
  }
  .ms-xl-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-xl-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-xl-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-xl-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-xl-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-xl-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-xl-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-xl-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-xl-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-xl-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-xl-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-xl-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-xl-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-xl-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-xl-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-xl-n16 {
    margin-inline-start: -64px !important;
  }
  .me-xl-n1 {
    margin-inline-end: -4px !important;
  }
  .me-xl-n2 {
    margin-inline-end: -8px !important;
  }
  .me-xl-n3 {
    margin-inline-end: -12px !important;
  }
  .me-xl-n4 {
    margin-inline-end: -16px !important;
  }
  .me-xl-n5 {
    margin-inline-end: -20px !important;
  }
  .me-xl-n6 {
    margin-inline-end: -24px !important;
  }
  .me-xl-n7 {
    margin-inline-end: -28px !important;
  }
  .me-xl-n8 {
    margin-inline-end: -32px !important;
  }
  .me-xl-n9 {
    margin-inline-end: -36px !important;
  }
  .me-xl-n10 {
    margin-inline-end: -40px !important;
  }
  .me-xl-n11 {
    margin-inline-end: -44px !important;
  }
  .me-xl-n12 {
    margin-inline-end: -48px !important;
  }
  .me-xl-n13 {
    margin-inline-end: -52px !important;
  }
  .me-xl-n14 {
    margin-inline-end: -56px !important;
  }
  .me-xl-n15 {
    margin-inline-end: -60px !important;
  }
  .me-xl-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-xl-0 {
    padding: 0px !important;
  }
  .pa-xl-1 {
    padding: 4px !important;
  }
  .pa-xl-2 {
    padding: 8px !important;
  }
  .pa-xl-3 {
    padding: 12px !important;
  }
  .pa-xl-4 {
    padding: 16px !important;
  }
  .pa-xl-5 {
    padding: 20px !important;
  }
  .pa-xl-6 {
    padding: 24px !important;
  }
  .pa-xl-7 {
    padding: 28px !important;
  }
  .pa-xl-8 {
    padding: 32px !important;
  }
  .pa-xl-9 {
    padding: 36px !important;
  }
  .pa-xl-10 {
    padding: 40px !important;
  }
  .pa-xl-11 {
    padding: 44px !important;
  }
  .pa-xl-12 {
    padding: 48px !important;
  }
  .pa-xl-13 {
    padding: 52px !important;
  }
  .pa-xl-14 {
    padding: 56px !important;
  }
  .pa-xl-15 {
    padding: 60px !important;
  }
  .pa-xl-16 {
    padding: 64px !important;
  }
  .px-xl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-xl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-xl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-xl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-xl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-xl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-xl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-xl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-xl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xl-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-xl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-xl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-xl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-xl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-xl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-xl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-xl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-xl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-xl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xl-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  .pt-xl-3 {
    padding-top: 12px !important;
  }
  .pt-xl-4 {
    padding-top: 16px !important;
  }
  .pt-xl-5 {
    padding-top: 20px !important;
  }
  .pt-xl-6 {
    padding-top: 24px !important;
  }
  .pt-xl-7 {
    padding-top: 28px !important;
  }
  .pt-xl-8 {
    padding-top: 32px !important;
  }
  .pt-xl-9 {
    padding-top: 36px !important;
  }
  .pt-xl-10 {
    padding-top: 40px !important;
  }
  .pt-xl-11 {
    padding-top: 44px !important;
  }
  .pt-xl-12 {
    padding-top: 48px !important;
  }
  .pt-xl-13 {
    padding-top: 52px !important;
  }
  .pt-xl-14 {
    padding-top: 56px !important;
  }
  .pt-xl-15 {
    padding-top: 60px !important;
  }
  .pt-xl-16 {
    padding-top: 64px !important;
  }
  .pr-xl-0 {
    padding-right: 0px !important;
  }
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  .pr-xl-3 {
    padding-right: 12px !important;
  }
  .pr-xl-4 {
    padding-right: 16px !important;
  }
  .pr-xl-5 {
    padding-right: 20px !important;
  }
  .pr-xl-6 {
    padding-right: 24px !important;
  }
  .pr-xl-7 {
    padding-right: 28px !important;
  }
  .pr-xl-8 {
    padding-right: 32px !important;
  }
  .pr-xl-9 {
    padding-right: 36px !important;
  }
  .pr-xl-10 {
    padding-right: 40px !important;
  }
  .pr-xl-11 {
    padding-right: 44px !important;
  }
  .pr-xl-12 {
    padding-right: 48px !important;
  }
  .pr-xl-13 {
    padding-right: 52px !important;
  }
  .pr-xl-14 {
    padding-right: 56px !important;
  }
  .pr-xl-15 {
    padding-right: 60px !important;
  }
  .pr-xl-16 {
    padding-right: 64px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  .pb-xl-3 {
    padding-bottom: 12px !important;
  }
  .pb-xl-4 {
    padding-bottom: 16px !important;
  }
  .pb-xl-5 {
    padding-bottom: 20px !important;
  }
  .pb-xl-6 {
    padding-bottom: 24px !important;
  }
  .pb-xl-7 {
    padding-bottom: 28px !important;
  }
  .pb-xl-8 {
    padding-bottom: 32px !important;
  }
  .pb-xl-9 {
    padding-bottom: 36px !important;
  }
  .pb-xl-10 {
    padding-bottom: 40px !important;
  }
  .pb-xl-11 {
    padding-bottom: 44px !important;
  }
  .pb-xl-12 {
    padding-bottom: 48px !important;
  }
  .pb-xl-13 {
    padding-bottom: 52px !important;
  }
  .pb-xl-14 {
    padding-bottom: 56px !important;
  }
  .pb-xl-15 {
    padding-bottom: 60px !important;
  }
  .pb-xl-16 {
    padding-bottom: 64px !important;
  }
  .pl-xl-0 {
    padding-left: 0px !important;
  }
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  .pl-xl-3 {
    padding-left: 12px !important;
  }
  .pl-xl-4 {
    padding-left: 16px !important;
  }
  .pl-xl-5 {
    padding-left: 20px !important;
  }
  .pl-xl-6 {
    padding-left: 24px !important;
  }
  .pl-xl-7 {
    padding-left: 28px !important;
  }
  .pl-xl-8 {
    padding-left: 32px !important;
  }
  .pl-xl-9 {
    padding-left: 36px !important;
  }
  .pl-xl-10 {
    padding-left: 40px !important;
  }
  .pl-xl-11 {
    padding-left: 44px !important;
  }
  .pl-xl-12 {
    padding-left: 48px !important;
  }
  .pl-xl-13 {
    padding-left: 52px !important;
  }
  .pl-xl-14 {
    padding-left: 56px !important;
  }
  .pl-xl-15 {
    padding-left: 60px !important;
  }
  .pl-xl-16 {
    padding-left: 64px !important;
  }
  .ps-xl-0 {
    padding-inline-start: 0px !important;
  }
  .ps-xl-1 {
    padding-inline-start: 4px !important;
  }
  .ps-xl-2 {
    padding-inline-start: 8px !important;
  }
  .ps-xl-3 {
    padding-inline-start: 12px !important;
  }
  .ps-xl-4 {
    padding-inline-start: 16px !important;
  }
  .ps-xl-5 {
    padding-inline-start: 20px !important;
  }
  .ps-xl-6 {
    padding-inline-start: 24px !important;
  }
  .ps-xl-7 {
    padding-inline-start: 28px !important;
  }
  .ps-xl-8 {
    padding-inline-start: 32px !important;
  }
  .ps-xl-9 {
    padding-inline-start: 36px !important;
  }
  .ps-xl-10 {
    padding-inline-start: 40px !important;
  }
  .ps-xl-11 {
    padding-inline-start: 44px !important;
  }
  .ps-xl-12 {
    padding-inline-start: 48px !important;
  }
  .ps-xl-13 {
    padding-inline-start: 52px !important;
  }
  .ps-xl-14 {
    padding-inline-start: 56px !important;
  }
  .ps-xl-15 {
    padding-inline-start: 60px !important;
  }
  .ps-xl-16 {
    padding-inline-start: 64px !important;
  }
  .pe-xl-0 {
    padding-inline-end: 0px !important;
  }
  .pe-xl-1 {
    padding-inline-end: 4px !important;
  }
  .pe-xl-2 {
    padding-inline-end: 8px !important;
  }
  .pe-xl-3 {
    padding-inline-end: 12px !important;
  }
  .pe-xl-4 {
    padding-inline-end: 16px !important;
  }
  .pe-xl-5 {
    padding-inline-end: 20px !important;
  }
  .pe-xl-6 {
    padding-inline-end: 24px !important;
  }
  .pe-xl-7 {
    padding-inline-end: 28px !important;
  }
  .pe-xl-8 {
    padding-inline-end: 32px !important;
  }
  .pe-xl-9 {
    padding-inline-end: 36px !important;
  }
  .pe-xl-10 {
    padding-inline-end: 40px !important;
  }
  .pe-xl-11 {
    padding-inline-end: 44px !important;
  }
  .pe-xl-12 {
    padding-inline-end: 48px !important;
  }
  .pe-xl-13 {
    padding-inline-end: 52px !important;
  }
  .pe-xl-14 {
    padding-inline-end: 56px !important;
  }
  .pe-xl-15 {
    padding-inline-end: 60px !important;
  }
  .pe-xl-16 {
    padding-inline-end: 64px !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-start {
    text-align: start !important;
  }
  .text-xl-end {
    text-align: end !important;
  }
  .text-xl-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 1.175;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.333;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.425;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.6;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .text-xl-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xl-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2.667;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .h-xl-screen {
    height: 100vh !important;
  }
  .h-xl-0 {
    height: 0 !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .w-xl-0 {
    width: 0 !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-33 {
    width: 33% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-66 {
    width: 66% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
}
@media (min-width: 2560px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-xxl-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-xxl-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-xxl-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-xxl-start {
    float: left !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-1-1 {
    flex: 1 1 auto !important;
  }
  .flex-xxl-1-0 {
    flex: 1 0 auto !important;
  }
  .flex-xxl-0-1 {
    flex: 0 1 auto !important;
  }
  .flex-xxl-0-0 {
    flex: 0 0 auto !important;
  }
  .flex-xxl-1-1-100 {
    flex: 1 1 100% !important;
  }
  .flex-xxl-1-0-100 {
    flex: 1 0 100% !important;
  }
  .flex-xxl-0-1-100 {
    flex: 0 1 100% !important;
  }
  .flex-xxl-0-0-100 {
    flex: 0 0 100% !important;
  }
  .flex-xxl-1-1-0 {
    flex: 1 1 0 !important;
  }
  .flex-xxl-1-0-0 {
    flex: 1 0 0 !important;
  }
  .flex-xxl-0-1-0 {
    flex: 0 1 0 !important;
  }
  .flex-xxl-0-0-0 {
    flex: 0 0 0 !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-space-between {
    justify-content: space-between !important;
  }
  .justify-xxl-space-around {
    justify-content: space-around !important;
  }
  .justify-xxl-space-evenly {
    justify-content: space-evenly !important;
  }
  .justify-items-xxl-start {
    justify-items: flex-start !important;
  }
  .justify-items-xxl-end {
    justify-items: flex-end !important;
  }
  .justify-items-xxl-center {
    justify-items: center !important;
  }
  .justify-items-xxl-stretch {
    justify-items: stretch !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-baseline {
    align-items: baseline !important;
  }
  .align-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-space-between {
    align-content: space-between !important;
  }
  .align-content-xxl-space-around {
    align-content: space-around !important;
  }
  .align-content-xxl-space-evenly {
    align-content: space-evenly !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-6 {
    order: 6 !important;
  }
  .order-xxl-7 {
    order: 7 !important;
  }
  .order-xxl-8 {
    order: 8 !important;
  }
  .order-xxl-9 {
    order: 9 !important;
  }
  .order-xxl-10 {
    order: 10 !important;
  }
  .order-xxl-11 {
    order: 11 !important;
  }
  .order-xxl-12 {
    order: 12 !important;
  }
  .order-xxl-last {
    order: 13 !important;
  }
  .ga-xxl-0 {
    gap: 0px !important;
  }
  .ga-xxl-1 {
    gap: 4px !important;
  }
  .ga-xxl-2 {
    gap: 8px !important;
  }
  .ga-xxl-3 {
    gap: 12px !important;
  }
  .ga-xxl-4 {
    gap: 16px !important;
  }
  .ga-xxl-5 {
    gap: 20px !important;
  }
  .ga-xxl-6 {
    gap: 24px !important;
  }
  .ga-xxl-7 {
    gap: 28px !important;
  }
  .ga-xxl-8 {
    gap: 32px !important;
  }
  .ga-xxl-9 {
    gap: 36px !important;
  }
  .ga-xxl-10 {
    gap: 40px !important;
  }
  .ga-xxl-11 {
    gap: 44px !important;
  }
  .ga-xxl-12 {
    gap: 48px !important;
  }
  .ga-xxl-13 {
    gap: 52px !important;
  }
  .ga-xxl-14 {
    gap: 56px !important;
  }
  .ga-xxl-15 {
    gap: 60px !important;
  }
  .ga-xxl-16 {
    gap: 64px !important;
  }
  .ga-xxl-auto {
    gap: auto !important;
  }
  .gr-xxl-0 {
    row-gap: 0px !important;
  }
  .gr-xxl-1 {
    row-gap: 4px !important;
  }
  .gr-xxl-2 {
    row-gap: 8px !important;
  }
  .gr-xxl-3 {
    row-gap: 12px !important;
  }
  .gr-xxl-4 {
    row-gap: 16px !important;
  }
  .gr-xxl-5 {
    row-gap: 20px !important;
  }
  .gr-xxl-6 {
    row-gap: 24px !important;
  }
  .gr-xxl-7 {
    row-gap: 28px !important;
  }
  .gr-xxl-8 {
    row-gap: 32px !important;
  }
  .gr-xxl-9 {
    row-gap: 36px !important;
  }
  .gr-xxl-10 {
    row-gap: 40px !important;
  }
  .gr-xxl-11 {
    row-gap: 44px !important;
  }
  .gr-xxl-12 {
    row-gap: 48px !important;
  }
  .gr-xxl-13 {
    row-gap: 52px !important;
  }
  .gr-xxl-14 {
    row-gap: 56px !important;
  }
  .gr-xxl-15 {
    row-gap: 60px !important;
  }
  .gr-xxl-16 {
    row-gap: 64px !important;
  }
  .gr-xxl-auto {
    row-gap: auto !important;
  }
  .gc-xxl-0 {
    column-gap: 0px !important;
  }
  .gc-xxl-1 {
    column-gap: 4px !important;
  }
  .gc-xxl-2 {
    column-gap: 8px !important;
  }
  .gc-xxl-3 {
    column-gap: 12px !important;
  }
  .gc-xxl-4 {
    column-gap: 16px !important;
  }
  .gc-xxl-5 {
    column-gap: 20px !important;
  }
  .gc-xxl-6 {
    column-gap: 24px !important;
  }
  .gc-xxl-7 {
    column-gap: 28px !important;
  }
  .gc-xxl-8 {
    column-gap: 32px !important;
  }
  .gc-xxl-9 {
    column-gap: 36px !important;
  }
  .gc-xxl-10 {
    column-gap: 40px !important;
  }
  .gc-xxl-11 {
    column-gap: 44px !important;
  }
  .gc-xxl-12 {
    column-gap: 48px !important;
  }
  .gc-xxl-13 {
    column-gap: 52px !important;
  }
  .gc-xxl-14 {
    column-gap: 56px !important;
  }
  .gc-xxl-15 {
    column-gap: 60px !important;
  }
  .gc-xxl-16 {
    column-gap: 64px !important;
  }
  .gc-xxl-auto {
    column-gap: auto !important;
  }
  .ma-xxl-0 {
    margin: 0px !important;
  }
  .ma-xxl-1 {
    margin: 4px !important;
  }
  .ma-xxl-2 {
    margin: 8px !important;
  }
  .ma-xxl-3 {
    margin: 12px !important;
  }
  .ma-xxl-4 {
    margin: 16px !important;
  }
  .ma-xxl-5 {
    margin: 20px !important;
  }
  .ma-xxl-6 {
    margin: 24px !important;
  }
  .ma-xxl-7 {
    margin: 28px !important;
  }
  .ma-xxl-8 {
    margin: 32px !important;
  }
  .ma-xxl-9 {
    margin: 36px !important;
  }
  .ma-xxl-10 {
    margin: 40px !important;
  }
  .ma-xxl-11 {
    margin: 44px !important;
  }
  .ma-xxl-12 {
    margin: 48px !important;
  }
  .ma-xxl-13 {
    margin: 52px !important;
  }
  .ma-xxl-14 {
    margin: 56px !important;
  }
  .ma-xxl-15 {
    margin: 60px !important;
  }
  .ma-xxl-16 {
    margin: 64px !important;
  }
  .ma-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mx-xxl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx-xxl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .mx-xxl-3 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .mx-xxl-4 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .mx-xxl-5 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx-xxl-6 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .mx-xxl-7 {
    margin-right: 28px !important;
    margin-left: 28px !important;
  }
  .mx-xxl-8 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .mx-xxl-9 {
    margin-right: 36px !important;
    margin-left: 36px !important;
  }
  .mx-xxl-10 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx-xxl-11 {
    margin-right: 44px !important;
    margin-left: 44px !important;
  }
  .mx-xxl-12 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .mx-xxl-13 {
    margin-right: 52px !important;
    margin-left: 52px !important;
  }
  .mx-xxl-14 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
  .mx-xxl-15 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx-xxl-16 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .my-xxl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my-xxl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .my-xxl-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .my-xxl-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .my-xxl-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-xxl-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .my-xxl-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
  .my-xxl-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .my-xxl-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
  .my-xxl-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-xxl-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
  .my-xxl-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .my-xxl-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
  .my-xxl-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .my-xxl-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my-xxl-16 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0px !important;
  }
  .mt-xxl-1 {
    margin-top: 4px !important;
  }
  .mt-xxl-2 {
    margin-top: 8px !important;
  }
  .mt-xxl-3 {
    margin-top: 12px !important;
  }
  .mt-xxl-4 {
    margin-top: 16px !important;
  }
  .mt-xxl-5 {
    margin-top: 20px !important;
  }
  .mt-xxl-6 {
    margin-top: 24px !important;
  }
  .mt-xxl-7 {
    margin-top: 28px !important;
  }
  .mt-xxl-8 {
    margin-top: 32px !important;
  }
  .mt-xxl-9 {
    margin-top: 36px !important;
  }
  .mt-xxl-10 {
    margin-top: 40px !important;
  }
  .mt-xxl-11 {
    margin-top: 44px !important;
  }
  .mt-xxl-12 {
    margin-top: 48px !important;
  }
  .mt-xxl-13 {
    margin-top: 52px !important;
  }
  .mt-xxl-14 {
    margin-top: 56px !important;
  }
  .mt-xxl-15 {
    margin-top: 60px !important;
  }
  .mt-xxl-16 {
    margin-top: 64px !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0px !important;
  }
  .mr-xxl-1 {
    margin-right: 4px !important;
  }
  .mr-xxl-2 {
    margin-right: 8px !important;
  }
  .mr-xxl-3 {
    margin-right: 12px !important;
  }
  .mr-xxl-4 {
    margin-right: 16px !important;
  }
  .mr-xxl-5 {
    margin-right: 20px !important;
  }
  .mr-xxl-6 {
    margin-right: 24px !important;
  }
  .mr-xxl-7 {
    margin-right: 28px !important;
  }
  .mr-xxl-8 {
    margin-right: 32px !important;
  }
  .mr-xxl-9 {
    margin-right: 36px !important;
  }
  .mr-xxl-10 {
    margin-right: 40px !important;
  }
  .mr-xxl-11 {
    margin-right: 44px !important;
  }
  .mr-xxl-12 {
    margin-right: 48px !important;
  }
  .mr-xxl-13 {
    margin-right: 52px !important;
  }
  .mr-xxl-14 {
    margin-right: 56px !important;
  }
  .mr-xxl-15 {
    margin-right: 60px !important;
  }
  .mr-xxl-16 {
    margin-right: 64px !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0px !important;
  }
  .mb-xxl-1 {
    margin-bottom: 4px !important;
  }
  .mb-xxl-2 {
    margin-bottom: 8px !important;
  }
  .mb-xxl-3 {
    margin-bottom: 12px !important;
  }
  .mb-xxl-4 {
    margin-bottom: 16px !important;
  }
  .mb-xxl-5 {
    margin-bottom: 20px !important;
  }
  .mb-xxl-6 {
    margin-bottom: 24px !important;
  }
  .mb-xxl-7 {
    margin-bottom: 28px !important;
  }
  .mb-xxl-8 {
    margin-bottom: 32px !important;
  }
  .mb-xxl-9 {
    margin-bottom: 36px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 40px !important;
  }
  .mb-xxl-11 {
    margin-bottom: 44px !important;
  }
  .mb-xxl-12 {
    margin-bottom: 48px !important;
  }
  .mb-xxl-13 {
    margin-bottom: 52px !important;
  }
  .mb-xxl-14 {
    margin-bottom: 56px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 60px !important;
  }
  .mb-xxl-16 {
    margin-bottom: 64px !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0px !important;
  }
  .ml-xxl-1 {
    margin-left: 4px !important;
  }
  .ml-xxl-2 {
    margin-left: 8px !important;
  }
  .ml-xxl-3 {
    margin-left: 12px !important;
  }
  .ml-xxl-4 {
    margin-left: 16px !important;
  }
  .ml-xxl-5 {
    margin-left: 20px !important;
  }
  .ml-xxl-6 {
    margin-left: 24px !important;
  }
  .ml-xxl-7 {
    margin-left: 28px !important;
  }
  .ml-xxl-8 {
    margin-left: 32px !important;
  }
  .ml-xxl-9 {
    margin-left: 36px !important;
  }
  .ml-xxl-10 {
    margin-left: 40px !important;
  }
  .ml-xxl-11 {
    margin-left: 44px !important;
  }
  .ml-xxl-12 {
    margin-left: 48px !important;
  }
  .ml-xxl-13 {
    margin-left: 52px !important;
  }
  .ml-xxl-14 {
    margin-left: 56px !important;
  }
  .ml-xxl-15 {
    margin-left: 60px !important;
  }
  .ml-xxl-16 {
    margin-left: 64px !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .ms-xxl-0 {
    margin-inline-start: 0px !important;
  }
  .ms-xxl-1 {
    margin-inline-start: 4px !important;
  }
  .ms-xxl-2 {
    margin-inline-start: 8px !important;
  }
  .ms-xxl-3 {
    margin-inline-start: 12px !important;
  }
  .ms-xxl-4 {
    margin-inline-start: 16px !important;
  }
  .ms-xxl-5 {
    margin-inline-start: 20px !important;
  }
  .ms-xxl-6 {
    margin-inline-start: 24px !important;
  }
  .ms-xxl-7 {
    margin-inline-start: 28px !important;
  }
  .ms-xxl-8 {
    margin-inline-start: 32px !important;
  }
  .ms-xxl-9 {
    margin-inline-start: 36px !important;
  }
  .ms-xxl-10 {
    margin-inline-start: 40px !important;
  }
  .ms-xxl-11 {
    margin-inline-start: 44px !important;
  }
  .ms-xxl-12 {
    margin-inline-start: 48px !important;
  }
  .ms-xxl-13 {
    margin-inline-start: 52px !important;
  }
  .ms-xxl-14 {
    margin-inline-start: 56px !important;
  }
  .ms-xxl-15 {
    margin-inline-start: 60px !important;
  }
  .ms-xxl-16 {
    margin-inline-start: 64px !important;
  }
  .ms-xxl-auto {
    margin-inline-start: auto !important;
  }
  .me-xxl-0 {
    margin-inline-end: 0px !important;
  }
  .me-xxl-1 {
    margin-inline-end: 4px !important;
  }
  .me-xxl-2 {
    margin-inline-end: 8px !important;
  }
  .me-xxl-3 {
    margin-inline-end: 12px !important;
  }
  .me-xxl-4 {
    margin-inline-end: 16px !important;
  }
  .me-xxl-5 {
    margin-inline-end: 20px !important;
  }
  .me-xxl-6 {
    margin-inline-end: 24px !important;
  }
  .me-xxl-7 {
    margin-inline-end: 28px !important;
  }
  .me-xxl-8 {
    margin-inline-end: 32px !important;
  }
  .me-xxl-9 {
    margin-inline-end: 36px !important;
  }
  .me-xxl-10 {
    margin-inline-end: 40px !important;
  }
  .me-xxl-11 {
    margin-inline-end: 44px !important;
  }
  .me-xxl-12 {
    margin-inline-end: 48px !important;
  }
  .me-xxl-13 {
    margin-inline-end: 52px !important;
  }
  .me-xxl-14 {
    margin-inline-end: 56px !important;
  }
  .me-xxl-15 {
    margin-inline-end: 60px !important;
  }
  .me-xxl-16 {
    margin-inline-end: 64px !important;
  }
  .me-xxl-auto {
    margin-inline-end: auto !important;
  }
  .ma-xxl-n1 {
    margin: -4px !important;
  }
  .ma-xxl-n2 {
    margin: -8px !important;
  }
  .ma-xxl-n3 {
    margin: -12px !important;
  }
  .ma-xxl-n4 {
    margin: -16px !important;
  }
  .ma-xxl-n5 {
    margin: -20px !important;
  }
  .ma-xxl-n6 {
    margin: -24px !important;
  }
  .ma-xxl-n7 {
    margin: -28px !important;
  }
  .ma-xxl-n8 {
    margin: -32px !important;
  }
  .ma-xxl-n9 {
    margin: -36px !important;
  }
  .ma-xxl-n10 {
    margin: -40px !important;
  }
  .ma-xxl-n11 {
    margin: -44px !important;
  }
  .ma-xxl-n12 {
    margin: -48px !important;
  }
  .ma-xxl-n13 {
    margin: -52px !important;
  }
  .ma-xxl-n14 {
    margin: -56px !important;
  }
  .ma-xxl-n15 {
    margin: -60px !important;
  }
  .ma-xxl-n16 {
    margin: -64px !important;
  }
  .mx-xxl-n1 {
    margin-right: -4px !important;
    margin-left: -4px !important;
  }
  .mx-xxl-n2 {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .mx-xxl-n3 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }
  .mx-xxl-n4 {
    margin-right: -16px !important;
    margin-left: -16px !important;
  }
  .mx-xxl-n5 {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }
  .mx-xxl-n6 {
    margin-right: -24px !important;
    margin-left: -24px !important;
  }
  .mx-xxl-n7 {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
  .mx-xxl-n8 {
    margin-right: -32px !important;
    margin-left: -32px !important;
  }
  .mx-xxl-n9 {
    margin-right: -36px !important;
    margin-left: -36px !important;
  }
  .mx-xxl-n10 {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }
  .mx-xxl-n11 {
    margin-right: -44px !important;
    margin-left: -44px !important;
  }
  .mx-xxl-n12 {
    margin-right: -48px !important;
    margin-left: -48px !important;
  }
  .mx-xxl-n13 {
    margin-right: -52px !important;
    margin-left: -52px !important;
  }
  .mx-xxl-n14 {
    margin-right: -56px !important;
    margin-left: -56px !important;
  }
  .mx-xxl-n15 {
    margin-right: -60px !important;
    margin-left: -60px !important;
  }
  .mx-xxl-n16 {
    margin-right: -64px !important;
    margin-left: -64px !important;
  }
  .my-xxl-n1 {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .my-xxl-n2 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .my-xxl-n3 {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .my-xxl-n4 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .my-xxl-n5 {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }
  .my-xxl-n6 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .my-xxl-n7 {
    margin-top: -28px !important;
    margin-bottom: -28px !important;
  }
  .my-xxl-n8 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .my-xxl-n9 {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }
  .my-xxl-n10 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .my-xxl-n11 {
    margin-top: -44px !important;
    margin-bottom: -44px !important;
  }
  .my-xxl-n12 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .my-xxl-n13 {
    margin-top: -52px !important;
    margin-bottom: -52px !important;
  }
  .my-xxl-n14 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .my-xxl-n15 {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }
  .my-xxl-n16 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .mt-xxl-n1 {
    margin-top: -4px !important;
  }
  .mt-xxl-n2 {
    margin-top: -8px !important;
  }
  .mt-xxl-n3 {
    margin-top: -12px !important;
  }
  .mt-xxl-n4 {
    margin-top: -16px !important;
  }
  .mt-xxl-n5 {
    margin-top: -20px !important;
  }
  .mt-xxl-n6 {
    margin-top: -24px !important;
  }
  .mt-xxl-n7 {
    margin-top: -28px !important;
  }
  .mt-xxl-n8 {
    margin-top: -32px !important;
  }
  .mt-xxl-n9 {
    margin-top: -36px !important;
  }
  .mt-xxl-n10 {
    margin-top: -40px !important;
  }
  .mt-xxl-n11 {
    margin-top: -44px !important;
  }
  .mt-xxl-n12 {
    margin-top: -48px !important;
  }
  .mt-xxl-n13 {
    margin-top: -52px !important;
  }
  .mt-xxl-n14 {
    margin-top: -56px !important;
  }
  .mt-xxl-n15 {
    margin-top: -60px !important;
  }
  .mt-xxl-n16 {
    margin-top: -64px !important;
  }
  .mr-xxl-n1 {
    margin-right: -4px !important;
  }
  .mr-xxl-n2 {
    margin-right: -8px !important;
  }
  .mr-xxl-n3 {
    margin-right: -12px !important;
  }
  .mr-xxl-n4 {
    margin-right: -16px !important;
  }
  .mr-xxl-n5 {
    margin-right: -20px !important;
  }
  .mr-xxl-n6 {
    margin-right: -24px !important;
  }
  .mr-xxl-n7 {
    margin-right: -28px !important;
  }
  .mr-xxl-n8 {
    margin-right: -32px !important;
  }
  .mr-xxl-n9 {
    margin-right: -36px !important;
  }
  .mr-xxl-n10 {
    margin-right: -40px !important;
  }
  .mr-xxl-n11 {
    margin-right: -44px !important;
  }
  .mr-xxl-n12 {
    margin-right: -48px !important;
  }
  .mr-xxl-n13 {
    margin-right: -52px !important;
  }
  .mr-xxl-n14 {
    margin-right: -56px !important;
  }
  .mr-xxl-n15 {
    margin-right: -60px !important;
  }
  .mr-xxl-n16 {
    margin-right: -64px !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -4px !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -8px !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -12px !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -16px !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -20px !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -24px !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -28px !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -32px !important;
  }
  .mb-xxl-n9 {
    margin-bottom: -36px !important;
  }
  .mb-xxl-n10 {
    margin-bottom: -40px !important;
  }
  .mb-xxl-n11 {
    margin-bottom: -44px !important;
  }
  .mb-xxl-n12 {
    margin-bottom: -48px !important;
  }
  .mb-xxl-n13 {
    margin-bottom: -52px !important;
  }
  .mb-xxl-n14 {
    margin-bottom: -56px !important;
  }
  .mb-xxl-n15 {
    margin-bottom: -60px !important;
  }
  .mb-xxl-n16 {
    margin-bottom: -64px !important;
  }
  .ml-xxl-n1 {
    margin-left: -4px !important;
  }
  .ml-xxl-n2 {
    margin-left: -8px !important;
  }
  .ml-xxl-n3 {
    margin-left: -12px !important;
  }
  .ml-xxl-n4 {
    margin-left: -16px !important;
  }
  .ml-xxl-n5 {
    margin-left: -20px !important;
  }
  .ml-xxl-n6 {
    margin-left: -24px !important;
  }
  .ml-xxl-n7 {
    margin-left: -28px !important;
  }
  .ml-xxl-n8 {
    margin-left: -32px !important;
  }
  .ml-xxl-n9 {
    margin-left: -36px !important;
  }
  .ml-xxl-n10 {
    margin-left: -40px !important;
  }
  .ml-xxl-n11 {
    margin-left: -44px !important;
  }
  .ml-xxl-n12 {
    margin-left: -48px !important;
  }
  .ml-xxl-n13 {
    margin-left: -52px !important;
  }
  .ml-xxl-n14 {
    margin-left: -56px !important;
  }
  .ml-xxl-n15 {
    margin-left: -60px !important;
  }
  .ml-xxl-n16 {
    margin-left: -64px !important;
  }
  .ms-xxl-n1 {
    margin-inline-start: -4px !important;
  }
  .ms-xxl-n2 {
    margin-inline-start: -8px !important;
  }
  .ms-xxl-n3 {
    margin-inline-start: -12px !important;
  }
  .ms-xxl-n4 {
    margin-inline-start: -16px !important;
  }
  .ms-xxl-n5 {
    margin-inline-start: -20px !important;
  }
  .ms-xxl-n6 {
    margin-inline-start: -24px !important;
  }
  .ms-xxl-n7 {
    margin-inline-start: -28px !important;
  }
  .ms-xxl-n8 {
    margin-inline-start: -32px !important;
  }
  .ms-xxl-n9 {
    margin-inline-start: -36px !important;
  }
  .ms-xxl-n10 {
    margin-inline-start: -40px !important;
  }
  .ms-xxl-n11 {
    margin-inline-start: -44px !important;
  }
  .ms-xxl-n12 {
    margin-inline-start: -48px !important;
  }
  .ms-xxl-n13 {
    margin-inline-start: -52px !important;
  }
  .ms-xxl-n14 {
    margin-inline-start: -56px !important;
  }
  .ms-xxl-n15 {
    margin-inline-start: -60px !important;
  }
  .ms-xxl-n16 {
    margin-inline-start: -64px !important;
  }
  .me-xxl-n1 {
    margin-inline-end: -4px !important;
  }
  .me-xxl-n2 {
    margin-inline-end: -8px !important;
  }
  .me-xxl-n3 {
    margin-inline-end: -12px !important;
  }
  .me-xxl-n4 {
    margin-inline-end: -16px !important;
  }
  .me-xxl-n5 {
    margin-inline-end: -20px !important;
  }
  .me-xxl-n6 {
    margin-inline-end: -24px !important;
  }
  .me-xxl-n7 {
    margin-inline-end: -28px !important;
  }
  .me-xxl-n8 {
    margin-inline-end: -32px !important;
  }
  .me-xxl-n9 {
    margin-inline-end: -36px !important;
  }
  .me-xxl-n10 {
    margin-inline-end: -40px !important;
  }
  .me-xxl-n11 {
    margin-inline-end: -44px !important;
  }
  .me-xxl-n12 {
    margin-inline-end: -48px !important;
  }
  .me-xxl-n13 {
    margin-inline-end: -52px !important;
  }
  .me-xxl-n14 {
    margin-inline-end: -56px !important;
  }
  .me-xxl-n15 {
    margin-inline-end: -60px !important;
  }
  .me-xxl-n16 {
    margin-inline-end: -64px !important;
  }
  .pa-xxl-0 {
    padding: 0px !important;
  }
  .pa-xxl-1 {
    padding: 4px !important;
  }
  .pa-xxl-2 {
    padding: 8px !important;
  }
  .pa-xxl-3 {
    padding: 12px !important;
  }
  .pa-xxl-4 {
    padding: 16px !important;
  }
  .pa-xxl-5 {
    padding: 20px !important;
  }
  .pa-xxl-6 {
    padding: 24px !important;
  }
  .pa-xxl-7 {
    padding: 28px !important;
  }
  .pa-xxl-8 {
    padding: 32px !important;
  }
  .pa-xxl-9 {
    padding: 36px !important;
  }
  .pa-xxl-10 {
    padding: 40px !important;
  }
  .pa-xxl-11 {
    padding: 44px !important;
  }
  .pa-xxl-12 {
    padding: 48px !important;
  }
  .pa-xxl-13 {
    padding: 52px !important;
  }
  .pa-xxl-14 {
    padding: 56px !important;
  }
  .pa-xxl-15 {
    padding: 60px !important;
  }
  .pa-xxl-16 {
    padding: 64px !important;
  }
  .px-xxl-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .px-xxl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-xxl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .px-xxl-3 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .px-xxl-4 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .px-xxl-5 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-xxl-6 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .px-xxl-7 {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .px-xxl-8 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .px-xxl-9 {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }
  .px-xxl-10 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-xxl-11 {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }
  .px-xxl-12 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .px-xxl-13 {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }
  .px-xxl-14 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
  .px-xxl-15 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-xxl-16 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
  .py-xxl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .py-xxl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-xxl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .py-xxl-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .py-xxl-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .py-xxl-5 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-xxl-6 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .py-xxl-7 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .py-xxl-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .py-xxl-9 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  .py-xxl-10 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-xxl-11 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .py-xxl-12 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .py-xxl-13 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  .py-xxl-14 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .py-xxl-15 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-xxl-16 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .pt-xxl-0 {
    padding-top: 0px !important;
  }
  .pt-xxl-1 {
    padding-top: 4px !important;
  }
  .pt-xxl-2 {
    padding-top: 8px !important;
  }
  .pt-xxl-3 {
    padding-top: 12px !important;
  }
  .pt-xxl-4 {
    padding-top: 16px !important;
  }
  .pt-xxl-5 {
    padding-top: 20px !important;
  }
  .pt-xxl-6 {
    padding-top: 24px !important;
  }
  .pt-xxl-7 {
    padding-top: 28px !important;
  }
  .pt-xxl-8 {
    padding-top: 32px !important;
  }
  .pt-xxl-9 {
    padding-top: 36px !important;
  }
  .pt-xxl-10 {
    padding-top: 40px !important;
  }
  .pt-xxl-11 {
    padding-top: 44px !important;
  }
  .pt-xxl-12 {
    padding-top: 48px !important;
  }
  .pt-xxl-13 {
    padding-top: 52px !important;
  }
  .pt-xxl-14 {
    padding-top: 56px !important;
  }
  .pt-xxl-15 {
    padding-top: 60px !important;
  }
  .pt-xxl-16 {
    padding-top: 64px !important;
  }
  .pr-xxl-0 {
    padding-right: 0px !important;
  }
  .pr-xxl-1 {
    padding-right: 4px !important;
  }
  .pr-xxl-2 {
    padding-right: 8px !important;
  }
  .pr-xxl-3 {
    padding-right: 12px !important;
  }
  .pr-xxl-4 {
    padding-right: 16px !important;
  }
  .pr-xxl-5 {
    padding-right: 20px !important;
  }
  .pr-xxl-6 {
    padding-right: 24px !important;
  }
  .pr-xxl-7 {
    padding-right: 28px !important;
  }
  .pr-xxl-8 {
    padding-right: 32px !important;
  }
  .pr-xxl-9 {
    padding-right: 36px !important;
  }
  .pr-xxl-10 {
    padding-right: 40px !important;
  }
  .pr-xxl-11 {
    padding-right: 44px !important;
  }
  .pr-xxl-12 {
    padding-right: 48px !important;
  }
  .pr-xxl-13 {
    padding-right: 52px !important;
  }
  .pr-xxl-14 {
    padding-right: 56px !important;
  }
  .pr-xxl-15 {
    padding-right: 60px !important;
  }
  .pr-xxl-16 {
    padding-right: 64px !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0px !important;
  }
  .pb-xxl-1 {
    padding-bottom: 4px !important;
  }
  .pb-xxl-2 {
    padding-bottom: 8px !important;
  }
  .pb-xxl-3 {
    padding-bottom: 12px !important;
  }
  .pb-xxl-4 {
    padding-bottom: 16px !important;
  }
  .pb-xxl-5 {
    padding-bottom: 20px !important;
  }
  .pb-xxl-6 {
    padding-bottom: 24px !important;
  }
  .pb-xxl-7 {
    padding-bottom: 28px !important;
  }
  .pb-xxl-8 {
    padding-bottom: 32px !important;
  }
  .pb-xxl-9 {
    padding-bottom: 36px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 40px !important;
  }
  .pb-xxl-11 {
    padding-bottom: 44px !important;
  }
  .pb-xxl-12 {
    padding-bottom: 48px !important;
  }
  .pb-xxl-13 {
    padding-bottom: 52px !important;
  }
  .pb-xxl-14 {
    padding-bottom: 56px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 60px !important;
  }
  .pb-xxl-16 {
    padding-bottom: 64px !important;
  }
  .pl-xxl-0 {
    padding-left: 0px !important;
  }
  .pl-xxl-1 {
    padding-left: 4px !important;
  }
  .pl-xxl-2 {
    padding-left: 8px !important;
  }
  .pl-xxl-3 {
    padding-left: 12px !important;
  }
  .pl-xxl-4 {
    padding-left: 16px !important;
  }
  .pl-xxl-5 {
    padding-left: 20px !important;
  }
  .pl-xxl-6 {
    padding-left: 24px !important;
  }
  .pl-xxl-7 {
    padding-left: 28px !important;
  }
  .pl-xxl-8 {
    padding-left: 32px !important;
  }
  .pl-xxl-9 {
    padding-left: 36px !important;
  }
  .pl-xxl-10 {
    padding-left: 40px !important;
  }
  .pl-xxl-11 {
    padding-left: 44px !important;
  }
  .pl-xxl-12 {
    padding-left: 48px !important;
  }
  .pl-xxl-13 {
    padding-left: 52px !important;
  }
  .pl-xxl-14 {
    padding-left: 56px !important;
  }
  .pl-xxl-15 {
    padding-left: 60px !important;
  }
  .pl-xxl-16 {
    padding-left: 64px !important;
  }
  .ps-xxl-0 {
    padding-inline-start: 0px !important;
  }
  .ps-xxl-1 {
    padding-inline-start: 4px !important;
  }
  .ps-xxl-2 {
    padding-inline-start: 8px !important;
  }
  .ps-xxl-3 {
    padding-inline-start: 12px !important;
  }
  .ps-xxl-4 {
    padding-inline-start: 16px !important;
  }
  .ps-xxl-5 {
    padding-inline-start: 20px !important;
  }
  .ps-xxl-6 {
    padding-inline-start: 24px !important;
  }
  .ps-xxl-7 {
    padding-inline-start: 28px !important;
  }
  .ps-xxl-8 {
    padding-inline-start: 32px !important;
  }
  .ps-xxl-9 {
    padding-inline-start: 36px !important;
  }
  .ps-xxl-10 {
    padding-inline-start: 40px !important;
  }
  .ps-xxl-11 {
    padding-inline-start: 44px !important;
  }
  .ps-xxl-12 {
    padding-inline-start: 48px !important;
  }
  .ps-xxl-13 {
    padding-inline-start: 52px !important;
  }
  .ps-xxl-14 {
    padding-inline-start: 56px !important;
  }
  .ps-xxl-15 {
    padding-inline-start: 60px !important;
  }
  .ps-xxl-16 {
    padding-inline-start: 64px !important;
  }
  .pe-xxl-0 {
    padding-inline-end: 0px !important;
  }
  .pe-xxl-1 {
    padding-inline-end: 4px !important;
  }
  .pe-xxl-2 {
    padding-inline-end: 8px !important;
  }
  .pe-xxl-3 {
    padding-inline-end: 12px !important;
  }
  .pe-xxl-4 {
    padding-inline-end: 16px !important;
  }
  .pe-xxl-5 {
    padding-inline-end: 20px !important;
  }
  .pe-xxl-6 {
    padding-inline-end: 24px !important;
  }
  .pe-xxl-7 {
    padding-inline-end: 28px !important;
  }
  .pe-xxl-8 {
    padding-inline-end: 32px !important;
  }
  .pe-xxl-9 {
    padding-inline-end: 36px !important;
  }
  .pe-xxl-10 {
    padding-inline-end: 40px !important;
  }
  .pe-xxl-11 {
    padding-inline-end: 44px !important;
  }
  .pe-xxl-12 {
    padding-inline-end: 48px !important;
  }
  .pe-xxl-13 {
    padding-inline-end: 52px !important;
  }
  .pe-xxl-14 {
    padding-inline-end: 56px !important;
  }
  .pe-xxl-15 {
    padding-inline-end: 60px !important;
  }
  .pe-xxl-16 {
    padding-inline-end: 64px !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-justify {
    text-align: justify !important;
  }
  .text-xxl-start {
    text-align: start !important;
  }
  .text-xxl-end {
    text-align: end !important;
  }
  .text-xxl-h1 {
    font-size: 6rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.015625em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-h2 {
    font-size: 3.75rem !important;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.0083333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-h3 {
    font-size: 3rem !important;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-h4 {
    font-size: 2.125rem !important;
    font-weight: 400;
    line-height: 1.175;
    letter-spacing: 0.0073529412em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-h5 {
    font-size: 1.5rem !important;
    font-weight: 400;
    line-height: 1.333;
    letter-spacing: normal !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-h6 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-subtitle-1 {
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.009375em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-subtitle-2 {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.0071428571em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-body-1 {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.03125em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-body-2 {
    font-size: 0.875rem !important;
    font-weight: 400;
    line-height: 1.425;
    letter-spacing: 0.0178571429em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-button {
    font-size: 0.875rem !important;
    font-weight: 500;
    line-height: 2.6;
    letter-spacing: 0.0892857143em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .text-xxl-caption {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.0333333333em !important;
    font-family: "Roboto", sans-serif;
    text-transform: none !important;
  }
  .text-xxl-overline {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 2.667;
    letter-spacing: 0.1666666667em !important;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .h-xxl-screen {
    height: 100vh !important;
  }
  .h-xxl-0 {
    height: 0 !important;
  }
  .h-xxl-25 {
    height: 25% !important;
  }
  .h-xxl-50 {
    height: 50% !important;
  }
  .h-xxl-75 {
    height: 75% !important;
  }
  .h-xxl-100 {
    height: 100% !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .w-xxl-0 {
    width: 0 !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-33 {
    width: 33% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-66 {
    width: 66% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .float-print-none {
    float: none !important;
  }
  .float-print-left {
    float: left !important;
  }
  .float-print-right {
    float: right !important;
  }
  .v-locale--is-rtl .float-print-end {
    float: left !important;
  }
  .v-locale--is-rtl .float-print-start {
    float: right !important;
  }
  .v-locale--is-ltr .float-print-end {
    float: right !important;
  }
  .v-locale--is-ltr .float-print-start {
    float: left !important;
  }
}
.public-meeting[data-v-48da2050]{min-height:100dvh;color:var(--foxie-ink,#17211d);background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--foxie-accent,#12a477) 9%,transparent),transparent 31%),var(--foxie-surface,#f5f8f7);font-family:Inter,system-ui,sans-serif}.public-meeting__brand[data-v-48da2050]{height:68px;padding:0 max(18px,4vw);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--foxie-border,#dce5e1);background:color-mix(in srgb,var(--foxie-surface-raised,#fff) 92%,transparent);backdrop-filter:blur(16px)}.brand-mark[data-v-48da2050]{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--foxie-accent,#139d73);background:color-mix(in srgb,var(--foxie-accent,#139d73) 10%,transparent)}.public-meeting__brand small[data-v-48da2050],.public-meeting__brand strong[data-v-48da2050]{display:block}.public-meeting__brand small[data-v-48da2050]{color:var(--foxie-accent,#139d73);font-size:12px;font-weight:950;letter-spacing:.08em}.public-meeting__brand strong[data-v-48da2050]{font-size:13px}.public-meeting__center[data-v-48da2050]{min-height:calc(100dvh - 68px);display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.public-meeting__center p[data-v-48da2050]{max-width:440px;color:var(--foxie-muted,#6f7c77)}.public-meeting__center.error>i[data-v-48da2050]{color:#d75359}.meeting-prejoin[data-v-48da2050]{min-height:calc(100dvh - 68px);padding:clamp(18px,4vw,54px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:clamp(18px,4vw,54px);align-items:center;max-width:1280px;margin:auto}.meeting-prejoin__preview[data-v-48da2050]{aspect-ratio:16/9;position:relative;border:1px solid color-mix(in srgb,var(--foxie-border,#dbe4e0) 90%,transparent);border-radius:24px;overflow:hidden;background:#0a0e12;box-shadow:0 30px 80px rgba(9,35,27,.16)}.meeting-prejoin__preview video[data-v-48da2050]{width:100%;height:100%;display:none;object-fit:cover}.meeting-prejoin__preview video.active[data-v-48da2050]{display:block}.preview-empty[data-v-48da2050]{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:9px;color:#fff}.preview-empty>span[data-v-48da2050]{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#117c62,#3c6592);font-size:28px;font-weight:950}.preview-empty strong[data-v-48da2050]{font-size:20px}.preview-empty small[data-v-48da2050]{color:rgba(255,255,255,.62)}.meeting-prejoin__form[data-v-48da2050]{padding:28px;border:1px solid var(--foxie-border,#dbe4e0);border-radius:24px;background:var(--foxie-surface-raised,#fff);box-shadow:0 22px 70px rgba(8,45,32,.1)}.meeting-prejoin__form>small[data-v-48da2050]:first-child{color:var(--foxie-accent,#139d73);font-size:12px;font-weight:950;letter-spacing:.08em}.meeting-prejoin__form h1[data-v-48da2050]{margin:5px 0 5px;font-size:26px}.meeting-prejoin__form>p[data-v-48da2050]{margin:0 0 20px;color:var(--foxie-muted,#6e7b76);font-size:13px}.meeting-prejoin__form>label[data-v-48da2050]:not(.prejoin-check){margin-top:12px;display:grid;gap:5px}.meeting-prejoin__form label span[data-v-48da2050]{font-size:12px;font-weight:850}.meeting-prejoin__form label em[data-v-48da2050]{color:var(--foxie-muted,#71807a);font-size:12px;font-style:normal;font-weight:500}.meeting-prejoin__form input[data-v-48da2050]{height:43px;padding:0 12px;border:1px solid var(--foxie-border,#dbe4e0);border-radius:11px;outline:0;color:inherit;background:var(--foxie-surface-soft,#f6f8f7)}.prejoin-options[data-v-48da2050]{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.prejoin-options button[data-v-48da2050]{min-height:64px;padding:8px;border:1px solid var(--foxie-border,#dbe4e0);border-radius:12px;display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:center;text-align:left;color:var(--foxie-muted,#6e7b76);background:transparent}.prejoin-options button.active[data-v-48da2050]{color:var(--foxie-accent,#139d73);border-color:color-mix(in srgb,var(--foxie-accent,#139d73) 38%,var(--foxie-border,#dbe4e0));background:color-mix(in srgb,var(--foxie-accent,#139d73) 6%,transparent)}.prejoin-options strong[data-v-48da2050],.prejoin-options small[data-v-48da2050]{display:block}.prejoin-options strong[data-v-48da2050]{font-size:12px}.prejoin-options small[data-v-48da2050]{margin-top:2px;font-size:12px}.prejoin-check[data-v-48da2050]{margin:13px 0;display:flex;align-items:center;gap:7px}.prejoin-check input[data-v-48da2050]{width:16px;height:16px}.join-button[data-v-48da2050]{width:100%;height:46px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--foxie-accent,#129d72);font-weight:850}.join-button[data-v-48da2050]:disabled{opacity:.45}.privacy-note[data-v-48da2050]{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--foxie-muted,#71807a);font-size:12px!important}.meeting-room[data-v-48da2050]{height:100dvh;display:flex;flex-direction:column;background:#090c10}.meeting-room__head[data-v-48da2050]{height:64px;min-height:64px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;background:#11161c}.meeting-room__head small[data-v-48da2050],.meeting-room__head strong[data-v-48da2050],.meeting-room__head span[data-v-48da2050]{display:block}.meeting-room__head small[data-v-48da2050]{color:#54d2a8;font-size:12px;font-weight:950;letter-spacing:.08em}.meeting-room__head strong[data-v-48da2050]{font-size:13px}.meeting-room__head span[data-v-48da2050]{color:rgba(255,255,255,.6);font-size:12px}.meeting-room__head-actions[data-v-48da2050]{display:flex;align-items:center;gap:8px}.meeting-room__head-actions button[data-v-48da2050]{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.04)}.rec-badge[data-v-48da2050]{padding:4px 7px;border-radius:999px;color:#fff!important;background:#d8464b;font-size:12px!important;font-weight:950;animation:recPulse-48da2050 1.2s ease-in-out infinite}@keyframes recPulse-48da2050{50%{opacity:.5}}.meeting-room__body[data-v-48da2050]{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,22vw)}.meeting-stage[data-v-48da2050]{min-width:0;min-height:0;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(180px,1fr);gap:8px;overflow:auto;background:#080b0f}.meeting-peer[data-v-48da2050]{position:relative;min-height:180px;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 20%,#202833,#101317 68%);cursor:zoom-in}.meeting-peer.focused[data-v-48da2050]{grid-column:1/-1;grid-row:1/span 3;min-height:60vh;aspect-ratio:auto;cursor:zoom-out;box-shadow:0 0 0 2px rgba(58,205,159,.45)}.meeting-peer video[data-v-48da2050]{width:100%;height:100%;display:none;object-fit:cover;background:#07090c}.meeting-peer.screen video[data-v-48da2050]{object-fit:contain}.meeting-peer.has-video video[data-v-48da2050]{display:block}.peer-empty[data-v-48da2050]{position:absolute;inset:0;display:grid;place-items:center}.meeting-peer.has-video .peer-empty[data-v-48da2050]{display:none}.peer-empty span[data-v-48da2050]{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#23303b;font-size:20px;font-weight:950}.meeting-peer footer[data-v-48da2050]{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:10px;display:grid;grid-template-columns:1fr auto;color:#fff;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.meeting-peer footer strong[data-v-48da2050]{font-size:12px}.meeting-peer footer small[data-v-48da2050]{grid-column:1;color:rgba(255,255,255,.68);font-size:12px}.meeting-peer footer i[data-v-48da2050]{grid-column:2;grid-row:1/span 2}.meeting-side[data-v-48da2050]{min-width:0;min-height:0;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;color:#eaf0ed;background:#11161c}.meeting-side__tabs[data-v-48da2050]{height:44px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-bottom:1px solid rgba(255,255,255,.07)}.meeting-side__tabs button[data-v-48da2050]{border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;color:rgba(255,255,255,.55);background:transparent;font-size:12px}.meeting-side__tabs button.active[data-v-48da2050]{color:#55d1a9;background:rgba(85,209,169,.08)}.meeting-people[data-v-48da2050]{min-height:0;padding:7px;overflow:auto}.meeting-people article[data-v-48da2050]{min-height:48px;padding:5px;border-radius:10px;display:grid;grid-template-columns:32px 1fr;gap:7px;align-items:center}.meeting-people article[data-v-48da2050]:hover{background:rgba(255,255,255,.04)}.avatar[data-v-48da2050]{width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#242d35;font-size:12px;font-weight:900}.avatar img[data-v-48da2050]{width:100%;height:100%;object-fit:cover}.meeting-people strong[data-v-48da2050],.meeting-people small[data-v-48da2050]{display:block}.meeting-people strong[data-v-48da2050]{font-size:12px}.meeting-people strong em[data-v-48da2050]{margin-left:4px;color:#a990f4;font-size:12px;font-style:normal}.meeting-people small[data-v-48da2050]{margin-top:2px;color:rgba(255,255,255,.48);font-size:12px}.meeting-chat[data-v-48da2050]{min-height:0;flex:1;display:flex;flex-direction:column}.meeting-chat__messages[data-v-48da2050]{min-height:0;flex:1;padding:8px;overflow:auto;display:flex;flex-direction:column;gap:7px}.meeting-chat__messages>article[data-v-48da2050]{padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.045)}.meeting-chat__messages article header[data-v-48da2050]{display:flex;justify-content:space-between;gap:6px}.meeting-chat__messages article strong[data-v-48da2050]{font-size:12px}.meeting-chat__messages article time[data-v-48da2050]{color:rgba(255,255,255,.42);font-size:12px}.meeting-chat__messages article p[data-v-48da2050]{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.meeting-chat__messages article.sticker[data-v-48da2050]{background:transparent}.meeting-chat__messages .sticker[data-v-48da2050]{font-size:40px}.chat-empty[data-v-48da2050]{margin:auto;display:grid;place-items:center;gap:5px;text-align:center;color:rgba(255,255,255,.48)}.chat-empty strong[data-v-48da2050]{color:#fff;font-size:12px}.chat-empty small[data-v-48da2050]{font-size:12px}.meeting-chat__composer[data-v-48da2050]{min-height:48px;padding:5px;position:relative;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:32px 32px minmax(0,1fr) 34px;gap:3px;align-items:end}.meeting-chat__composer>button[data-v-48da2050]{width:32px;height:32px;border:0;border-radius:8px;display:grid;place-items:center;color:rgba(255,255,255,.6);background:transparent}.meeting-chat__composer>button.send[data-v-48da2050]{width:34px;color:#07100d;background:#55d1a9}.meeting-chat__composer textarea[data-v-48da2050]{width:100%;min-height:34px;max-height:90px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:9px;resize:none;outline:0;color:#fff;background:rgba(255,255,255,.05);font:inherit;font-size:12px}.chat-picker[data-v-48da2050]{width:210px;padding:7px;position:absolute;left:5px;bottom:48px;z-index:8;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:#182028;box-shadow:0 14px 34px rgba(0,0,0,.35)}.chat-picker.stickers[data-v-48da2050]{grid-template-columns:repeat(4,1fr)}.chat-picker button[data-v-48da2050]{height:30px;border:0;border-radius:7px;background:transparent;font-size:18px}.chat-picker.stickers button[data-v-48da2050]{height:42px;font-size:28px}.meeting-controls[data-v-48da2050]{height:64px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid rgba(255,255,255,.08);background:#11161c}.meeting-controls button[data-v-48da2050]{width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;place-items:center;color:rgba(255,255,255,.65);background:rgba(255,255,255,.04)}.meeting-controls button.active[data-v-48da2050]{color:#55d1a9;background:rgba(85,209,169,.1)}.meeting-controls button.listener[data-v-48da2050]{color:#78a9e7}.meeting-controls button[data-v-48da2050]:disabled{opacity:.35}.meeting-controls button.leave[data-v-48da2050]{color:#fff;border-color:#d94b50;background:#d94b50}.meeting-controls button.chat-control[data-v-48da2050]{display:none}
@media(max-width:800px){.meeting-prejoin[data-v-48da2050]{grid-template-columns:1fr;padding:14px}.meeting-prejoin__form[data-v-48da2050]{padding:20px}.meeting-room__body[data-v-48da2050]{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(160px,30%)}.meeting-side[data-v-48da2050]{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.meeting-stage[data-v-48da2050]{padding:5px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(120px,1fr);gap:5px}.meeting-peer[data-v-48da2050]{min-height:120px;border-radius:10px}.meeting-peer.focused[data-v-48da2050]{min-height:36vh}.meeting-controls[data-v-48da2050]{height:58px;min-height:58px}.meeting-controls button[data-v-48da2050]{width:39px;height:39px}.meeting-room__head[data-v-48da2050]{height:58px;min-height:58px;padding:0 9px}.meeting-room__head strong[data-v-48da2050]{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:480px){.public-meeting__brand[data-v-48da2050]{height:58px;padding:0 12px}.meeting-prejoin[data-v-48da2050]{min-height:calc(100dvh - 58px);padding:8px;gap:10px}.meeting-prejoin__preview[data-v-48da2050]{border-radius:16px}.meeting-prejoin__form[data-v-48da2050]{padding:16px;border-radius:16px}.meeting-prejoin__form h1[data-v-48da2050]{font-size:21px}.prejoin-options[data-v-48da2050]{grid-template-columns:1fr}.meeting-stage[data-v-48da2050]{grid-template-columns:1fr 1fr}.meeting-peer footer[data-v-48da2050]{left:4px;right:4px;bottom:4px}.meeting-side[data-v-48da2050]{min-height:155px}.meeting-controls[data-v-48da2050]{gap:4px}.meeting-controls button[data-v-48da2050]{width:37px;height:37px;border-radius:10px}}

.public-meeting .meeting-peer.local video.mirrored,.public-meeting .meeting-prejoin__preview video.active{transform:scaleX(-1)}
/* Internal chat message authority.
 * Human messages use the role visual configured in Team > Roles immediately.
 * Meeting summaries are standalone system cards and never inherit chat chrome.
 */

html body #app .internal-surface .message-row .message-shell .message-bubble[class*='role-message-style-']{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}

html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-glass{
  background:color-mix(in srgb,var(--role-message-from) 14%,rgba(255,255,255,.28))!important;
  border-color:color-mix(in srgb,var(--role-message-from) 34%,var(--foxie-border))!important;
  backdrop-filter:blur(var(--role-message-blur,12px)) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(var(--role-message-blur,12px)) saturate(1.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px rgba(10,34,26,.08)!important;
}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-gradient{
  background:linear-gradient(135deg,color-mix(in srgb,var(--role-message-from) 34%,var(--foxie-surface-raised)),color-mix(in srgb,var(--role-message-to) 34%,var(--foxie-surface-raised)))!important;
  border-color:color-mix(in srgb,var(--role-message-from) 43%,var(--foxie-border))!important;
}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-tint{
  background:color-mix(in srgb,var(--role-message-from) 18%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--role-message-from) 35%,var(--foxie-border))!important;
}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-outline{
  background:color-mix(in srgb,var(--foxie-surface-raised) 86%,transparent)!important;
  border:2px solid color-mix(in srgb,var(--role-message-from) 72%,var(--foxie-border))!important;
}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-neon{
  background:color-mix(in srgb,var(--role-message-from) 9%,var(--foxie-surface-raised))!important;
  border-color:var(--role-message-from)!important;
  box-shadow:0 0 6px color-mix(in srgb,var(--role-message-from) 72%,transparent),0 0 21px color-mix(in srgb,var(--role-message-from) 31%,transparent),inset 0 0 13px color-mix(in srgb,var(--role-message-from) 9%,transparent)!important;
}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-aurora{
  background:linear-gradient(125deg,color-mix(in srgb,var(--role-message-from) 22%,var(--foxie-surface-raised)),color-mix(in srgb,#4bd3ad 15%,var(--foxie-surface-raised)),color-mix(in srgb,#8e70ff 13%,var(--foxie-surface-raised)),color-mix(in srgb,var(--role-message-to) 22%,var(--foxie-surface-raised)))!important;
  background-size:180% 180%!important;
  border-color:color-mix(in srgb,var(--role-message-from) 38%,var(--foxie-border))!important;
  animation:foxieMessageAurora 7s ease-in-out infinite!important;
}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-style-default{
  background:color-mix(in srgb,var(--role-color) 9%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--role-color) 26%,var(--foxie-border))!important;
}

html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-shape-rounded{border-radius:17px 17px 5px 17px!important}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-shape-soft{border-radius:22px!important}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-shape-pill{border-radius:999px!important;padding-left:16px!important;padding-right:16px!important}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-shape-sharp{border-radius:3px!important}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-shape-ticket{border-radius:12px 3px 12px 3px!important;border-left-width:3px!important}
html body #app .internal-surface .message-row .message-shell .message-bubble.role-message-shape-comic{border-radius:18px 18px 18px 4px!important;transform:rotate(-.25deg)!important}

/* Call history: only the information card itself is visible. */
html body #app .internal-surface .message-row.foxie-call-summary-row,
html body #app .internal-surface .message-row.foxie-call-summary-row.foxie-system-event{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:12px 0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  color:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body #app .internal-surface .message-row.foxie-call-summary-row>.message-avatar,
html body #app .internal-surface .message-row.foxie-call-summary-row>.foxie-ai-avatar{display:none!important}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell,
html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell.foxie-call-summary-shell{
  width:min(560px,94%)!important;
  max-width:min(560px,94%)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell::before,
html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell::after{display:none!important;content:none!important}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-author,
html body #app .internal-surface .message-row.foxie-call-summary-row .private-ai-author,
html body #app .internal-surface .message-row.foxie-call-summary-row .private-ai-label,
html body #app .internal-surface .message-row.foxie-call-summary-row .message-actions{display:none!important}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell .message-bubble,
html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell .message-bubble.foxie-call-summary-bubble{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  overflow:visible!important;
  color:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-bubble>.foxie-message-fx{display:none!important}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-bubble::before,
html body #app .internal-surface .message-row.foxie-call-summary-row .message-bubble::after{display:none!important;content:none!important}

/* Conversation list: reserve real width for the contact/group name first.
 * The role badge is metadata beside it and the right-side meta column is fixed,
 * so even very short names can never collapse into an ellipsis. */
html body #app .internal-surface .thread-row{
  min-width:0!important;
  grid-template-columns:auto minmax(0,1fr) 40px!important;
  column-gap:8px!important;
}
html body #app .internal-surface .thread-row .thread-copy{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  justify-content:stretch!important;
  align-items:center!important;
  column-gap:5px!important;
  row-gap:2px!important;
  overflow:visible!important;
}
html body #app .internal-surface .thread-row .thread-copy>strong:first-child{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #app .internal-surface .thread-row .thread-copy>.foxie-runtime-role-badge{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  flex:0 0 auto!important;
  min-height:14px!important;
  max-width:70px!important;
  margin:0!important;
  padding:1px 4px!important;
  overflow:visible!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
}
html body #app .internal-surface .thread-row .thread-copy>.foxie-runtime-role-badge>strong{
  max-width:48px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:inherit!important;
}
html body #app .internal-surface .thread-row .thread-copy>small:last-child{
  min-width:0!important;
  width:100%!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #app .internal-surface .thread-row>.thread-meta{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  justify-self:end!important;
}
html body #app .internal-surface .thread-copy:has(>[data-canonical-role-badge='1'])>[data-role-runtime-badge='1']:not([data-canonical-role-badge='1']){display:none!important}

/* Member rail: the canonical persisted role/effects are always visible. */
html body #app .team-member-rail__copy{
  min-width:0!important;
  overflow:visible!important;
}
html body #app .team-member-rail__copy>.foxie-runtime-role-badge,
html body #app .team-member-rail__copy>.team-member-rail__role.foxie-runtime-role-badge,
html body #app .internal-surface .details .foxie-runtime-role-badge{
  width:max-content!important;
  max-width:132px!important;
  min-height:17px!important;
  margin:1px 0 0!important;
  padding:2px 5px!important;
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  border:1px var(--role-border-style,solid) color-mix(in srgb,var(--role-border,var(--role-color)) 68%,var(--foxie-border))!important;
  border-radius:999px!important;
  color:var(--role-color)!important;
  background:var(--role-bg)!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
}
html body #app .team-member-rail__copy>.foxie-runtime-role-badge>strong,
html body #app .internal-surface .details .foxie-runtime-role-badge>strong{max-width:92px!important;font-size:inherit!important}
html body #app .team-member-rail__copy>.foxie-runtime-role-badge>.foxie-role-fx,
html body #app .internal-surface .details .foxie-runtime-role-badge>.foxie-role-fx{border-radius:inherit!important}

@media(max-width:700px){
  html body #app .internal-surface .message-row.foxie-call-summary-row{padding:0 7px!important}
  html body #app .internal-surface .message-row.foxie-call-summary-row .message-shell{width:100%!important;max-width:100%!important}
  html body #app .internal-surface .thread-row{grid-template-columns:auto minmax(0,1fr) 36px!important}
  html body #app .internal-surface .thread-row>.thread-meta{width:36px!important;min-width:36px!important;max-width:36px!important}
  html body #app .internal-surface .thread-row .thread-copy>.foxie-runtime-role-badge{max-width:62px!important;font-size:12px!important}
}
/* FOXIE INTERNAL CHAT — sidebar/member rail scrollbar polish v4 */

html body #app .internal-surface.is-page .thread-pane,
html body #app .internal-surface.is-page .team-member-rail__body,
html body #app .internal-surface .new-conversation-box > div,
html body #app .internal-surface .group-members-list,
html body #app .internal-surface .add-member-list {
  scrollbar-width: thin !important;
  scrollbar-color: color-mix(in srgb, var(--foxie-accent) 62%, transparent) transparent !important;
}

html body #app .internal-surface.is-page .thread-pane {
  scrollbar-gutter: auto !important;
}

html body #app .internal-surface.is-page .thread-pane::-webkit-scrollbar,
html body #app .internal-surface.is-page .team-member-rail__body::-webkit-scrollbar,
html body #app .internal-surface .new-conversation-box > div::-webkit-scrollbar,
html body #app .internal-surface .group-members-list::-webkit-scrollbar,
html body #app .internal-surface .add-member-list::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

html body #app .internal-surface.is-page .thread-pane::-webkit-scrollbar-track,
html body #app .internal-surface.is-page .team-member-rail__body::-webkit-scrollbar-track,
html body #app .internal-surface .new-conversation-box > div::-webkit-scrollbar-track,
html body #app .internal-surface .group-members-list::-webkit-scrollbar-track,
html body #app .internal-surface .add-member-list::-webkit-scrollbar-track {
  margin-block: 5px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #app .internal-surface.is-page .thread-pane::-webkit-scrollbar-thumb,
html body #app .internal-surface.is-page .team-member-rail__body::-webkit-scrollbar-thumb,
html body #app .internal-surface .new-conversation-box > div::-webkit-scrollbar-thumb,
html body #app .internal-surface .group-members-list::-webkit-scrollbar-thumb,
html body #app .internal-surface .add-member-list::-webkit-scrollbar-thumb {
  min-height: 44px !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--foxie-accent) 54%, var(--foxie-muted) 12%, transparent) !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}

html body #app .internal-surface.is-page .thread-pane:hover::-webkit-scrollbar-thumb,
html body #app .internal-surface.is-page .team-member-rail__body:hover::-webkit-scrollbar-thumb,
html body #app .internal-surface .new-conversation-box > div:hover::-webkit-scrollbar-thumb,
html body #app .internal-surface .group-members-list:hover::-webkit-scrollbar-thumb,
html body #app .internal-surface .add-member-list:hover::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--foxie-accent) 76%, var(--foxie-muted) 9%, transparent) !important;
  background-clip: padding-box !important;
}

html body #app .internal-surface.is-page .thread-pane::-webkit-scrollbar-corner,
html body #app .internal-surface.is-page .team-member-rail__body::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* Never reserve a blank right column while the DOM rail is still mounting. */
html body #app .internal-surface.is-page.team-workspace-v1.team-member-rail-pending-v4 {
  grid-template-columns: var(--team-left-rail, 304px) minmax(0, 1fr) !important;
}
/* Dedicated stock product media gallery.
   The depth/rotation language deliberately follows the 3D plan carousel. */
.stock-media-panel{
  --spm-surface:rgb(var(--v-theme-surface));
  --spm-bg:rgb(var(--v-theme-background));
  --spm-text:rgb(var(--v-theme-on-surface));
  --spm-muted:color-mix(in srgb,var(--spm-text) 54%,transparent);
  --spm-border:color-mix(in srgb,var(--spm-text) 11%,transparent);
  --spm-primary:rgb(var(--v-theme-primary));
  position:relative;
  padding:14px;
  border:1px solid var(--spm-border);
  border-radius:14px;
  background:var(--spm-surface);
  color:var(--spm-text);
  box-shadow:0 8px 28px rgba(15,23,42,.045);
  overflow:visible;
}
.stock-media-panel *{box-sizing:border-box}
.stock-media-panel button,.stock-media-panel label{font:inherit}
.stock-media-panel button{cursor:pointer}
.stock-media-panel button:disabled{opacity:.42;cursor:not-allowed}
.stock-media-panel.is-dragging{border-color:color-mix(in srgb,var(--spm-primary) 55%,var(--spm-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--spm-primary) 8%,transparent),0 14px 34px rgba(15,23,42,.08)}
.spm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.spm-head-copy{display:grid;gap:2px;min-width:0}
.spm-kicker{display:flex;align-items:center;gap:5px;color:var(--spm-primary);font-size:12px;font-weight:900;letter-spacing:.085em;text-transform:uppercase}
.spm-head strong{font-size:12px;letter-spacing:-.01em}
.spm-head small{max-width:255px;color:var(--spm-muted);font-size:12px;line-height:1.42}
.spm-count{display:grid;min-width:38px;height:25px;place-items:center;border:1px solid var(--spm-border);border-radius:8px;background:color-mix(in srgb,var(--spm-text) 2%,var(--spm-surface));color:var(--spm-muted);font-size:12px;font-weight:850}
.spm-stage{position:relative;height:254px;margin:12px 0 5px;overflow:hidden;border:1px solid color-mix(in srgb,var(--spm-border) 78%,transparent);border-radius:13px;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--spm-primary) 8%,transparent),transparent 37%),linear-gradient(180deg,color-mix(in srgb,var(--spm-text) 1.7%,var(--spm-surface)),color-mix(in srgb,var(--spm-bg) 55%,var(--spm-surface)));perspective:1350px;perspective-origin:50% 48%}
.spm-stage:before{content:'';position:absolute;left:15%;right:15%;bottom:19px;height:24px;border-radius:50%;background:rgba(15,23,42,.11);filter:blur(16px);opacity:.55;pointer-events:none}
.spm-carousel{position:absolute;inset:0;transform-style:preserve-3d}
.spm-card{position:absolute;left:50%;top:50%;width:178px;height:210px;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--spm-text) 13%,transparent);border-radius:17px;background:var(--spm-surface);box-shadow:0 16px 36px rgba(15,23,42,.12);transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity,filter;transition:transform .5s cubic-bezier(.2,.78,.2,1),opacity .34s,filter .34s,box-shadow .34s;border-color .34s;padding:0}
.spm-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 28%,transparent 72%,rgba(255,255,255,.08));mix-blend-mode:screen}
.spm-card img{display:block;width:100%;height:100%;object-fit:cover;background:color-mix(in srgb,var(--spm-text) 4%,var(--spm-surface))}
.spm-card.is-center{z-index:12;opacity:1;filter:none;transform:translate(-50%,-50%) translate3d(0,0,78px) rotateY(0deg) scale(1);border-color:color-mix(in srgb,var(--spm-primary) 24%,var(--spm-border));box-shadow:0 24px 48px rgba(15,23,42,.18),0 0 0 1px color-mix(in srgb,var(--spm-primary) 7%,transparent)}
.spm-card.is-left{z-index:8;opacity:.68;filter:saturate(.88) brightness(.95);transform:translate(-50%,-50%) translate3d(-116px,9px,-92px) rotateY(23deg) scale(.79)}
.spm-card.is-right{z-index:8;opacity:.68;filter:saturate(.88) brightness(.95);transform:translate(-50%,-50%) translate3d(116px,9px,-92px) rotateY(-23deg) scale(.79)}
.spm-card.is-hidden-left{z-index:2;opacity:0;filter:saturate(.72) brightness(.88);pointer-events:none;transform:translate(-50%,-50%) translate3d(-195px,22px,-195px) rotateY(38deg) scale(.66)}
.spm-card.is-hidden-right{z-index:2;opacity:0;filter:saturate(.72) brightness(.88);pointer-events:none;transform:translate(-50%,-50%) translate3d(195px,22px,-195px) rotateY(-38deg) scale(.66)}
.spm-cover-badge{position:absolute;left:9px;top:9px;z-index:4;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:rgba(8,33,25,.82);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(10px)}
.spm-pending-badge{position:absolute;right:9px;top:9px;z-index:4;padding:5px 7px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:12px;font-weight:850;backdrop-filter:blur(10px)}
.spm-nav{position:absolute;top:50%;z-index:24;display:grid;width:32px;height:32px;place-items:center;transform:translateY(-50%);border:1px solid var(--spm-border);border-radius:10px;background:color-mix(in srgb,var(--spm-surface) 91%,transparent);color:var(--spm-text);box-shadow:0 10px 24px rgba(15,23,42,.12);backdrop-filter:blur(12px);transition:.16s}
.spm-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.06);border-color:color-mix(in srgb,var(--spm-primary) 35%,var(--spm-border));color:var(--spm-primary)}
.spm-nav.prev{left:8px}.spm-nav.next{right:8px}
.spm-dots{display:flex;justify-content:center;align-items:center;gap:5px;min-height:18px}
.spm-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--spm-muted) 32%,transparent);transition:width .2s,background .2s}
.spm-dots button.active{width:22px;background:var(--spm-primary)}
.spm-active-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:3px;padding:8px 9px;border:1px solid var(--spm-border);border-radius:9px;background:color-mix(in srgb,var(--spm-text) 1.7%,var(--spm-surface))}
.spm-active-meta>div{display:grid;min-width:0;gap:2px}
.spm-active-meta strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.spm-active-meta small{color:var(--spm-muted);font-size:12px}
.spm-active-meta em{padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--spm-primary) 10%,transparent);color:var(--spm-primary);font-size:12px;font-style:normal;font-weight:900}
.spm-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-top:8px}
.spm-upload,.spm-actions button{display:flex;height:35px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid var(--spm-border);border-radius:8px;background:var(--spm-surface);color:var(--spm-text);font-size:12px;font-weight:820;white-space:nowrap}
.spm-upload{border-color:var(--spm-primary);background:var(--spm-primary);color:#fff;cursor:pointer}
.spm-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.spm-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--spm-text) 3%,var(--spm-surface))}
.spm-actions .danger{color:#cf4051}
.spm-retry{grid-column:1/-1!important;border-color:color-mix(in srgb,#d97706 30%,var(--spm-border))!important;color:#b66308!important;background:color-mix(in srgb,#d97706 6%,var(--spm-surface))!important}
.spm-note{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--spm-muted);font-size:12px;line-height:1.35}
.spm-note .mdi{color:var(--spm-primary)}
.spm-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:7px;padding:22px;text-align:center}
.spm-empty-icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid color-mix(in srgb,var(--spm-primary) 16%,var(--spm-border));border-radius:15px;background:color-mix(in srgb,var(--spm-primary) 8%,var(--spm-surface));color:var(--spm-primary);font-size:24px}
.spm-empty strong{font-size:12px}.spm-empty span{max-width:220px;color:var(--spm-muted);font-size:12px;line-height:1.45}
.spm-empty label{display:flex;height:34px;align-items:center;gap:6px;margin-top:3px;padding:0 11px;border-radius:8px;background:var(--spm-primary);color:#fff;font-size:12px;font-weight:850;cursor:pointer}
.spm-empty input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.spm-error{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px;border:1px solid color-mix(in srgb,#dc2626 24%,var(--spm-border));border-radius:9px;background:color-mix(in srgb,#dc2626 5%,var(--spm-surface));color:#ba3544;font-size:12px;line-height:1.4}
.spm-busy{position:absolute;z-index:50;inset:0;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--spm-surface) 78%,transparent);backdrop-filter:blur(3px)}
.spm-busy span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--spm-border);border-radius:9px;background:var(--spm-surface);font-size:12px;font-weight:850;box-shadow:0 10px 28px rgba(15,23,42,.1)}
.spm-busy .mdi{animation:spmSpin .8s linear infinite}
@keyframes spmSpin{to{transform:rotate(360deg)}}
html[data-foxie-theme='dark'] .spm-card:after{opacity:.45}
html[data-foxie-theme='dark'] .spm-stage:before{background:rgba(0,0,0,.32)}
@media(max-width:1180px){.spm-stage{height:244px}.spm-card{width:170px;height:200px}.spm-card.is-left{transform:translate(-50%,-50%) translate3d(-105px,8px,-92px) rotateY(22deg) scale(.78)}.spm-card.is-right{transform:translate(-50%,-50%) translate3d(105px,8px,-92px) rotateY(-22deg) scale(.78)}}
@media(max-width:760px){.stock-media-panel{padding:12px}.spm-stage{height:250px;perspective:1200px}.spm-card{width:176px;height:208px}.spm-card.is-left{transform:translate(-50%,-50%) translate3d(-112px,9px,-105px) rotateY(22deg) scale(.74)}.spm-card.is-right{transform:translate(-50%,-50%) translate3d(112px,9px,-105px) rotateY(-22deg) scale(.74)}.spm-actions{grid-template-columns:1fr 1fr}.spm-upload{grid-column:1/-1}.spm-actions button{min-width:0}.spm-head small{max-width:none}}
@media(max-width:430px){.spm-stage{height:230px}.spm-card{width:158px;height:190px}.spm-card.is-left{transform:translate(-50%,-50%) translate3d(-94px,8px,-108px) rotateY(21deg) scale(.7)}.spm-card.is-right{transform:translate(-50%,-50%) translate3d(94px,8px,-108px) rotateY(-21deg) scale(.7)}.spm-nav{width:29px;height:29px}.spm-nav.prev{left:5px}.spm-nav.next{right:5px}}
@media(prefers-reduced-motion:reduce){.spm-card,.spm-nav,.spm-dots button{transition:none}.spm-busy .mdi{animation:none}}
/* Foxie stock module experience v1
   Keeps the stock core useful while Commerce-only surfaces stay contextual. */

.spx-product-shell-hidden{display:none!important}
.spx-context-hidden{display:none!important}

.spx-profile-hub{--spx-surface:rgb(var(--v-theme-surface));--spx-bg:rgb(var(--v-theme-background));--spx-text:rgb(var(--v-theme-on-surface));--spx-muted:color-mix(in srgb,var(--spx-text) 56%,transparent);--spx-border:color-mix(in srgb,var(--spx-text) 10%,transparent);--spx-soft:color-mix(in srgb,var(--spx-text) 3%,var(--spx-surface));--spx-primary:rgb(var(--v-theme-primary));min-height:calc(100vh - 112px);padding:24px 0 72px;color:var(--spx-text)}
.spx-profile-hub__shell{width:min(1260px,calc(100% - 48px));margin:0 auto}
.spx-profile-hub__crumb{display:flex;align-items:center;gap:6px;margin-bottom:34px;color:var(--spx-muted);font-size:12px;font-weight:650}
.spx-profile-hub__crumb button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.spx-profile-hub__crumb button:hover{color:var(--spx-text)}
.spx-profile-hub__crumb i{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--spx-text) 22%,transparent)}
.spx-profile-hub__head{max-width:820px}
.spx-profile-hub__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--spx-primary);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.spx-profile-hub__eyebrow:before{content:"";width:16px;height:1px;background:currentColor}
.spx-profile-hub h1{max-width:760px;margin:0;font-size:38px;line-height:1.02;letter-spacing:-.05em}
.spx-profile-hub__head p{max-width:720px;margin:12px 0 0;color:var(--spx-muted);font-size:12px;line-height:1.65}
.spx-profile-hub__filters{display:flex;gap:6px;flex-wrap:wrap;margin:27px 0 14px}
.spx-profile-filter{height:31px;padding:0 10px;border:1px solid var(--spx-border);border-radius:999px;background:var(--spx-surface);color:var(--spx-muted);font-size:12px;font-weight:760;cursor:pointer;transition:.15s ease}
.spx-profile-filter:hover{border-color:color-mix(in srgb,var(--spx-primary) 24%,var(--spx-border));color:var(--spx-text)}
.spx-profile-filter.is-active{border-color:color-mix(in srgb,var(--spx-primary) 32%,var(--spx-border));background:color-mix(in srgb,var(--spx-primary) 7%,var(--spx-surface));color:var(--spx-primary)}
.spx-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.spx-profile-card{position:relative;display:flex;min-height:190px;align-items:stretch;flex-direction:column;padding:17px;border:1px solid var(--spx-border);border-radius:14px;background:var(--spx-surface);color:var(--spx-text);text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.025);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.spx-profile-card:hover{border-color:color-mix(in srgb,var(--spx-primary) 32%,var(--spx-border));transform:translateY(-2px);box-shadow:0 13px 30px rgba(15,23,42,.06)}
.spx-profile-card[hidden]{display:none}
.spx-profile-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.spx-profile-card__mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--spx-primary) 8%,var(--spx-surface));color:var(--spx-primary);font-size:12px;font-weight:900;letter-spacing:.04em}
.spx-profile-card__unit{display:inline-flex;min-height:23px;align-items:center;padding:0 7px;border:1px solid var(--spx-border);border-radius:7px;color:var(--spx-muted);font-size:12px;font-weight:850;text-transform:uppercase}
.spx-profile-card__group{display:block;margin-top:18px;color:var(--spx-muted);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.spx-profile-card strong{display:block;margin-top:4px;font-size:14px;letter-spacing:-.02em}
.spx-profile-card p{margin:7px 0 0;color:var(--spx-muted);font-size:12px;line-height:1.52}
.spx-profile-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px;color:var(--spx-muted);font-size:12px}
.spx-profile-card footer span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spx-profile-card footer span:last-child{display:flex;align-items:center;gap:5px;color:var(--spx-text);font-weight:800}
.spx-profile-card footer span:last-child:after{content:"›";color:var(--spx-primary);font-size:15px;line-height:1}
.spx-profile-hub__note{display:flex;align-items:flex-start;gap:9px;margin-top:15px;padding:11px 13px;border:1px dashed var(--spx-border);border-radius:10px;color:var(--spx-muted);font-size:12px;line-height:1.55}
.spx-profile-hub__note b{color:var(--spx-text)}

.spx-profile-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.spx-profile-context__pill{display:inline-flex;min-height:26px;align-items:center;gap:6px;padding:0 8px;border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 20%,transparent);border-radius:8px;background:color-mix(in srgb,rgb(var(--v-theme-primary)) 6%,transparent);color:rgb(var(--v-theme-primary));font-size:12px;font-weight:800}
.spx-profile-context__pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.spx-profile-context button{height:26px;padding:0 7px;border:0;background:transparent;color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 50%,transparent);font-size:12px;font-weight:720;cursor:pointer}
.spx-profile-context button:hover{color:rgb(var(--v-theme-on-surface))}

.spx-commerce-notice{--spx-text:rgb(var(--v-theme-on-surface));--spx-muted:color-mix(in srgb,var(--spx-text) 55%,transparent);--spx-border:color-mix(in srgb,var(--spx-text) 10%,transparent);--spx-primary:rgb(var(--v-theme-primary));display:flex;align-items:center;justify-content:space-between;gap:18px;margin:13px 0 16px;padding:10px 12px;border:1px solid var(--spx-border);border-radius:10px;background:color-mix(in srgb,var(--spx-primary) 2.8%,rgb(var(--v-theme-surface)));color:var(--spx-text)}
.spx-commerce-notice__copy{display:flex;min-width:0;align-items:center;gap:10px}
.spx-commerce-notice__mark{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--spx-primary) 9%,transparent);color:var(--spx-primary);font-size:12px;font-weight:950}
.spx-commerce-notice__text{display:flex;min-width:0;flex-direction:column}
.spx-commerce-notice__text strong{font-size:12px}
.spx-commerce-notice__text span{margin-top:2px;color:var(--spx-muted);font-size:12px;line-height:1.45}
.spx-commerce-badge{display:inline-flex;min-height:24px;flex:0 0 auto;align-items:center;gap:5px;padding:0 8px;border:1px solid color-mix(in srgb,var(--spx-primary) 20%,var(--spx-border));border-radius:7px;color:var(--spx-primary);font-size:12px;font-weight:850;white-space:nowrap}
.spx-commerce-badge:before{content:"◇";font-size:12px}

.spx-commerce-locked-card{position:relative;overflow:hidden}
.spx-commerce-locked-card>*:not(.spx-card-lock){opacity:.18;filter:blur(2px);pointer-events:none;user-select:none}
.spx-card-lock{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;padding:8px!important;border:0!important;background:color-mix(in srgb,rgb(var(--v-theme-surface)) 88%,transparent)!important;backdrop-filter:blur(2px);text-align:center!important}
.spx-card-lock strong{font-size:12px!important;letter-spacing:0!important}
.spx-card-lock small{margin:0!important;color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 53%,transparent)!important;font-size:12px!important}

.spx-commerce-locked-field{position:relative;opacity:.72}
.spx-commerce-locked-field input,.spx-commerce-locked-field select,.spx-commerce-locked-field textarea{padding-right:76px!important;background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 2.5%,rgb(var(--v-theme-surface)))!important;cursor:not-allowed!important}
.spx-field-lock{position:absolute;right:7px;bottom:9px;z-index:2;display:inline-flex;height:21px;align-items:center;padding:0 6px;border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 20%,transparent);border-radius:6px;background:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-primary));font-size:12px;font-weight:850;pointer-events:none}

.spx-commerce-locked-switch{position:relative;opacity:.68;cursor:not-allowed!important}
.spx-commerce-locked-switch .v-input{pointer-events:none!important}
.spx-commerce-locked-switch:after{content:"Commerce";position:absolute;right:48px;top:50%;transform:translateY(-50%);display:inline-flex;height:20px;align-items:center;padding:0 6px;border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 19%,transparent);border-radius:6px;background:rgb(var(--v-theme-surface));color:rgb(var(--v-theme-primary));font-size:12px;font-weight:850}

.spx-commerce-surface{position:relative;overflow:hidden}
.spx-commerce-surface>*:not(.spx-commerce-surface-overlay){opacity:.18;filter:blur(2px);pointer-events:none;user-select:none}
.spx-commerce-surface-overlay{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:12px;border:0;background:color-mix(in srgb,rgb(var(--v-theme-surface)) 88%,transparent);color:rgb(var(--v-theme-on-surface));text-align:center;cursor:default}
.spx-commerce-surface-overlay strong{font-size:12px}
.spx-commerce-surface-overlay span{max-width:360px;color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 52%,transparent);font-size:12px;line-height:1.45}

.spx-commerce-row-lock{position:relative;opacity:.7}
.spx-commerce-row-lock dd,.spx-commerce-row-lock>strong{visibility:hidden}
.spx-commerce-row-lock:after{content:"Commerce";margin-left:auto;color:rgb(var(--v-theme-primary));font-size:12px;font-weight:850;visibility:visible}
.spx-commerce-target-hidden{display:none!important}

.spx-commerce-cell{position:relative!important;justify-content:center!important;overflow:hidden!important}
.spx-commerce-cell>*:not(.spx-cell-lock){visibility:hidden!important}
.spx-cell-lock{display:inline-flex!important;min-height:22px;align-items:center!important;gap:4px!important;padding:0 6px!important;border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 16%,transparent)!important;border-radius:6px!important;background:color-mix(in srgb,rgb(var(--v-theme-primary)) 4%,rgb(var(--v-theme-surface)))!important;color:rgb(var(--v-theme-primary))!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}
.spx-cell-lock:before{content:"◇";font-size:12px}
.spx-commerce-head{color:rgb(var(--v-theme-primary))!important}
.spx-commerce-head:after{content:" · Commerce";font-size:12px;letter-spacing:0;text-transform:none}

.card-numbers span.spx-commerce-cell,.product-card footer>span.spx-commerce-cell{min-height:36px}
.product-card footer>span.spx-commerce-cell{min-width:72px}

.spx-commerce-disabled-option{color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 38%,transparent)!important}

@media(max-width:1120px){.spx-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.spx-profile-hub__shell{width:calc(100% - 28px)}.spx-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spx-profile-hub h1{font-size:33px}.spx-commerce-notice{align-items:flex-start;flex-direction:column}.spx-commerce-badge{align-self:flex-start}}
@media(max-width:560px){.spx-profile-hub{padding-top:16px}.spx-profile-hub__shell{width:calc(100% - 18px)}.spx-profile-hub__crumb{margin-bottom:25px}.spx-profile-hub h1{font-size:29px}.spx-profile-grid{grid-template-columns:1fr}.spx-profile-card{min-height:166px}.spx-profile-filter{font-size:12px}.spx-commerce-notice__text span{font-size:12px}.spx-profile-hub button,.spx-profile-hub input,.spx-profile-hub select{font-size:16px}}

@media(prefers-reduced-motion:reduce){.spx-profile-card,.spx-profile-filter{transition:none!important}}
/* Minimal product niche selector.
   The hub is intentionally visual: icon + category name only. */

.spx-profile-hub--minimal .spx-profile-hub__filters,
.spx-profile-hub--minimal .spx-profile-hub__note{display:none!important}

.spx-profile-hub--minimal .spx-profile-grid{
  margin-top:32px;
  gap:16px;
}

.spx-profile-hub--minimal .spx-profile-card{
  --spx-card-accent:rgb(var(--v-theme-primary));
  min-height:188px;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:28px 20px;
  border-radius:16px;
  text-align:center;
  box-shadow:0 1px 2px rgba(15,23,42,.02);
}

.spx-profile-hub--minimal .spx-profile-card:hover{
  border-color:color-mix(in srgb,var(--spx-card-accent) 28%,var(--spx-border));
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(15,23,42,.055);
}

.spx-profile-hub--minimal .spx-profile-card__icon{
  display:grid;
  width:66px;
  height:66px;
  place-items:center;
  border-radius:18px;
  background:color-mix(in srgb,var(--spx-card-accent) 10%,var(--spx-surface));
  color:var(--spx-card-accent);
}

.spx-profile-hub--minimal .spx-profile-card__icon .mdi{
  font-size:31px;
  line-height:1;
}

.spx-profile-hub--minimal .spx-profile-card>strong{
  display:block;
  max-width:100%;
  margin:0;
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.025em;
  text-align:center;
}

.spx-profile-hub--minimal .spx-profile-card[data-profile-key="stationery"]{--spx-card-accent:#ef476f}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="fashion"]{--spx-card-accent:#d94678}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="packaged-food"]{--spx-card-accent:#16a34a}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="print-custom"]{--spx-card-accent:#5b21b6}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="electronics"]{--spx-card-accent:#2563eb}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="bulk-weight"]{--spx-card-accent:#ca8a04}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="linear-material"]{--spx-card-accent:#0d9488}
.spx-profile-hub--minimal .spx-profile-card[data-profile-key="custom"]{--spx-card-accent:#64748b}

@media(max-width:1120px){
  .spx-profile-hub--minimal .spx-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:820px){
  .spx-profile-hub--minimal .spx-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .spx-profile-hub--minimal .spx-profile-card{min-height:166px;padding:24px 16px}
}

@media(max-width:560px){
  .spx-profile-hub--minimal .spx-profile-grid{grid-template-columns:1fr;margin-top:24px}
  .spx-profile-hub--minimal .spx-profile-card{min-height:142px;gap:14px}
  .spx-profile-hub--minimal .spx-profile-card__icon{width:58px;height:58px;border-radius:16px}
  .spx-profile-hub--minimal .spx-profile-card__icon .mdi{font-size:28px}
  .spx-profile-hub--minimal .spx-profile-card>strong{font-size:16px}
}
/* Commerce upsell v2
   Keep Core catalog/pricing natural while making optional commercial capabilities
   feel like an upgrade, not a wall of tiny lock tags. */

.spx-commerce-notice--upgrade{
  position:relative;
  overflow:hidden;
  min-height:72px;
  padding:14px 15px;
  border-color:color-mix(in srgb,rgb(var(--v-theme-primary)) 18%,rgba(var(--v-border-color),var(--v-border-opacity)));
  background:linear-gradient(120deg,color-mix(in srgb,rgb(var(--v-theme-primary)) 7%,rgb(var(--v-theme-surface))) 0%,rgb(var(--v-theme-surface)) 56%,color-mix(in srgb,rgb(var(--v-theme-primary)) 3%,rgb(var(--v-theme-surface))) 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
.spx-commerce-notice--upgrade:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-62px;
  top:-94px;
  border-radius:50%;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 7%,transparent);
  pointer-events:none;
}
.spx-commerce-notice--upgrade .spx-commerce-notice__copy{position:relative;z-index:1;gap:12px}
.spx-commerce-notice--upgrade .spx-commerce-notice__mark{
  width:38px;
  height:38px;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 16%,transparent);
  border-radius:11px;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 10%,rgb(var(--v-theme-surface)));
  font-size:17px;
}
.spx-commerce-notice--upgrade .spx-commerce-notice__text strong{font-size:12px;letter-spacing:-.015em}
.spx-commerce-notice--upgrade .spx-commerce-notice__text span{max-width:820px;margin-top:3px;font-size:12px;line-height:1.48}
.spx-commerce-upgrade-button{
  position:relative;
  z-index:1;
  display:inline-flex;
  height:34px;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 26%,transparent);
  border-radius:9px;
  background:rgb(var(--v-theme-primary));
  color:rgb(var(--v-theme-on-primary));
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 8px 20px color-mix(in srgb,rgb(var(--v-theme-primary)) 16%,transparent);
  transition:transform .15s ease,box-shadow .15s ease;
}
.spx-commerce-upgrade-button:hover{transform:translateY(-1px);box-shadow:0 11px 24px color-mix(in srgb,rgb(var(--v-theme-primary)) 21%,transparent)}
.spx-commerce-upgrade-button .mdi{font-size:14px}

/* Pricing is Core knowledge. The legacy gate class is intentionally preserved
   so the older runtime does not re-lock these fields on every DOM mutation. */
.spx-commerce-locked-field[data-spx-core-price="1"]{opacity:1!important}
.spx-commerce-locked-field[data-spx-core-price="1"] input,
.spx-commerce-locked-field[data-spx-core-price="1"] select,
.spx-commerce-locked-field[data-spx-core-price="1"] textarea{
  padding-right:10px!important;
  background:rgb(var(--v-theme-surface))!important;
  cursor:text!important;
}
.spx-commerce-locked-field[data-spx-core-price="1"] .spx-field-lock{display:none!important}

.spx-commerce-locked-card[data-spx-core-price="1"]>*{opacity:1!important;filter:none!important;pointer-events:auto!important;user-select:auto!important}
.spx-commerce-locked-card[data-spx-core-price="1"] .spx-card-lock{display:none!important}

.spx-commerce-cell[data-spx-core-price="1"]{justify-content:initial!important;overflow:visible!important}
.spx-commerce-cell[data-spx-core-price="1"]>*{visibility:visible!important}
.spx-commerce-cell[data-spx-core-price="1"] .spx-cell-lock{display:none!important}

.spx-commerce-row-lock[data-spx-core-price="1"] dd,
.spx-commerce-row-lock[data-spx-core-price="1"]>strong{visibility:visible!important}
.spx-commerce-row-lock[data-spx-core-price="1"]:after{content:none!important;display:none!important}
.spx-commerce-head[data-spx-core-price="1"]{color:inherit!important}
.spx-commerce-head[data-spx-core-price="1"]:after{content:none!important}

/* No more Commerce tags glued to inputs/switches/headers. */
.spx-field-lock{display:none!important}
.spx-commerce-locked-switch:after{content:none!important;display:none!important}
.spx-commerce-head:after{content:none!important}
.spx-commerce-row-lock:after{content:none!important;display:none!important}

.spx-commerce-locked-switch{
  opacity:1!important;
  border-color:color-mix(in srgb,rgb(var(--v-theme-primary)) 13%,rgba(var(--v-border-color),var(--v-border-opacity)))!important;
  background:linear-gradient(135deg,color-mix(in srgb,rgb(var(--v-theme-primary)) 3.5%,rgb(var(--v-theme-surface))),rgb(var(--v-theme-surface)))!important;
}
.spx-commerce-locked-switch strong{display:flex!important;align-items:center;gap:5px}
.spx-commerce-locked-switch small{max-width:94%;color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 52%,transparent)!important}
.spx-switch-lock-icon{color:rgb(var(--v-theme-primary));font-size:12px;opacity:.8}
.spx-commerce-locked-switch .v-switch{opacity:.68}

/* Locked table cells use a single quiet icon; the contextual upsell above
   explains the module once instead of repeating tags on every row. */
.spx-cell-lock{
  display:grid!important;
  width:25px!important;
  min-height:25px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 15%,rgba(var(--v-border-color),var(--v-border-opacity)))!important;
  border-radius:8px!important;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 5%,rgb(var(--v-theme-surface)))!important;
  color:rgb(var(--v-theme-primary))!important;
  font-size:12px!important;
}
.spx-cell-lock:before{content:none!important}
.spx-row-unlock{
  display:grid;
  width:24px;
  height:24px;
  margin-left:auto;
  place-items:center;
  border-radius:7px;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 6%,rgb(var(--v-theme-surface)));
  color:rgb(var(--v-theme-primary));
  font-size:12px;
}

/* KPI / summary cards: aspirational feature preview instead of tiny labels. */
.spx-commerce-locked-card>*:not(.spx-card-lock){opacity:.1!important;filter:blur(2.5px)!important}
.spx-card-lock{
  inset:0!important;
  gap:4px!important;
  padding:9px!important;
  background:linear-gradient(135deg,color-mix(in srgb,rgb(var(--v-theme-primary)) 6%,rgb(var(--v-theme-surface))) 0%,color-mix(in srgb,rgb(var(--v-theme-surface)) 94%,transparent) 100%)!important;
  backdrop-filter:blur(3px)!important;
}
.spx-card-unlock-icon{
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  margin-bottom:1px;
  border-radius:8px;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 10%,rgb(var(--v-theme-surface)));
  color:rgb(var(--v-theme-primary));
  font-size:13px;
}
.spx-card-lock strong{font-size:12px!important;letter-spacing:-.01em!important}
.spx-card-lock small{font-size:12px!important;color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 48%,transparent)!important}

/* Profitability board gets one real upgrade surface. */
.spx-commerce-surface>*:not(.spx-commerce-surface-overlay){opacity:.12!important;filter:blur(2.5px)!important}
.spx-commerce-surface-overlay{
  gap:5px!important;
  padding:15px!important;
  background:linear-gradient(135deg,color-mix(in srgb,rgb(var(--v-theme-primary)) 7%,rgb(var(--v-theme-surface))) 0%,color-mix(in srgb,rgb(var(--v-theme-surface)) 94%,transparent) 100%)!important;
  backdrop-filter:blur(4px)!important;
}
.spx-surface-unlock-icon{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  margin-bottom:1px;
  border-radius:9px;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 11%,rgb(var(--v-theme-surface)));
  color:rgb(var(--v-theme-primary));
  font-size:15px;
}
.spx-commerce-surface-overlay strong{font-size:12px!important;letter-spacing:-.01em}
.spx-commerce-surface-overlay>span:not(.spx-surface-unlock-icon){max-width:410px!important;font-size:12px!important;line-height:1.42!important}
.spx-surface-upgrade{
  display:inline-flex;
  height:27px;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:2px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 22%,transparent);
  border-radius:7px;
  background:rgb(var(--v-theme-surface));
  color:rgb(var(--v-theme-primary));
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.spx-surface-upgrade .mdi{font-size:12px}

@media(max-width:820px){
  .spx-commerce-notice--upgrade{align-items:flex-start;flex-direction:column}
  .spx-commerce-upgrade-button{align-self:flex-start}
}

@media(prefers-reduced-motion:reduce){
  .spx-commerce-upgrade-button{transition:none!important}
}
/* Only the bell and internal-chat header counters use compact typography.
 * The token is intentional: the prose minimum-font build pass must not enlarge
 * these icon badges. minFontSize12Runtime has the same narrowly scoped exception.
 */
html body #app .shell-v2 .topbar-actions-v2 :is(.notification-trigger, [data-internal-chat-entry]) > b {
  --foxie-notification-text: 10px;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-width: 18px !important;
  max-width: none !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  font-size: var(--foxie-notification-text) !important;
  font-weight: 750 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  pointer-events: none;
}

:root {
  font-family: var(--foxie-font-text, "Avenir Next", "Helvetica Neue", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif);
  color: #17251f;
  background: #f5f8f7;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --foxie-green: #0d8f63;
  --foxie-green-dark: #087552;
  --foxie-ink: #11231c;
  --foxie-muted: #6b7e76;
  --foxie-border: #dce7e2;
  --foxie-surface: #ffffff;
  --foxie-surface-soft: #f7faf9;
  --foxie-surface-raised: #ffffff;
  --foxie-backdrop: rgba(5, 20, 15, .54);
  --foxie-shadow: 0 18px 60px rgba(23, 47, 38, .08);
}

html[data-foxie-theme=dark] {
  --foxie-green: #42d8a5;
  --foxie-green-dark: #27bb8b;
  --foxie-ink: #eef3f7;
  --foxie-muted: #91a0ad;
  --foxie-border: #26313b;
  --foxie-surface: #11171d;
  --foxie-surface-soft: #0a0e12;
  --foxie-surface-raised: #151c23;
  --foxie-backdrop: rgba(6, 9, 12, .72);
  --foxie-shadow: 0 24px 70px rgba(0, 0, 0, .32);
  color: #eef3f7;
  background: #0a0e12;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background: var(--foxie-surface-soft);
  color: var(--foxie-ink);
  transition: background-color 0.24s ease, color 0.24s ease;
}

button, input, textarea, select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

.page-container {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 28px 30px 48px;
}

.page-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.page-title-row h1 {
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 2rem);
  letter-spacing: -0.035em;
}

.page-title-row p {
  margin: 6px 0 0;
  color: var(--foxie-muted);
}

.glass-card {
  border: 1px solid color-mix(in srgb, var(--foxie-accent) 10%, transparent);
  box-shadow: var(--foxie-shadow);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--foxie-green);
}

/* Formulários */
.v-field {
  border-radius: 12px !important;
}

.v-field--variant-outlined .v-field__outline {
  --v-field-border-opacity: .24;
}

.v-field--focused .v-field__outline {
  --v-field-border-opacity: .78;
}

.v-input:not(.v-input--density-compact) .v-field__input {
  min-height: 56px !important;
  padding-top: 17px !important;
  padding-bottom: 8px !important;
}

.v-field__input {
  color: var(--foxie-ink) !important;
  font-size: 0.96rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.005em;
}

.v-input--density-compact .v-field__input {
  font-size: 0.86rem !important;
  font-weight: 650 !important;
}

textarea.v-field__input {
  line-height: 1.55 !important;
}

.v-field-label {
  color: #53675e !important;
  font-size: 0.92rem !important;
  font-weight: 790 !important;
  letter-spacing: 0.005em !important;
  opacity: 1 !important;
}

.v-field-label.v-field-label--floating {
  color: #50655b !important;
  font-size: 0.8rem !important;
  font-weight: 840 !important;
}

.v-field--focused .v-field-label, .v-field--active .v-field-label {
  color: var(--foxie-green-dark) !important;
}

.v-field__input input::placeholder, .v-field__input textarea::placeholder {
  color: #91a199 !important;
  opacity: 1 !important;
  font-size: 0.9rem !important;
  font-weight: 520 !important;
}

.v-input__details {
  min-height: 21px !important;
  padding-top: 5px !important;
  color: var(--foxie-muted) !important;
  font-size: 0.76rem !important;
  font-weight: 570;
}

.v-messages__message {
  line-height: 1.38 !important;
}

.v-select .v-field__input, .v-autocomplete .v-field__input {
  font-weight: 680 !important;
}

.v-label {
  font-size: 0.9rem;
  font-weight: 680;
}

.v-switch .v-label, .v-checkbox .v-label, .v-radio .v-label {
  color: #42574d;
  font-size: 0.88rem !important;
  font-weight: 730 !important;
}

.v-btn {
  font-weight: 780 !important;
  letter-spacing: 0.005em !important;
}

.field-block {
  display: grid;
  gap: 6px;
  margin: 0;
}

.field-block > span {
  color: var(--foxie-ink);
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: -0.008em;
}

.field-block > small {
  margin-top: -2px;
  color: var(--foxie-muted);
  font-size: 12px;
  line-height: 1.45;
}

.field-grid {
  display: grid;
  gap: 18px;
}

.field-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Modal system */
/* Never force a scrim on every Vuetify overlay. Components such as snackbar,
   menu and tooltip also use VOverlay internally and may keep a scrim node with
   zero opacity. Overriding that opacity globally turns it into a full-screen veil. */
.v-overlay__scrim {
  background: transparent !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

.v-dialog > .v-overlay__scrim {
  background: transparent !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

.v-dialog > .v-overlay__content {
  margin: 24px !important;
}

.v-dialog .v-card,
.v-dialog .dialog-card,
.v-dialog .qr-card {
  border: 1px solid var(--foxie-border) !important;
  border-radius: 24px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 36px 110px rgba(2, 18, 12, 0.3) !important;
  overflow: hidden;
}

.v-dialog .v-card-title {
  padding: 24px 26px 12px !important;
  color: var(--foxie-ink);
  font-size: 1.22rem !important;
  font-weight: 880 !important;
  letter-spacing: -0.025em;
}

.v-dialog .v-card-text {
  padding: 18px 26px 24px !important;
  color: var(--foxie-muted);
}

.v-dialog .v-card-actions {
  min-height: 76px;
  padding: 14px 26px 20px !important;
  border-top: 1px solid var(--foxie-border);
  background: var(--foxie-surface-soft);
}

.v-dialog .dialog-head, .v-dialog .qr-header {
  min-height: 94px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--foxie-border);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  background: linear-gradient(180deg, color-mix(in srgb, var(--foxie-surface-raised) 96%, var(--foxie-green) 4%), var(--foxie-surface-raised));
}

.v-dialog .dialog-head > span, .v-dialog .dialog-icon {
  width: 45px;
  height: 45px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: var(--foxie-green);
  background: color-mix(in srgb, var(--foxie-green) 11%, transparent);
}

.v-dialog .dialog-head h2, .v-dialog .qr-header h2 {
  margin: 3px 0 2px;
  color: var(--foxie-ink);
  font-size: 1.12rem;
  letter-spacing: -0.025em;
}

.v-dialog .dialog-head p, .v-dialog .qr-header p {
  margin: 0;
  color: var(--foxie-muted);
  font-size: 12px;
  line-height: 1.45;
}

.v-dialog .dialog-head small, .v-dialog .dialog-head > div > span {
  color: var(--foxie-green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Route / auth loading */
.foxie-route-enter-active, .foxie-route-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.foxie-route-enter-from {
  opacity: 0;
  transform: translateY(7px);
  filter: blur(2px);
}

.foxie-route-leave-to {
  opacity: 0;
  transform: translateY(-4px);
  filter: blur(1px);
}

.foxie-loader-fade-enter-active, .foxie-loader-fade-leave-active {
  transition: opacity 0.22s ease;
}

.foxie-loader-fade-enter-from, .foxie-loader-fade-leave-to {
  opacity: 0;
}

.foxie-global-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  pointer-events: all;
}

.foxie-global-loader__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--foxie-surface-soft) 82%, transparent);
  backdrop-filter: blur(14px) saturate(1.08);
}

.foxie-global-loader__content {
  min-width: 300px;
  max-width: calc(100vw - 32px);
  padding: 24px 27px;
  position: relative;
  border: 1px solid var(--foxie-border);
  border-radius: 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  color: var(--foxie-ink);
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, transparent);
  box-shadow: var(--foxie-shadow);
}

.foxie-loader-mark {
  width: 64px;
  height: 64px;
  position: relative;
  flex: none;
  display: grid;
  place-items: center;
}

.loader-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid transparent;
}

.ring-one {
  inset: 0;
  border-top-color: var(--foxie-green);
  border-right-color: color-mix(in srgb, var(--foxie-green) 42%, transparent);
  animation: foxie-spin 1s linear infinite;
}

.ring-two {
  inset: 8px;
  border-bottom-color: color-mix(in srgb, var(--foxie-green) 62%, transparent);
  border-left-color: color-mix(in srgb, var(--foxie-green) 18%, transparent);
  animation: foxie-spin-reverse 1.4s linear infinite;
}

.loader-core {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--foxie-green);
  background: color-mix(in srgb, var(--foxie-green) 10%, var(--foxie-surface-raised));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--foxie-green) 18%, transparent);
}

.foxie-loader-copy {
  display: grid;
  min-width: 0;
}

.foxie-loader-copy > span {
  color: var(--foxie-green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.foxie-loader-copy strong {
  margin-top: 4px;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.foxie-loader-copy small {
  max-width: 340px;
  margin-top: 4px;
  color: var(--foxie-muted);
  font-size: 12px;
  line-height: 1.45;
}

.foxie-global-loader.is-login .loader-core {
  animation: foxie-pulse 1.35s ease-in-out infinite;
}

.foxie-global-loader.is-logout .foxie-loader-mark {
  animation: foxie-exit 1.2s ease-in-out infinite;
}

@keyframes foxie-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes foxie-spin-reverse {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes foxie-pulse {
  0%, 100% {
    transform: scale(0.92);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--foxie-green) 25%, transparent);
  }
  50% {
    transform: scale(1);
    box-shadow: 0 0 0 12px transparent;
  }
}
@keyframes foxie-exit {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-4px);
    opacity: 0.72;
  }
}
.empty-state {
  min-height: 260px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  gap: 8px;
  color: var(--foxie-muted);
}

.empty-state .v-icon {
  color: #9fb8ae;
}

.empty-state strong {
  color: var(--foxie-ink);
  font-size: 1.05rem;
}

.empty-state p {
  max-width: 460px;
  margin: 0;
  line-height: 1.6;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #94a3b8;
  display: inline-block;
}

.status-dot.connected {
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.status-dot.connecting, .status-dot.qr, .status-dot.reconnecting {
  background: #f59e0b;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.12);
}

.status-dot.error, .status-dot.logged_out {
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12);
}

/* Dark mode compatibility layer for legacy hard-coded surfaces */
html[data-foxie-theme=dark] .v-application {
  background: #0a0e12 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .v-card,
html[data-foxie-theme=dark] .v-sheet,
html[data-foxie-theme=dark] .glass-card {
  color: #eef3f7;
  background-color: #11171d;
}

html[data-foxie-theme=dark] .v-field {
  color: #eef3f7;
  background: #11171d;
}

html[data-foxie-theme=dark] .v-field-label {
  color: #aeb8c2 !important;
}

html[data-foxie-theme=dark] .v-switch .v-label,
html[data-foxie-theme=dark] .v-checkbox .v-label,
html[data-foxie-theme=dark] .v-radio .v-label {
  color: #c5ced6;
}

html[data-foxie-theme=dark] .v-field__input input::placeholder,
html[data-foxie-theme=dark] .v-field__input textarea::placeholder {
  color: #788692 !important;
}

html[data-foxie-theme=dark] .app-shell,
html[data-foxie-theme=dark] .content-area,
html[data-foxie-theme=dark] .page-container,
html[data-foxie-theme=dark] .reports-hub-page,
html[data-foxie-theme=dark] .report-detail-page,
html[data-foxie-theme=dark] .connections-page,
html[data-foxie-theme=dark] .settings-page {
  background: #0a0e12 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .sidebar,
html[data-foxie-theme=dark] .topbar,
html[data-foxie-theme=dark] .hub-toolbar,
html[data-foxie-theme=dark] .report-hub-card,
html[data-foxie-theme=dark] .report-panel,
html[data-foxie-theme=dark] .connection-card,
html[data-foxie-theme=dark] .settings-sidebar,
html[data-foxie-theme=dark] .settings-panel,
html[data-foxie-theme=dark] .kanban-toolbar,
html[data-foxie-theme=dark] .kanban-column,
html[data-foxie-theme=dark] .lead-card,
html[data-foxie-theme=dark] .product-panel,
html[data-foxie-theme=dark] .mini-inbox,
html[data-foxie-theme=dark] .kanban-board,
html[data-foxie-theme=dark] .metric-cards article,
html[data-foxie-theme=dark] .chart-card,
html[data-foxie-theme=dark] .resources-grid article {
  background-color: #11171d !important;
  border-color: #26313b !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .topbar {
  background: rgba(17, 23, 29, 0.94) !important;
}

html[data-foxie-theme=dark] .nav-item {
  color: #91a0ad;
}

html[data-foxie-theme=dark] .nav-item:hover {
  color: var(--foxie-accent);
  background: color-mix(in srgb, var(--foxie-accent) 7%, #151c23);
}

html[data-foxie-theme=dark] .nav-item.router-link-exact-active {
  color: var(--foxie-accent);
  background: color-mix(in srgb, var(--foxie-accent) 10%, #151c23);
}

html[data-foxie-theme=dark] .language-button,
html[data-foxie-theme=dark] .user-button:hover,
html[data-foxie-theme=dark] .workspace-chip.selectable:hover {
  color: #eef3f7;
  background: #151c23 !important;
  border-color: #2c3944 !important;
}

html[data-foxie-theme=dark] .landing-page {
  --page-bg:#0a0e12;
  --ink:#eef3f7;
  --muted:#91a0ad;
  --line:#26313b;
  --green:var(--foxie-accent);
  --green-dark:var(--foxie-accent-strong);
  --green-soft:color-mix(in srgb,var(--foxie-accent) 8%,#151c23);
  background: #0a0e12 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .landing-page .multichannel-section,
html[data-foxie-theme=dark] .landing-page .operations-section,
html[data-foxie-theme=dark] .landing-page .how-section,
html[data-foxie-theme=dark] .landing-page .resources-section,
html[data-foxie-theme=dark] .landing-page .final-section,
html[data-foxie-theme=dark] .landing-page .marketing-footer {
  background: #0a0e12 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .landing-page .metrics-section {
  background: #11171d !important;
  border-color: #26313b !important;
}

html[data-foxie-theme=dark] .landing-page .chat-window,
html[data-foxie-theme=dark] .landing-page .conversation-list,
html[data-foxie-theme=dark] .landing-page .internal-channels,
html[data-foxie-theme=dark] .landing-page .internal-chat-window,
html[data-foxie-theme=dark] .landing-page .internal-messages,
html[data-foxie-theme=dark] .landing-page .chat-window > header,
html[data-foxie-theme=dark] .landing-page .chat-window > footer {
  background: #11171d !important;
  border-color: #26313b !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .landing-page .message-row {
  background: #151c23 !important;
  color: #e5ebf0 !important;
}

html[data-foxie-theme=dark] .landing-page .message-row.outgoing {
  background: color-mix(in srgb, var(--foxie-accent) 10%, #151c23) !important;
}

html[data-foxie-theme=dark] .auth-page {
  background: #0a0e12 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .auth-panel {
  background: #11171d;
}

html[data-foxie-theme=dark] .auth-copy p,
html[data-foxie-theme=dark] .auth-switch {
  color: #91a0ad !important;
}

@media (max-width: 960px) {
  .page-container {
    padding: 20px 16px 40px;
  }
  .page-title-row {
    flex-direction: column;
  }
  .field-grid.two, .field-grid.three {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  html, body, #app, .v-application, .v-application__wrap {
    max-width: 100%;
  }
  body {
    min-width: 0;
    overflow-x: clip;
  }
  img, svg, video, canvas {
    max-width: 100%;
  }
  .page-container {
    padding: 16px 12px 32px;
    overflow-x: clip;
  }
  .page-title-row {
    gap: 12px;
    margin-bottom: 17px;
  }
  .v-dialog > .v-overlay__content {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    margin: 8px !important;
  }
  .v-dialog .v-card,
  .v-dialog .dialog-card,
  .v-dialog .qr-card {
    max-height: calc(100dvh - 16px);
    border-radius: 19px !important;
  }
  .v-dialog .v-card-title {
    padding: 19px 17px 10px !important;
    font-size: 1.05rem !important;
  }
  .v-dialog .v-card-text {
    padding: 15px 17px 19px !important;
  }
  .v-dialog .v-card-actions {
    min-height: 0;
    padding: 12px 17px 16px !important;
    flex-wrap: wrap;
    gap: 8px;
  }
  .v-dialog .dialog-head, .v-dialog .qr-header {
    min-height: 78px;
    padding: 14px 15px;
    gap: 10px;
  }
  .v-dialog .dialog-head > span, .v-dialog .dialog-icon {
    width: 39px;
    height: 39px;
    border-radius: 11px;
  }
  .v-dialog .dialog-head h2, .v-dialog .qr-header h2 {
    font-size: 1rem;
  }
  .v-snackbar__wrapper {
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px !important;
  }
  .foxie-global-loader__content {
    min-width: 0;
    width: calc(100vw - 24px);
    padding: 18px;
    border-radius: 18px;
  }
}
@media (max-width: 480px) {
  .v-field__input input, .v-field__input textarea, select {
    font-size: 16px !important;
  }
  .v-dialog .v-card-actions > .v-btn {
    flex: 1 1 auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}/* Foxie product-wide compatibility layer.
   This file intentionally loads after main.scss so legacy screens with hard-coded
   white surfaces still follow the active light/dark theme. */
html[data-foxie-theme=dark] body,
html[data-foxie-theme=dark] #app,
html[data-foxie-theme=dark] .v-application,
html[data-foxie-theme=dark] .v-application__wrap {
  background: #07110e !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] :is(.dashboard-page, .reports-hub-page, .report-detail-page, .connections-page, .settings-page,
.crm-page, .contacts-page, .stock-page, .team-page, .billing-page, .inbox-page, .page-container) {
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] :is(.v-card, .v-sheet, .glass-card, .report-panel, .report-hub-card, .connection-card,
.settings-panel, .settings-sidebar, .contacts-panel, .stock-panel, .product-card,
.crm-toolbar, .kanban-shell, .kanban-column, .lead-card, .dashboard-panel, .activity-panel,
.quick-action, .metric-card, .summary-card, .team-card, .member-card, .billing-card,
.plan-panel, .usage-card, .inbox-panel, .conversation-panel, .details-panel) {
  background-color: var(--foxie-surface) !important;
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] :is(.contacts-toolbar, .stock-toolbar, .hub-toolbar, .kanban-toolbar, .workspace-summary article,
.profile-overview, .form-section, .diagnostic-card, .queue-card, .security-item,
.product-numbers, .product-card footer, .switch-row label, .contact-row:hover,
.search-box, .table-toolbar, .filter-card, .empty-state-card) {
  background-color: var(--foxie-surface-soft) !important;
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] :is(h1, h2, h3, h4, h5, h6, strong, .metric-value, .metric-label, .lead-card h3,
.product-card h3, .contact-identity strong, .panel-header h2, .section-heading h2) {
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] :is(p, small, .subtitle, .muted, .metric-hint, .contact-info, .product-foot,
.lead-card p, .panel-header p, .section-heading p, .v-data-table-footer) {
  color: var(--foxie-muted) !important;
}

html[data-foxie-theme=dark] .v-data-table,
html[data-foxie-theme=dark] .v-table,
html[data-foxie-theme=dark] .v-data-table__wrapper,
html[data-foxie-theme=dark] table,
html[data-foxie-theme=dark] thead,
html[data-foxie-theme=dark] tbody,
html[data-foxie-theme=dark] tr,
html[data-foxie-theme=dark] td,
html[data-foxie-theme=dark] th {
  background-color: transparent !important;
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] .v-data-table thead tr,
html[data-foxie-theme=dark] .report-table thead tr {
  background: #102019 !important;
}

html[data-foxie-theme=dark] .v-data-table tbody tr:hover,
html[data-foxie-theme=dark] .report-table tbody tr:hover {
  background: #11251d !important;
}

html[data-foxie-theme=dark] .v-menu > .v-overlay__content > .v-list,
html[data-foxie-theme=dark] .v-list,
html[data-foxie-theme=dark] .v-navigation-drawer {
  background: var(--foxie-surface-raised) !important;
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
}

html[data-foxie-theme=dark] .v-list-item:hover {
  background: var(--foxie-surface-soft) !important;
}

html[data-foxie-theme=dark] .v-field,
html[data-foxie-theme=dark] .v-field--variant-outlined,
html[data-foxie-theme=dark] .v-field--variant-solo-filled,
html[data-foxie-theme=dark] .v-field--variant-solo {
  background: #0f1e19 !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] .v-field__input,
html[data-foxie-theme=dark] .v-select__selection-text,
html[data-foxie-theme=dark] input,
html[data-foxie-theme=dark] textarea,
html[data-foxie-theme=dark] select {
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] .v-field__outline {
  color: #395248 !important;
}

html[data-foxie-theme=dark] .v-field-label {
  color: #a8bbb2 !important;
}

html[data-foxie-theme=dark] .v-dialog .v-card,
html[data-foxie-theme=dark] .v-dialog .dialog-card,
html[data-foxie-theme=dark] .v-dialog .qr-card {
  background: var(--foxie-surface-raised) !important;
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] .v-dialog .v-card-actions,
html[data-foxie-theme=dark] .v-dialog .dialog-head,
html[data-foxie-theme=dark] .v-dialog .qr-header {
  background: #0f201a !important;
  border-color: var(--foxie-border) !important;
}

/* Landing: force every marketing surface to participate in dark mode. */
html[data-foxie-theme=dark] .landing-page :is(.product-panel, .channel-panel, .internal-chat-panel, .mini-inbox, .kanban-board,
.chart-card, .metric-cards article, .resources-grid article, .step-icon, .conversation-list,
.internal-channels, .chat-window, .chat-window > header, .chat-window > footer, .internal-messages,
.kanban-column, .kanban-column article, .marketing-footer) {
  background-color: var(--foxie-surface) !important;
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme=dark] .landing-page :is(.metrics-section, .final-section, .operations-section, .how-section, .resources-section, .multichannel-section) {
  background: #07110e !important;
}

html[data-foxie-theme=dark] .landing-page :is(.conversation-row.selected, .conversation-filter button.active, .internal-channels button.active, .message-row.outgoing) {
  background: #123126 !important;
}

html[data-foxie-theme=dark] .landing-page .message-row {
  background: #14271f !important;
}

/* Dashboard/report legacy whites that were visible in dark mode. */
html[data-foxie-theme=dark] :is(.dashboard-kpis article, .dashboard-grid article, .pipeline-card, .recent-card, .runtime-card,
.detail-kpis article, .visual-panel, .table-panel, .methodology-card, .report-section,
.report-section__header, .report-preview article, .hero-mini-card) {
  background-color: var(--foxie-surface) !important;
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
}

/* SuperBot: the application topbar is the single page header.
   Keep only the studio's compact actions, floating inside the content. */
.automation-studio {
  position: relative !important;
}

.automation-studio .studio-rail {
  min-height: 0 !important;
  height: auto !important;
  position: absolute !important;
  top: 24px !important;
  right: 30px !important;
  left: auto !important;
  z-index: 15 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none;
}

.automation-studio .studio-rail .rail-button,
.automation-studio .studio-rail .rail-title {
  display: none !important;
}

.automation-studio .studio-rail .rail-actions {
  display: flex !important;
  gap: 8px !important;
  pointer-events: auto;
}

.automation-studio .studio-scroll {
  padding-top: 26px !important;
}

.automation-studio .hero-panel {
  margin-top: 0 !important;
}

html[data-foxie-theme=dark] .automation-studio :is(.metric-card, .workspace-nav, .workspace-content, .content-panel, .checklist button,
.form-card, .security-card, .toggle-card, .rule-card, .safety-card) {
  background: var(--flow-surface) !important;
  border-color: var(--flow-border) !important;
  color: var(--flow-text) !important;
}

/* Cross-browser flag renderer. Windows commonly shows regional indicator letters
   instead of colored emoji flags; these embedded SVGs make the selector consistent. */
.flag-svg-ready {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
}

.flag-svg-ready svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
  filter: saturate(1.08) contrast(1.02);
}

.language-emoji.flag-svg-ready {
  width: 25px !important;
  height: 18px !important;
  border: 1px solid rgba(18, 55, 43, 0.12) !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 8px rgba(14, 55, 41, 0.08) !important;
}

.language-option-emoji.flag-svg-ready {
  width: 40px !important;
  height: 29px !important;
  border-radius: 8px !important;
  border: 1px solid color-mix(in srgb, var(--foxie-border) 76%, transparent) !important;
  background: transparent !important;
  box-shadow: 0 5px 13px rgba(12, 52, 38, 0.08), inset 0 1px rgba(255, 255, 255, 0.18) !important;
}

/* Vivid 3D action icons for the profile menu. */
.profile-action-icon,
.profile-plan-icon,
.profile-menu-footer > button > span {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  transform: translateZ(0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), inset 0 -8px 14px rgba(17, 54, 43, 0.09), 0 8px 16px rgba(20, 67, 52, 0.13) !important;
}

.profile-action-icon::before,
.profile-plan-icon::before,
.profile-menu-footer > button > span::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 12px;
  left: 5px;
  top: 2px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0));
  opacity: 0.72;
  transform: rotate(-8deg);
  pointer-events: none;
}

.profile-action-icon .v-icon,
.profile-plan-icon .v-icon,
.profile-menu-footer > button > span .v-icon {
  position: relative !important;
  z-index: 2 !important;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.58)) drop-shadow(0 3px 4px rgba(19, 65, 49, 0.15));
}

.profile-action-icon.green {
  color: #087d55 !important;
  background: linear-gradient(145deg, #d8fff0 0%, #86eac3 46%, #49ca96 100%) !important;
}

.profile-action-icon.blue {
  color: #155ca9 !important;
  background: linear-gradient(145deg, #e0f4ff 0%, #8ed0ff 47%, #4e9eea 100%) !important;
}

.profile-action-icon.violet {
  color: #6540bb !important;
  background: linear-gradient(145deg, #f0e8ff 0%, #c7a9ff 48%, #9670ed 100%) !important;
}

.profile-plan-icon {
  color: #a55e00 !important;
  background: linear-gradient(145deg, #fff7ce 0%, #ffd96b 50%, #f3ae2e 100%) !important;
}

.profile-menu-footer > button > span {
  color: #b8313b !important;
  background: linear-gradient(145deg, #ffe9eb 0%, #ffb0b7 49%, #ed727e 100%) !important;
}

.profile-menu-item:hover .profile-action-icon,
.profile-menu-plan:hover .profile-plan-icon,
.profile-menu-footer > button:hover > span {
  transform: translateY(-1px) scale(1.045) !important;
  filter: saturate(1.08);
  transition: transform 0.16s ease, filter 0.16s ease;
}

html[data-foxie-theme=dark] :is(.profile-action-icon, .profile-plan-icon, .profile-menu-footer > button > span) {
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -7px 13px rgba(0, 0, 0, 0.14), 0 9px 18px rgba(0, 0, 0, 0.19) !important;
}

@media (max-width: 760px) {
  .automation-studio .studio-rail {
    top: 16px !important;
    right: 16px !important;
  }
  .automation-studio .studio-rail .rail-actions .v-chip {
    display: none !important;
  }
}html {
  font-size: var(--foxie-root-font-size, 15.5px);
}

:root {
  --foxie-title-scale:1;
  --foxie-primary-scale:1;
  --foxie-secondary-scale:1;
}

body, .v-application {
  font-size: 1rem;
}

h1, .page-title-row h1, .panel-header h2, .section-title h2 {
  font-size: calc(1em * var(--foxie-title-scale));
}

.field-block > span, .v-card-title, strong {
  font-size: calc(1em * var(--foxie-primary-scale));
}

.field-block > small, .v-list-item-subtitle, p, small {
  font-size: calc(1em * var(--foxie-secondary-scale));
}

html[data-foxie-theme=dark] {
  --foxie-green:#4ed6aa;
  --foxie-green-dark:#2fbc91;
  --foxie-ink:#eef3f7;
  --foxie-muted:#91a0ad;
  --foxie-border:#26313b;
  --foxie-surface:#11171d;
  --foxie-surface-soft:#0a0e12;
  --foxie-surface-raised:#151c23;
  --foxie-backdrop:rgba(6,9,12,.64);
  --foxie-shadow:0 22px 64px rgba(0,0,0,.22);
  background: #0a0e12;
  color: #eef3f7;
}

html[data-foxie-theme=dark] body,
html[data-foxie-theme=dark] .v-application,
html[data-foxie-theme=dark] .app-shell,
html[data-foxie-theme=dark] .content-area,
html[data-foxie-theme=dark] .page-container,
html[data-foxie-theme=dark] .dashboard-page,
html[data-foxie-theme=dark] .reports-hub-page,
html[data-foxie-theme=dark] .report-detail-page,
html[data-foxie-theme=dark] .connections-page,
html[data-foxie-theme=dark] .settings-page,
html[data-foxie-theme=dark] .crm-page {
  background: #0a0e12 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .v-card,
html[data-foxie-theme=dark] .v-sheet,
html[data-foxie-theme=dark] .glass-card,
html[data-foxie-theme=dark] .dashboard-card,
html[data-foxie-theme=dark] .kpi-card,
html[data-foxie-theme=dark] .quick-action,
html[data-foxie-theme=dark] .settings-panel,
html[data-foxie-theme=dark] .settings-sidebar,
html[data-foxie-theme=dark] .connection-card,
html[data-foxie-theme=dark] .hub-toolbar,
html[data-foxie-theme=dark] .report-hub-card,
html[data-foxie-theme=dark] .report-panel,
html[data-foxie-theme=dark] .kanban-column,
html[data-foxie-theme=dark] .lead-card,
html[data-foxie-theme=dark] .metric-card,
html[data-foxie-theme=dark] .usage-card,
html[data-foxie-theme=dark] .plan-card,
html[data-foxie-theme=dark] .product-card,
html[data-foxie-theme=dark] .contact-card {
  background: #151c23 !important;
  border-color: #26313b !important;
  color: #eef3f7 !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.13) !important;
}

html[data-foxie-theme=dark] .v-card[style*=background],
html[data-foxie-theme=dark] article[style*=background] {
  border-color: #26313b !important;
}

html[data-foxie-theme=dark] .v-data-table,
html[data-foxie-theme=dark] .v-table {
  background: #151c23 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .v-data-table-header__content,
html[data-foxie-theme=dark] .v-table th {
  color: #aeb8c2 !important;
}

html[data-foxie-theme=dark] .v-table td {
  border-color: #26313b !important;
  color: #e9eef3 !important;
}

html[data-foxie-theme=dark] .v-field {
  background: #11171d !important;
  color: #f5f7fa !important;
}

html[data-foxie-theme=dark] .v-field__outline {
  color: #3c4854 !important;
}

html[data-foxie-theme=dark] .v-field__input,
html[data-foxie-theme=dark] .v-select__selection-text {
  color: #f3f6f9 !important;
}

html[data-foxie-theme=dark] .v-field-label {
  color: #aeb8c2 !important;
}

html[data-foxie-theme=dark] .v-list,
html[data-foxie-theme=dark] .v-overlay__content > .v-list {
  background: #151c23 !important;
  color: #eef3f7 !important;
  border: 1px solid #26313b !important;
}

html[data-foxie-theme=dark] .v-list-item:hover {
  background: #1c252e !important;
}

html[data-foxie-theme=dark] .v-list-item-title {
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .v-list-item-subtitle {
  color: #91a0ad !important;
}

html[data-foxie-theme=dark] .v-dialog .v-card {
  background: #151c23 !important;
}

html[data-foxie-theme=dark] .v-dialog .v-card-actions {
  background: #11171d !important;
  border-color: #26313b !important;
}

html[data-foxie-theme=dark] .v-overlay__scrim {
  background: transparent !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

html[data-foxie-theme=dark] .v-dialog > .v-overlay__scrim {
  background: transparent !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

html[data-foxie-theme=dark] .hero-plan,
html[data-foxie-theme=dark] .billing-plan-card,
html[data-foxie-theme=dark] .profile-overview,
html[data-foxie-theme=dark] .workspace-summary article,
html[data-foxie-theme=dark] .queue-summary article,
html[data-foxie-theme=dark] .security-grid article,
html[data-foxie-theme=dark] .diagnostic-grid article,
html[data-foxie-theme=dark] .preference-card,
html[data-foxie-theme=dark] .form-section,
html[data-foxie-theme=dark] .switch-row,
html[data-foxie-theme=dark] .service-stats article,
html[data-foxie-theme=dark] .pipeline-total,
html[data-foxie-theme=dark] .automation-summary > div {
  background: #151c23 !important;
  border-color: #2c3944 !important;
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .hero-plan h2,
html[data-foxie-theme=dark] .hero-plan strong,
html[data-foxie-theme=dark] .billing-plan-card strong,
html[data-foxie-theme=dark] .field-block > span,
html[data-foxie-theme=dark] .settings-panel h2,
html[data-foxie-theme=dark] .dashboard-card h2,
html[data-foxie-theme=dark] .dashboard-card strong,
html[data-foxie-theme=dark] .kpi-card strong {
  color: #f3f6f9 !important;
}

html[data-foxie-theme=dark] .hero-plan p,
html[data-foxie-theme=dark] .field-block > small,
html[data-foxie-theme=dark] .panel-header p,
html[data-foxie-theme=dark] .dashboard-card p,
html[data-foxie-theme=dark] .dashboard-card small,
html[data-foxie-theme=dark] .kpi-card p {
  color: #91a0ad !important;
}

html[data-foxie-theme=dark] .composition-bar,
html[data-foxie-theme=dark] .bar-track,
html[data-foxie-theme=dark] .v-progress-linear__background {
  background: #26313b !important;
}

html[data-foxie-theme=dark] .empty-card,
html[data-foxie-theme=dark] .empty-panel {
  color: #91a0ad !important;
  background: #11171d !important;
}

html[data-foxie-theme=dark] .empty-card strong,
html[data-foxie-theme=dark] .empty-panel strong {
  color: #eef3f7 !important;
}

html[data-foxie-theme=dark] .landing-page {
  --page-bg:#0a0e12;
  --ink:#eef3f7;
  --muted:#91a0ad;
  --line:#26313b;
  --green-soft:color-mix(in srgb,var(--foxie-accent) 8%,#151c23);
  background: #0a0e12 !important;
}

html[data-foxie-theme=dark] .landing-page .multichannel-section,
html[data-foxie-theme=dark] .landing-page .operations-section,
html[data-foxie-theme=dark] .landing-page .how-section,
html[data-foxie-theme=dark] .landing-page .resources-section,
html[data-foxie-theme=dark] .landing-page .final-section,
html[data-foxie-theme=dark] .landing-page .marketing-footer {
  background: #0a0e12 !important;
}

html[data-foxie-theme=dark] .landing-page .product-panel,
html[data-foxie-theme=dark] .landing-page .resources-grid article,
html[data-foxie-theme=dark] .landing-page .chart-card,
html[data-foxie-theme=dark] .landing-page .metric-cards article {
  background: #151c23 !important;
  border-color: #26313b !important;
}
/*
 * Foxie typography refinement
 *
 * This layer is intentionally loaded last. The product has many historical
 * component styles using very small rem values (0.45–0.68rem). Raising only
 * the root font-size is not enough, so these rules establish readable floors
 * while preserving the existing visual hierarchy.
 */
:root {
  --foxie-readable-xs: .72rem;
  --foxie-readable-sm: .79rem;
  --foxie-readable-md: .88rem;
  --foxie-readable-body: .94rem;
  --foxie-readable-control: .86rem;
}

body,
.v-application {
  line-height: 1.48;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Vuetify controls and common application copy */
.v-label,
.v-field-label,
.v-input__details,
.v-messages,
.v-list-item-subtitle,
.v-card-subtitle,
.v-chip,
.v-btn,
.v-tab,
.v-data-table,
.v-table,
.v-select__selection-text,
.v-field__input,
.v-text-field input,
.v-textarea textarea {
  font-size: max(var(--foxie-readable-control), 13px) !important;
}

.v-list-item-title,
.v-card-title,
.v-data-table th,
.v-table th {
  font-size: max(var(--foxie-readable-md), 14px) !important;
}

.v-data-table td,
.v-table td {
  font-size: max(var(--foxie-readable-sm), 13px) !important;
}

/* Generic semantic copy. Scoped component selectors can still define larger
 * typography; these floors only prevent unreadably small text. */
small,
.field-block > small,
.panel-header p,
.section-title p,
.settings-panel small,
.settings-nav small,
.dashboard-card small,
.kpi-card small,
.usage-card small,
.plan-card small,
.report-panel small,
.contact-card small,
.stock-card small {
  font-size: max(var(--foxie-readable-xs), 12px) !important;
  line-height: 1.48;
}

.field-block > span,
.field-block > label,
.settings-panel label,
.settings-panel strong,
.panel-header strong {
  font-size: max(var(--foxie-readable-sm), 13px);
}

/* Main shell: readable without making the navigation bulky. */
.shell-v2 .nav-copy strong,
.shell-v2 .profile-trigger strong,
.shell-v2 .workspace-switcher strong,
.shell-v2 .upgrade-card__copy strong,
.shell-v2 .profile-menu-v2 strong,
.shell-v2 .module-search-results strong,
.shell-v2 .language-popover-v2 strong {
  font-size: max(0.78rem, 13px) !important;
}

.shell-v2 .nav-copy small,
.shell-v2 .workspace-card__copy > span,
.shell-v2 .workspace-card__copy small,
.shell-v2 .profile-trigger small,
.shell-v2 .upgrade-card__copy small,
.shell-v2 .profile-menu-v2 small,
.shell-v2 .module-search-results small,
.shell-v2 .language-popover-v2 small,
.shell-v2 .sidebar-group__head,
.shell-v2 .sidebar-group__head small {
  font-size: max(0.68rem, 11px) !important;
  line-height: 1.42;
}

.shell-v2 .module-search input {
  font-size: max(0.78rem, 13px) !important;
}

.shell-v2 .search-shortcut,
.shell-v2 .nav-badge,
.shell-v2 .profile-role-pill,
.shell-v2 .upgrade-action,
.shell-v2 .module-search-results footer {
  font-size: max(0.64rem, 10.5px) !important;
}

/* Settings / preferences */
.settings-v2-page .kicker,
.settings-v2-page .settings-nav header > span,
.settings-v2-page .section-title > span,
.settings-v2-page .panel-header .eyebrow {
  font-size: max(0.68rem, 11px) !important;
}

.settings-v2-page .settings-nav strong,
.settings-v2-page .preference-card > div > strong,
.settings-v2-page .sidebar-order-list strong,
.settings-v2-page .payment-methods strong,
.settings-v2-page .billing-overview strong {
  font-size: max(0.84rem, 13.5px) !important;
}

.settings-v2-page .settings-nav small,
.settings-v2-page .preference-card p,
.settings-v2-page .preference-card small,
.settings-v2-page .sidebar-order-list small,
.settings-v2-page .payment-methods small,
.settings-v2-page .billing-overview small,
.settings-v2-page .billing-overview p {
  font-size: max(0.76rem, 12.5px) !important;
  line-height: 1.5;
}

/* Onboarding: this is deliberately more generous because it is a guided,
 * full-screen experience rather than a dense operational dashboard. */
.onboarding-page {
  --onboarding-copy-xs: .76rem;
  --onboarding-copy-sm: .84rem;
  --onboarding-copy-md: .94rem;
  --onboarding-copy-body: 1rem;
}

.onboarding-page .header-progress__copy strong {
  font-size: 0.82rem !important;
}

.onboarding-page .header-progress__copy span {
  font-size: 12px !important;
}

.onboarding-page .guide-kicker,
.onboarding-page .step-eyebrow,
.onboarding-page .recommendation-score,
.onboarding-page .plan-tags > span,
.onboarding-page .plan-label {
  font-size: var(--onboarding-copy-xs) !important;
  line-height: 1.3;
}

.onboarding-page .guide-panel h1 {
  font-size: clamp(2.1rem, 2.6vw, 2.65rem) !important;
  line-height: 1.06 !important;
}

.onboarding-page .guide-bubble p {
  font-size: var(--onboarding-copy-md) !important;
  line-height: 1.72 !important;
}

.onboarding-page .guide-context span {
  font-size: var(--onboarding-copy-sm) !important;
  line-height: 1.45;
}

.onboarding-page .welcome-step h2,
.onboarding-page .step-heading h2,
.onboarding-page .finish-step h2 {
  font-size: clamp(2.15rem, 3vw, 3.35rem) !important;
  line-height: 1.04 !important;
}

.onboarding-page .welcome-step > p,
.onboarding-page .step-heading > p,
.onboarding-page .finish-step > p,
.onboarding-page .plan-note,
.onboarding-page .priority-card small,
.onboarding-page .metric-question small,
.onboarding-page .field-block > span {
  font-size: var(--onboarding-copy-body) !important;
  line-height: 1.65 !important;
}

.onboarding-page .welcome-grid strong,
.onboarding-page .field-block label,
.onboarding-page .objective-grid strong,
.onboarding-page .metric-question label,
.onboarding-page .discovery-section label,
.onboarding-page .priority-card label,
.onboarding-page .onboarding-plan h3,
.onboarding-page .finish-summary strong,
.onboarding-page .next-actions strong {
  font-size: var(--onboarding-copy-md) !important;
}

.onboarding-page .welcome-grid small,
.onboarding-page .objective-grid small,
.onboarding-page .segmented-options small,
.onboarding-page .onboarding-plan p,
.onboarding-page .onboarding-plan li,
.onboarding-page .plan-fit p,
.onboarding-page .finish-summary small,
.onboarding-page .next-actions small,
.onboarding-page .welcome-personal small,
.onboarding-page .welcome-personal span {
  font-size: var(--onboarding-copy-sm) !important;
  line-height: 1.5 !important;
}

.onboarding-page .choice-grid button strong,
.onboarding-page .segmented-options button strong,
.onboarding-page .metric-options button,
.onboarding-page .discovery-grid button,
.onboarding-page .choose-plan,
.onboarding-page .back-button,
.onboarding-page .next-button {
  font-size: max(0.84rem, 13.5px) !important;
}

.onboarding-page .priority-card input {
  font-size: 0.92rem !important;
}

.onboarding-page .plan-price strong {
  font-size: clamp(1.7rem, 2.3vw, 2.35rem) !important;
}

.onboarding-page .plan-price small,
.onboarding-page .plans-loading small,
.onboarding-page .plans-loading strong {
  font-size: var(--onboarding-copy-sm) !important;
}

/* Keep compact mode actually compact, but never microscopic. */
html[data-foxie-font-scale=compact] {
  --foxie-readable-xs: .7rem;
  --foxie-readable-sm: .77rem;
  --foxie-readable-md: .85rem;
  --foxie-readable-body: .91rem;
  --foxie-readable-control: .82rem;
}

html[data-foxie-font-scale=large] {
  --foxie-readable-xs: .76rem;
  --foxie-readable-sm: .84rem;
  --foxie-readable-md: .94rem;
  --foxie-readable-body: 1rem;
  --foxie-readable-control: .92rem;
}

@media (max-width: 760px) {
  .onboarding-page .welcome-step h2,
  .onboarding-page .step-heading h2,
  .onboarding-page .finish-step h2 {
    font-size: clamp(1.9rem, 8vw, 2.55rem) !important;
  }
  .onboarding-page .guide-bubble p,
  .onboarding-page .welcome-step > p,
  .onboarding-page .step-heading > p,
  .onboarding-page .finish-step > p {
    font-size: 0.94rem !important;
  }
}.topbar-actions-v2 > .internal-chat-header-button {
  width: 40px;
  height: 40px;
  position: relative;
  flex: 0 0 40px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--foxie-green) 9%, var(--foxie-border));
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: var(--foxie-ink);
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, transparent);
  box-shadow: 0 5px 16px rgba(18, 55, 43, 0.035);
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.topbar-actions-v2 > .internal-chat-header-button:hover {
  color: var(--foxie-green);
  border-color: color-mix(in srgb, var(--foxie-green) 30%, var(--foxie-border));
  background: color-mix(in srgb, var(--foxie-green) 6%, var(--foxie-surface-raised));
  transform: translateY(-1px);
}

.topbar-actions-v2 > .internal-chat-header-button > b {
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  position: absolute;
  right: -5px;
  top: -5px;
  border: 2px solid var(--foxie-surface);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #dc515f;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

html[data-foxie-theme=dark] .topbar-actions-v2 > .internal-chat-header-button {
  border-color: #334840;
  background: #1d2b26;
  color: #f2f7f5;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.12);
}

html[data-foxie-theme=dark] .topbar-actions-v2 > .internal-chat-header-button:hover {
  color: #58e0b2;
  border-color: #46675b;
  background: #22342e;
}

/* Keep Vuetify overlays opened from the new Inbox and quick chat on the same
 * product surfaces in dark mode instead of falling back to default grey/white. */
html[data-foxie-theme=dark] .v-overlay__content .v-list,
html[data-foxie-theme=dark] .v-overlay__content .v-card {
  color: var(--foxie-ink);
  background: var(--foxie-surface-raised);
  border-color: var(--foxie-border);
}

html[data-foxie-theme=dark] .v-overlay__content .v-list-item:hover {
  background: color-mix(in srgb, var(--foxie-green) 7%, var(--foxie-surface-raised));
}.topbar-actions-v2 {
  align-items: center;
}

.topbar-actions-v2 > .icon-button:not(.notification-trigger):not(.internal-chat-header-v2) {
  order: 10;
}

.topbar-actions-v2 > .notification-trigger {
  order: 20;
}

.topbar-actions-v2 > .internal-chat-header-v2 {
  order: 30;
}

.topbar-actions-v2 > .language-switcher {
  order: 40;
}

.topbar-actions-v2 > .profile-trigger {
  order: 50;
}

.topbar-actions-v2 > .hidden-file {
  order: 60;
}

.topbar-actions-v2 .internal-chat-header-v2 {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  align-self: center;
  display: inline-grid;
  place-items: center;
  line-height: 1;
  flex: 0 0 40px;
}

.topbar-actions-v2 .internal-chat-header-v2 .v-icon {
  margin: 0;
  display: block;
  transform: none;
}

.profile-menu-v2 .profile-menu-plan {
  min-height: 78px;
  padding: 11px 12px;
  grid-template-columns: 48px minmax(0, 1fr) 34px;
  gap: 11px;
  align-items: center;
}

.profile-menu-v2 .profile-plan-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 14px;
  align-self: center;
  display: grid;
  place-items: center;
  line-height: 1;
  color: #a66c11;
  background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.72), transparent 28%), linear-gradient(145deg, #fff1af, #f7c957 58%, #df9d2d);
  box-shadow: 0 9px 20px rgba(202, 144, 40, 0.18), inset 0 1px rgba(255, 255, 255, 0.76), inset 0 -1px rgba(137, 85, 8, 0.1);
}

.profile-menu-v2 .profile-plan-icon .v-icon {
  margin: 0;
  display: block;
  transform: none;
}

.profile-menu-v2 .profile-menu-plan > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 1px;
}

.profile-menu-v2 .profile-menu-plan > div > small {
  font-size: 12px;
  line-height: 1.25;
}

.profile-menu-v2 .profile-menu-plan > div > strong {
  margin: 1px 0;
  font-size: 14px;
  line-height: 1.2;
}

.profile-menu-v2 .profile-menu-plan > div > span {
  font-size: 12px;
  line-height: 1.25;
}

.profile-menu-v2 .profile-menu-plan > a {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: var(--foxie-green);
  background: color-mix(in srgb, var(--foxie-green) 7%, var(--foxie-surface-raised));
  transition: transform 0.16s ease, background 0.16s ease;
}

.profile-menu-v2 .profile-menu-plan > a:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--foxie-green) 11%, var(--foxie-surface-raised));
}

html[data-foxie-theme=dark] .profile-menu-v2 .profile-plan-icon {
  color: #ffd978;
  background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.13), transparent 28%), linear-gradient(145deg, #6d541c, #8c691e 58%, #5e4312);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.12);
}

/* Desktop: the workspace navigation owns the left edge. Search, credit purchase
 * and the original HeaderShell action island are consecutive siblings, so they
 * stay together as one right-side cluster. Mobile keeps the native shell grid. */
@media (min-width: 961px) {
  html body .shell-v2 .topbar-v2 {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding-left: 10px !important;
    padding-right: 22px !important;
  }
  html body .shell-v2 .topbar-v2 > .topbar-left-v2 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: max-content !important;
    max-width: min(48%, 720px) !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    z-index: 6 !important;
    margin: 0 auto 0 0 !important;
    transform: none !important;
  }
  html body .shell-v2 .topbar-v2 > .module-search,
  html body .shell-v2 .topbar-v2 > .enterprise-quick-buy,
  html body .shell-v2 .topbar-v2 > .topbar-actions-v2 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 6 !important;
  }
  html body .shell-v2 .topbar-v2 > .topbar-actions-v2 {
    width: max-content !important;
    max-width: none !important;
    justify-self: auto !important;
  }
}
@media (max-width: 1320px) and (min-width: 961px) {
  html body .shell-v2 .topbar-v2 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (max-width: 760px) {
  .topbar-actions-v2 > .internal-chat-header-v2 {
    order: 20;
  }
}
/* Shell geometry recovery. */
@media (min-width: 981px) {
  html body #app .shell-v2 .sidebar-v2 {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    clip-path: none !important;
    will-change: auto !important;
    transition: box-shadow 160ms ease !important;
  }
  html body #app .shell-v2 .sidebar-v2.collapsed {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    clip-path: none !important;
  }
  html body #app .shell-v2 .shell-content-v2 {
    margin-left: 280px !important;
    transform: none !important;
    will-change: auto !important;
    transition: none !important;
  }
  html body #app .shell-v2 .shell-content-v2.expanded {
    margin-left: 80px !important;
  }
}
/* The app has several independently scrolling route surfaces, so sticky is not
 * reliable here. Pin the real HeaderShell to the viewport. shell-content has no
 * transform containing block anymore, therefore left is resolved exactly once. */
@media (min-width: 961px) {
  html body #app .shell-v2 .shell-content-v2 > .topbar-v2 {
    width: auto !important;
    position: fixed !important;
    left: 280px !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    z-index: 80 !important;
    transform: none !important;
  }
  html body #app .shell-v2 .shell-content-v2.expanded > .topbar-v2 {
    left: 80px !important;
  }
  html body #app .shell-v2 .content-v2 {
    padding-top: 72px !important;
  }
  html body #app .shell-v2 .enterprise-scroll-header {
    display: none !important;
  }
}
/* Scroll glass: the HeaderShell keeps its current transparent appearance while
 * the document is at the top. As soon as the page starts moving, a theme-aware
 * translucent surface fades in underneath the existing controls. */
html body #app .shell-v2 .shell-content-v2 > .topbar-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: color-mix(in srgb, var(--foxie-surface) 84%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 76%, transparent);
  box-shadow: 0 8px 26px color-mix(in srgb, var(--foxie-ink) 7%, transparent);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
  backdrop-filter: blur(12px) saturate(1.08);
  will-change: opacity;
}

html[data-foxie-theme=dark] body #app .shell-v2 .shell-content-v2 > .topbar-v2::before {
  background: color-mix(in srgb, var(--foxie-surface) 78%, transparent);
  border-bottom-color: color-mix(in srgb, var(--foxie-border) 88%, transparent);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

@supports (animation-timeline: scroll()) {
  html body #app .shell-v2 .shell-content-v2 > .topbar-v2::before {
    animation-name: foxie-header-scroll-glass;
    animation-duration: 1ms;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: scroll(root block);
    animation-range: 0px 36px;
  }
}
@keyframes foxie-header-scroll-glass {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}/* SuperBot guided creation
 * A single semantic layout for questions, generation and review.
 * The component owns the content; CSS only presents it.
 */
.superbot-guide {
  --guide-accent: #0ba671;
  --guide-accent-strong: #087d57;
  --guide-accent-soft: #e9f9f2;
  --guide-violet: #7357e8;
  --guide-amber: #f2a62e;
  --guide-card: var(--foxie-surface-raised, #fff);
  --guide-soft: var(--foxie-surface-soft, #f6f9f7);
  --guide-border: var(--foxie-border, #dce7e1);
  --guide-text: var(--foxie-ink, #17362c);
  --guide-muted: var(--foxie-muted, #667b73);
  --guide-shadow: 0 18px 50px rgba(18, 66, 48, .08);
  width: 100%;
  min-height: calc(100dvh - 64px);
  padding: 24px 28px 54px;
  color: var(--guide-text);
  background: radial-gradient(circle at 84% 0%, rgba(54, 211, 151, 0.09), transparent 28rem), linear-gradient(180deg, color-mix(in srgb, var(--guide-soft) 84%, #fff) 0, var(--guide-soft) 100%);
  overflow-x: clip;
}

.superbot-guide,
.superbot-guide *,
.superbot-guide *::before,
.superbot-guide *::after {
  box-sizing: border-box;
}

.superbot-guide button,
.superbot-guide input,
.superbot-guide textarea {
  font: inherit;
}

.superbot-guide button:not(:disabled) {
  cursor: pointer;
}

.superbot-guide button:focus-visible,
.superbot-guide input:focus-visible,
.superbot-guide textarea:focus-visible {
  outline: 3px solid rgba(11, 166, 113, 0.2);
  outline-offset: 2px;
}

.superbot-guide__topbar,
.superbot-guide__stage,
.superbot-guide__generating,
.superbot-guide__result {
  width: min(1380px, 100%);
  margin-inline: auto;
}

.superbot-guide__topbar {
  min-height: 76px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.superbot-guide__brand {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.superbot-guide__brand-mark {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 15px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #18bb82, #087d57);
  box-shadow: 0 12px 26px rgba(11, 166, 113, 0.2);
}

.superbot-guide__brand > div {
  min-width: 0;
}

.superbot-guide__brand small {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--guide-muted);
  font-size: 12px;
  font-weight: 760;
}

.superbot-guide__brand strong {
  display: block;
  margin-top: 4px;
  font-size: clamp(1.26rem, 2vw, 1.72rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.superbot-guide__brand p {
  max-width: 760px;
  margin: 5px 0 0;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.45;
}

.superbot-guide__pause,
.superbot-guide__secure {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid var(--guide-border);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
  color: var(--guide-text);
  background: var(--guide-card);
  box-shadow: 0 8px 22px rgba(18, 66, 48, 0.05);
  font-size: 12px;
  font-weight: 850;
}

.superbot-guide__pause:hover {
  border-color: rgba(11, 166, 113, 0.35);
  color: var(--guide-accent-strong);
}

.superbot-guide__secure {
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__wizard {
  min-width: 0;
}

.superbot-guide__step-rail {
  margin-bottom: 14px;
  padding: 7px;
  border: 1px solid var(--guide-border);
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  background: color-mix(in srgb, var(--guide-card) 90%, transparent);
  box-shadow: 0 8px 24px rgba(18, 66, 48, 0.04);
}

.superbot-guide__step-rail button {
  min-width: 0;
  min-height: 48px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 11px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--guide-muted);
  background: transparent;
  text-align: left;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.superbot-guide__step-rail button:disabled {
  cursor: default;
  opacity: 0.58;
}

.superbot-guide__step-rail button i {
  width: 26px;
  height: 26px;
  border: 1px solid var(--guide-border);
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--guide-muted);
  background: var(--guide-card);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.superbot-guide__step-rail button > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 820;
}

.superbot-guide__step-rail button.done {
  color: var(--guide-accent-strong);
}

.superbot-guide__step-rail button.done i {
  border-color: rgba(11, 166, 113, 0.18);
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__step-rail button.current {
  border-color: rgba(11, 166, 113, 0.2);
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__step-rail button.current i {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(145deg, #18b980, #07815a);
}

.superbot-guide__workspace {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 390px);
  gap: 16px;
  align-items: start;
}

.superbot-guide__editor-card,
.superbot-guide__preview-card,
.superbot-guide__generation-main,
.superbot-guide__generation-visual {
  border: 1px solid var(--guide-border);
  border-radius: 22px;
  background: var(--guide-card);
  box-shadow: var(--guide-shadow);
}

.superbot-guide__editor-card {
  min-width: 0;
  min-height: 660px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.superbot-guide__wizard-head {
  min-height: 120px;
  padding: 24px 26px 19px;
  border-bottom: 1px solid var(--guide-border);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px;
  gap: 22px;
  align-items: start;
  background: linear-gradient(180deg, color-mix(in srgb, var(--guide-accent-soft) 38%, var(--guide-card)), var(--guide-card));
}

.superbot-guide__step-copy {
  min-width: 0;
}

.superbot-guide__eyebrow {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.09em;
}

.superbot-guide__step-copy h1 {
  margin: 7px 0 6px;
  font-size: clamp(1.32rem, 2.1vw, 1.82rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.superbot-guide__step-copy p {
  max-width: 760px;
  margin: 0;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.55;
}

.superbot-guide__wizard-status {
  padding-top: 3px;
  text-align: right;
}

.superbot-guide__wizard-status strong {
  color: var(--guide-accent-strong);
  font-size: 1rem;
}

.superbot-guide__wizard-status > span {
  height: 6px;
  margin-top: 8px;
  border-radius: 999px;
  display: block;
  overflow: hidden;
  background: var(--guide-soft);
}

.superbot-guide__wizard-status i {
  height: 100%;
  border-radius: inherit;
  display: block;
  background: linear-gradient(90deg, #0ca772, #3bd2a0);
  transition: width 0.25s ease;
}

.superbot-guide__question-viewport {
  min-width: 0;
  min-height: 0;
  height: 472px;
  padding: 22px 26px 18px;
  overflow: hidden;
}

.superbot-guide__question {
  width: 100%;
  height: 100%;
  padding-right: 7px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(11, 166, 113, 0.32) transparent;
}

.superbot-guide__question::-webkit-scrollbar {
  width: 6px;
}

.superbot-guide__question::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(11, 166, 113, 0.28);
}

.superbot-guide__intro-card {
  padding: 16px;
  border: 1px solid rgba(11, 166, 113, 0.18);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  background: var(--guide-accent-soft);
}

.superbot-guide__intro-card > span {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #19b980, #087d57);
}

.superbot-guide__intro-card strong {
  display: block;
  font-size: 0.8rem;
}

.superbot-guide__intro-card p {
  margin: 5px 0 0;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.5;
}

.superbot-guide__context-chips,
.superbot-guide__brief-examples,
.superbot-guide__generation-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.superbot-guide__context-chips {
  margin-top: 12px;
}

.superbot-guide__context-chips span,
.superbot-guide__brief-examples span,
.superbot-guide__generation-tags span {
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid var(--guide-border);
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--guide-muted);
  background: var(--guide-soft);
  font-size: 12px;
  font-weight: 760;
}

.superbot-guide__compact-points,
.superbot-guide__choice-grid,
.superbot-guide__tone-grid,
.superbot-guide__capability-grid,
.superbot-guide__guardrail-grid,
.superbot-guide__review-grid {
  display: grid;
  gap: 10px;
}

.superbot-guide__compact-points {
  margin-top: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.superbot-guide__choice-grid,
.superbot-guide__capability-grid,
.superbot-guide__tone-grid,
.superbot-guide__guardrail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.superbot-guide__review-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.superbot-guide__compact-points article {
  padding: 13px;
  border: 1px solid var(--guide-border);
  border-radius: 13px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  background: var(--guide-card);
}

.superbot-guide__compact-points .v-icon {
  color: var(--guide-accent);
}

.superbot-guide__compact-points strong,
.superbot-guide__compact-points small {
  display: block;
}

.superbot-guide__compact-points strong {
  font-size: 12px;
}

.superbot-guide__compact-points small {
  margin-top: 3px;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.4;
}

.superbot-guide__choice-grid button,
.superbot-guide__capability-grid button {
  min-width: 0;
  min-height: 78px;
  padding: 12px;
  border: 1px solid var(--guide-border);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: center;
  color: var(--guide-text);
  background: var(--guide-card);
  text-align: left;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.superbot-guide__choice-grid button:hover,
.superbot-guide__capability-grid button:hover {
  border-color: rgba(11, 166, 113, 0.34);
  transform: translateY(-1px);
}

.superbot-guide__choice-grid button.active,
.superbot-guide__capability-grid button.active {
  border-color: rgba(11, 166, 113, 0.3);
  background: var(--guide-accent-soft);
}

.superbot-guide__choice-grid button > span,
.superbot-guide__capability-grid button > span {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__choice-grid button strong,
.superbot-guide__choice-grid button small,
.superbot-guide__capability-grid button strong,
.superbot-guide__capability-grid button small {
  display: block;
}

.superbot-guide__choice-grid button strong,
.superbot-guide__capability-grid button strong {
  font-size: 12px;
}

.superbot-guide__choice-grid button small,
.superbot-guide__capability-grid button small {
  margin-top: 3px;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.4;
}

.superbot-guide__choice-grid .choice-check,
.superbot-guide__capability-grid button > .v-icon {
  color: var(--guide-accent);
}

.superbot-guide__tone-grid {
  margin-bottom: 12px;
}

.superbot-guide__tone-grid button {
  min-width: 0;
  min-height: 78px;
  padding: 12px;
  border: 1px solid var(--guide-border);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  color: var(--guide-text);
  background: var(--guide-card);
  text-align: left;
  position: relative;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
}

.superbot-guide__tone-grid button:not(.locked):hover {
  border-color: rgba(11, 166, 113, 0.34);
  transform: translateY(-1px);
}

.superbot-guide__tone-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__tone-copy,
.superbot-guide__tone-copy strong,
.superbot-guide__tone-copy small {
  min-width: 0;
  display: block;
}

.superbot-guide__tone-copy strong {
  font-size: 12px;
}

.superbot-guide__tone-copy small {
  margin-top: 3px;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.4;
}

.superbot-guide__tone-grid button i {
  width: 16px;
  height: 16px;
  border: 2px solid var(--guide-border);
  border-radius: 50%;
}

.superbot-guide__tone-grid button em {
  padding: 5px 7px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #9b6715;
  background: rgba(224, 161, 49, 0.12);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.superbot-guide__tone-grid button.active {
  border-color: rgba(11, 166, 113, 0.3);
  background: var(--guide-accent-soft);
}

.superbot-guide__tone-grid button.active i {
  border: 5px solid var(--guide-accent);
  background: #fff;
}

.superbot-guide__tone-grid button.locked {
  cursor: not-allowed;
  opacity: 0.68;
  background: repeating-linear-gradient(135deg, var(--guide-card), var(--guide-card) 12px, var(--guide-soft) 12px, var(--guide-soft) 24px);
}

.superbot-guide__tone-grid button.locked .superbot-guide__tone-icon {
  color: var(--guide-muted);
  background: var(--guide-soft);
}

.superbot-guide__personality-note {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(62, 102, 220, 0.14);
  border-radius: 12px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: start;
  color: #385aa5;
  background: rgba(70, 105, 216, 0.065);
}

.superbot-guide__personality-note strong,
.superbot-guide__personality-note small {
  display: block;
}

.superbot-guide__personality-note strong {
  font-size: 12px;
}

.superbot-guide__personality-note small {
  margin-top: 2px;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.4;
}

.superbot-guide__field {
  min-width: 0;
  margin: 0 0 12px;
  display: block;
}

.superbot-guide__field > span {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  font-weight: 850;
}

.superbot-guide__field em {
  color: var(--guide-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.superbot-guide__field input,
.superbot-guide__field textarea {
  width: 100%;
  border: 1px solid var(--guide-border);
  border-radius: 12px;
  outline: 0;
  color: var(--guide-text);
  background: var(--guide-card);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.superbot-guide__field input {
  height: 45px;
  padding: 0 13px;
  font-size: 12px;
}

.superbot-guide__field textarea {
  min-height: 112px;
  padding: 12px 13px;
  resize: vertical;
  font-size: 12px;
  line-height: 1.55;
}

.superbot-guide__field input:focus,
.superbot-guide__field textarea:focus {
  border-color: rgba(11, 166, 113, 0.55);
  box-shadow: 0 0 0 4px rgba(11, 166, 113, 0.08);
}

.superbot-guide__field small {
  margin-top: 6px;
  display: block;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.45;
}

.superbot-guide__field--flow-brief textarea {
  min-height: 255px;
}

.superbot-guide__guardrail-grid .danger textarea:focus {
  border-color: rgba(218, 73, 102, 0.45);
  box-shadow: 0 0 0 4px rgba(218, 73, 102, 0.07);
}

.superbot-guide__guardrail-grid .handoff textarea:focus {
  border-color: rgba(115, 87, 232, 0.45);
  box-shadow: 0 0 0 4px rgba(115, 87, 232, 0.07);
}

.superbot-guide__brief-examples {
  margin-top: 10px;
}

.superbot-guide__note {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--guide-border);
  border-radius: 13px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--guide-muted);
  background: var(--guide-soft);
  font-size: 12px;
  line-height: 1.5;
}

.superbot-guide__note .v-icon {
  color: var(--guide-accent);
}

.superbot-guide__note.success {
  border-color: rgba(11, 166, 113, 0.18);
  background: var(--guide-accent-soft);
}

.superbot-guide__review-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--guide-border);
  border-radius: 14px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  background: var(--guide-soft);
}

.superbot-guide__review-grid article.wide {
  grid-column: 1/-1;
}

.superbot-guide__review-grid article > span {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
  font-size: 12px;
  font-weight: 950;
}

.superbot-guide__review-grid small,
.superbot-guide__review-grid strong,
.superbot-guide__review-grid p {
  display: block;
}

.superbot-guide__review-grid small {
  color: var(--guide-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.superbot-guide__review-grid strong {
  margin-top: 3px;
  font-size: 12px;
}

.superbot-guide__review-grid p {
  margin: 4px 0 0;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.45;
}

.superbot-guide__actions {
  min-height: 68px;
  padding: 12px 20px;
  border-top: 1px solid var(--guide-border);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  align-items: center;
  background: var(--guide-card);
}

.superbot-guide__actions > small {
  color: var(--guide-muted);
  font-size: 12px;
  font-weight: 760;
}

.superbot-guide__actions button {
  min-height: 42px;
  padding: 0 15px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 900;
}

.superbot-guide__actions .secondary {
  justify-self: start;
  border: 1px solid var(--guide-border);
  color: var(--guide-text);
  background: var(--guide-card);
}

.superbot-guide__actions .primary {
  justify-self: end;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #11ab76, #087c56);
  box-shadow: 0 10px 24px rgba(11, 166, 113, 0.18);
}

.superbot-guide__actions button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
  box-shadow: none;
}

.superbot-guide__preview-card {
  overflow: hidden;
  position: sticky;
  top: 86px;
}

.superbot-guide__preview-art {
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  background: #eaf9f2;
}

.superbot-guide__preview-art img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.superbot-guide__preview-bubble {
  min-height: 17%;
  padding: 9px 13px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 6.2%;
  right: 6.2%;
  bottom: 5.6%;
  color: #17382d;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 8px 24px rgba(18, 87, 61, 0.08);
  backdrop-filter: blur(5px);
}

.superbot-guide__preview-bubble span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #07815a;
  font-size: 12px;
  font-weight: 900;
}

.superbot-guide__preview-bubble p {
  margin: 4px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 680;
}

.superbot-guide__preview-body {
  padding: 18px;
  border-top: 1px solid var(--guide-border);
}

.superbot-guide__preview-body > header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.superbot-guide__preview-body > header small,
.superbot-guide__preview-body > header strong {
  display: block;
}

.superbot-guide__preview-body > header small {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.superbot-guide__preview-body > header strong {
  margin-top: 4px;
  font-size: 0.77rem;
}

.superbot-guide__preview-body > header > span {
  padding: 6px 8px;
  border-radius: 8px;
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
  font-size: 12px;
  font-weight: 950;
}

.superbot-guide__milestones {
  margin-top: 14px;
  display: grid;
  gap: 7px;
}

.superbot-guide__milestones article {
  min-width: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  color: var(--guide-muted);
  background: var(--guide-soft);
}

.superbot-guide__milestones article > span {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: var(--guide-muted);
  background: var(--guide-card);
}

.superbot-guide__milestones strong,
.superbot-guide__milestones small {
  display: block;
}

.superbot-guide__milestones strong {
  color: var(--guide-text);
  font-size: 12px;
}

.superbot-guide__milestones small {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.35;
}

.superbot-guide__milestones em {
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.superbot-guide__milestones article.current {
  border-color: rgba(11, 166, 113, 0.2);
  color: var(--guide-muted);
  background: var(--guide-accent-soft);
}

.superbot-guide__milestones article.current > span {
  color: #fff;
  background: var(--guide-accent);
}

.superbot-guide__milestones article.current em {
  color: var(--guide-accent-strong);
  background: rgba(255, 255, 255, 0.64);
}

.superbot-guide__milestones article.done > span {
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__milestones article.done em {
  color: var(--guide-accent-strong);
}

.superbot-guide__preview-body > footer {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(115, 87, 232, 0.14);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  color: var(--guide-violet);
  background: color-mix(in srgb, var(--guide-violet) 6%, var(--guide-card));
}

.superbot-guide__preview-body > footer strong,
.superbot-guide__preview-body > footer small {
  display: block;
}

.superbot-guide__preview-body > footer strong {
  font-size: 12px;
}

.superbot-guide__preview-body > footer small {
  margin-top: 2px;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.4;
}

.superbot-guide__generating {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(350px, 430px);
  gap: 18px;
  align-items: start;
}

.superbot-guide__generation-main {
  min-height: 660px;
  padding: 34px;
}

.superbot-guide__generation-kicker {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.1em;
}

.superbot-guide__generation-copy-slot {
  height: 144px;
  padding-top: 13px;
}

.superbot-guide__generation-copy-slot h2 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.superbot-guide__generation-copy-slot p {
  max-width: 760px;
  margin: 12px 0 0;
  color: var(--guide-muted);
  font-size: 0.76rem;
  line-height: 1.6;
}

.superbot-guide__generation-progress {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--guide-soft);
}

.superbot-guide__generation-progress i {
  height: 100%;
  border-radius: inherit;
  display: block;
  background: linear-gradient(90deg, #0ba671, #4bd7aa);
  box-shadow: 0 0 18px rgba(11, 166, 113, 0.28);
  transition: width 0.3s ease;
}

.superbot-guide__generation-percent {
  margin: 10px 0 23px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--guide-muted);
  font-size: 12px;
}

.superbot-guide__generation-percent strong {
  color: var(--guide-accent-strong);
  font-size: 0.8rem;
}

.superbot-guide__generation-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.superbot-guide__generation-steps article {
  padding: 12px;
  border: 1px solid var(--guide-border);
  border-radius: 13px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  color: var(--guide-muted);
  background: var(--guide-soft);
}

.superbot-guide__generation-steps article > span {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: var(--guide-card);
}

.superbot-guide__generation-steps strong,
.superbot-guide__generation-steps small {
  display: block;
}

.superbot-guide__generation-steps strong {
  color: var(--guide-text);
  font-size: 12px;
}

.superbot-guide__generation-steps small {
  margin-top: 2px;
  font-size: 12px;
}

.superbot-guide__generation-steps article.current {
  border-color: rgba(11, 166, 113, 0.25);
  color: var(--guide-accent);
  background: var(--guide-accent-soft);
}

.superbot-guide__generation-steps article.done > span {
  color: #fff;
  background: var(--guide-accent);
}

.superbot-guide__generation-tags {
  margin-top: 18px;
}

.superbot-guide__generation-visual {
  padding: 0 0 18px;
  overflow: hidden;
  position: sticky;
  top: 86px;
}

.superbot-guide__generation-orb {
  aspect-ratio: 1/1;
  background: #eaf9f2;
}

.superbot-guide__generation-orb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.superbot-guide__generation-visual > small {
  margin: -82px 7% 24px;
  min-height: 64px;
  padding: 12px 14px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  position: relative;
  color: #17382d;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 24px rgba(18, 87, 61, 0.08);
  backdrop-filter: blur(5px);
  font-size: 12px;
  font-weight: 800;
}

.superbot-guide__generation-visual > div:last-child {
  margin: 0 18px;
  padding: 13px;
  border: 1px solid rgba(11, 166, 113, 0.16);
  border-radius: 13px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__generation-visual > div:last-child strong,
.superbot-guide__generation-visual > div:last-child small {
  display: block;
}

.superbot-guide__generation-visual > div:last-child strong {
  font-size: 12px;
}

.superbot-guide__generation-visual > div:last-child small {
  margin-top: 3px;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.4;
}

.foxie-spin {
  animation: foxie-guide-spin 0.8s linear infinite;
}

.superbot-guide__result {
  display: grid;
  gap: 16px;
}

.superbot-guide__result-head,
.superbot-guide__flow-tour {
  border: 1px solid var(--guide-border);
  border-radius: 22px;
  background: var(--guide-card);
  box-shadow: var(--guide-shadow);
}

.superbot-guide__result-head {
  padding: 25px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.superbot-guide__result-check {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #18b980, #087d57);
}

.superbot-guide__result-head > div > span {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.1em;
}

.superbot-guide__result-head h1 {
  margin: 5px 0;
  font-size: 1.42rem;
  letter-spacing: -0.035em;
}

.superbot-guide__result-head p {
  margin: 0;
  color: var(--guide-muted);
  font-size: 12px;
}

.superbot-guide__result-head > button,
.superbot-guide__flow-tour footer button {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 900;
}

.superbot-guide__result-head > button {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #11ab76, #087c56);
}

.superbot-guide__flow-tour {
  padding: 20px;
  overflow: hidden;
}

.superbot-guide__flow-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.superbot-guide__flow-strip button {
  min-width: 190px;
  padding: 11px;
  border: 1px solid var(--guide-border);
  border-radius: 12px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  color: var(--guide-muted);
  background: var(--guide-soft);
  text-align: left;
}

.superbot-guide__flow-strip button > span {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: var(--guide-card);
  font-size: 12px;
  font-weight: 950;
}

.superbot-guide__flow-strip small,
.superbot-guide__flow-strip strong {
  display: block;
}

.superbot-guide__flow-strip small {
  font-size: 12px;
  text-transform: uppercase;
}

.superbot-guide__flow-strip strong {
  margin-top: 2px;
  color: var(--guide-text);
  font-size: 12px;
}

.superbot-guide__flow-strip button.active {
  border-color: rgba(11, 166, 113, 0.25);
  background: var(--guide-accent-soft);
}

.superbot-guide__flow-explanation {
  min-height: 240px;
  margin-top: 16px;
  padding: 28px;
  border: 1px solid var(--guide-border);
  border-radius: 18px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 70px;
  gap: 20px;
  align-items: center;
  background: linear-gradient(145deg, var(--guide-card), var(--guide-soft));
}

.superbot-guide__flow-number {
  color: rgba(11, 166, 113, 0.22);
  font-size: 2.5rem;
  font-weight: 950;
}

.superbot-guide__flow-copy > span {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.superbot-guide__flow-copy h2 {
  margin: 6px 0 8px;
  font-size: 1.35rem;
}

.superbot-guide__flow-copy > p {
  margin: 0;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.55;
}

.superbot-guide__flow-next {
  margin-top: 15px;
  padding: 11px;
  border-radius: 12px;
  display: flex;
  gap: 8px;
  color: var(--guide-accent-strong);
  background: var(--guide-accent-soft);
}

.superbot-guide__flow-next strong,
.superbot-guide__flow-next small {
  display: block;
}

.superbot-guide__flow-next strong {
  font-size: 12px;
}

.superbot-guide__flow-next small {
  margin-top: 2px;
  color: var(--guide-muted);
  font-size: 12px;
}

.superbot-guide__flow-icon {
  width: 70px;
  height: 70px;
  border-radius: 19px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #18b980, #087d57);
}

.superbot-guide__flow-tour > footer {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: center;
}

.superbot-guide__flow-tour > footer > span {
  color: var(--guide-muted);
  font-size: 12px;
  font-weight: 800;
}

.superbot-guide__flow-tour footer .secondary {
  justify-self: start;
  border: 1px solid var(--guide-border);
  color: var(--guide-text);
  background: var(--guide-card);
}

.superbot-guide__flow-tour footer .primary {
  justify-self: end;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #11ab76, #087c56);
}

.superbot-guide__flow-tour.graph-tour {
  padding: 0;
  background: linear-gradient(180deg, var(--guide-card), color-mix(in srgb, var(--guide-soft) 72%, var(--guide-card)));
}

.superbot-guide__graph-head {
  min-height: 78px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--guide-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: color-mix(in srgb, var(--guide-card) 92%, transparent);
}

.superbot-guide__graph-head > div {
  min-width: 0;
  display: grid;
}

.superbot-guide__graph-head > div > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.09em;
}

.superbot-guide__graph-head > div > span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #13aa78;
  box-shadow: 0 0 0 5px rgba(19, 170, 120, 0.1);
}

.superbot-guide__graph-head strong {
  margin-top: 4px;
  color: var(--guide-text);
  font-size: 14px;
}

.superbot-guide__graph-head small {
  margin-top: 2px;
  color: var(--guide-muted);
  font-size: 12px;
}

.superbot-guide__graph-head > button {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--guide-border);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  color: var(--guide-muted);
  background: var(--guide-soft);
  font-size: 12px;
  font-weight: 850;
}

.superbot-guide__graph-head > button.active {
  color: var(--guide-accent-strong);
  border-color: rgba(11, 166, 113, 0.22);
  background: var(--guide-accent-soft);
}

.superbot-guide__graph-viewport {
  height: min(56vh, 560px);
  min-height: 410px;
  position: relative;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--guide-muted) 17%, transparent) 1px, transparent 1px), radial-gradient(circle at 50% 25%, rgba(49, 203, 148, 0.08), transparent 32%);
  background-size: 22px 22px, auto;
  scroll-behavior: smooth;
}

.superbot-guide__graph-canvas {
  min-width: 100%;
  position: relative;
  overflow: hidden;
}

.superbot-guide__graph-edges {
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
}

.superbot-guide__graph-edges path {
  fill: none;
  stroke: color-mix(in srgb, var(--guide-muted) 30%, transparent);
  stroke-width: 1.5;
  opacity: 0.58;
  transition: stroke 0.28s ease, stroke-width 0.28s ease, opacity 0.28s ease;
}

.superbot-guide__graph-edges marker path {
  fill: color-mix(in srgb, var(--guide-muted) 50%, transparent);
  stroke: none;
}

.superbot-guide__graph-edges path.visited {
  stroke: rgba(14, 155, 105, 0.5);
  opacity: 0.82;
}

.superbot-guide__graph-edges path.active {
  stroke: #0ca873;
  stroke-width: 2.6;
  opacity: 1;
  stroke-dasharray: 7 5;
  animation: foxie-result-edge 1.2s linear infinite;
}

.superbot-guide__graph-node {
  width: 166px;
  min-height: 68px;
  padding: 9px;
  position: absolute;
  z-index: 3;
  border: 1px solid var(--guide-border);
  border-radius: 13px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  text-align: left;
  color: var(--guide-muted);
  background: color-mix(in srgb, var(--guide-card) 93%, transparent);
  box-shadow: 0 8px 24px rgba(10, 55, 39, 0.07);
  opacity: 0.5;
  transform: scale(0.96);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
  backdrop-filter: blur(9px);
}

.superbot-guide__graph-node.visited {
  opacity: 0.78;
}

.superbot-guide__graph-node.active {
  z-index: 7;
  color: var(--guide-text);
  border-color: rgba(9, 168, 113, 0.5);
  opacity: 1;
  transform: scale(1.07);
  box-shadow: 0 0 0 4px rgba(19, 170, 120, 0.09), 0 18px 38px rgba(8, 125, 86, 0.2);
  animation: foxie-result-focus 2.1s ease-in-out infinite;
}

.superbot-guide__graph-node > span {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #0b9768;
  background: var(--guide-accent-soft);
}

.superbot-guide__graph-node.type-end > span, .superbot-guide__graph-node.type-handoff > span {
  color: #fff;
  background: linear-gradient(145deg, #12aa77, #087a55);
}

.superbot-guide__graph-node > div {
  min-width: 0;
  display: grid;
}

.superbot-guide__graph-node small {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.superbot-guide__graph-node strong {
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  font-size: 12px;
}

.superbot-guide__graph-node > b {
  align-self: start;
  color: color-mix(in srgb, var(--guide-muted) 64%, transparent);
  font-size: 12px;
}

.superbot-guide__graph-callout {
  width: 344px;
  min-height: 126px;
  padding: 12px 13px;
  position: absolute;
  z-index: 10;
  border: 1px solid rgba(11, 166, 113, 0.3);
  border-radius: 15px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  color: var(--guide-text);
  background: color-mix(in srgb, var(--guide-card) 96%, transparent);
  box-shadow: 0 20px 48px rgba(8, 91, 63, 0.18);
  backdrop-filter: blur(16px);
}

.superbot-guide__graph-callout > i {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 118px;
  bottom: -8px;
  border-right: 1px solid rgba(11, 166, 113, 0.3);
  border-bottom: 1px solid rgba(11, 166, 113, 0.3);
  background: var(--guide-card);
  transform: rotate(45deg);
}

.superbot-guide__graph-callout-avatar {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(11, 166, 113, 0.2);
  border-radius: 12px;
  overflow: hidden;
  background: #dff8ed;
  box-shadow: 0 8px 18px rgba(10, 139, 94, 0.12);
}

.superbot-guide__graph-callout-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.superbot-guide__graph-callout > div {
  min-width: 0;
}

.superbot-guide__graph-callout small, .superbot-guide__graph-callout strong {
  display: block;
}

.superbot-guide__graph-callout small {
  color: var(--guide-accent-strong);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.07em;
}

.superbot-guide__graph-callout strong {
  margin-top: 3px;
  font-size: 12px;
}

.superbot-guide__graph-callout p {
  margin: 4px 0 0;
  color: var(--guide-muted);
  font-size: 12px;
  line-height: 1.42;
}

.superbot-guide__graph-callout em {
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px solid var(--guide-border);
  display: flex;
  align-items: flex-start;
  gap: 5px;
  color: var(--guide-accent-strong);
  font-size: 12px;
  line-height: 1.35;
  font-style: normal;
}

.superbot-guide__flow-tour.graph-tour > footer {
  min-height: 68px;
  margin: 0;
  padding: 12px 18px;
  border-top: 1px solid var(--guide-border);
  background: var(--guide-card);
}

.superbot-guide__flow-tour.graph-tour > footer > span {
  text-align: center;
  font-size: 12px;
}

.superbot-guide__flow-tour.graph-tour > footer > span b {
  color: var(--guide-accent-strong);
  font-size: 14px;
}

.graph-callout-enter-active, .graph-callout-leave-active {
  transition: opacity 0.22s ease, transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.graph-callout-enter-from, .graph-callout-leave-to {
  opacity: 0;
  transform: translateY(9px) scale(0.97);
}

@keyframes foxie-result-edge {
  to {
    stroke-dashoffset: -24;
  }
}
@keyframes foxie-result-focus {
  50% {
    box-shadow: 0 0 0 7px rgba(19, 170, 120, 0.05), 0 20px 42px rgba(8, 125, 86, 0.23);
  }
}
.guide-forward-enter-active,
.guide-forward-leave-active,
.guide-back-enter-active,
.guide-back-leave-active,
.generation-copy-enter-active,
.generation-copy-leave-active,
.result-card-enter-active,
.result-card-leave-active {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.guide-forward-enter-from,
.guide-back-leave-to {
  opacity: 0;
  transform: translateX(10px);
}

.guide-forward-leave-to,
.guide-back-enter-from {
  opacity: 0;
  transform: translateX(-10px);
}

.generation-copy-enter-from,
.generation-copy-leave-to,
.result-card-enter-from,
.result-card-leave-to {
  opacity: 0;
  transform: translateY(8px);
}

@keyframes foxie-guide-spin {
  to {
    transform: rotate(360deg);
  }
}
html[data-foxie-theme=dark] .superbot-guide {
  --guide-accent-soft: #153b2f;
  background: radial-gradient(circle at 84% 0%, rgba(50, 205, 148, 0.08), transparent 28rem), var(--guide-soft);
}

html[data-foxie-theme=dark] .superbot-guide__preview-bubble,
html[data-foxie-theme=dark] .superbot-guide__generation-visual > small {
  color: #eafff6;
  background: rgba(15, 41, 32, 0.86);
}

html[data-foxie-theme=dark] .superbot-guide__tone-grid button.active i {
  background: #142d24;
}

@media (max-width: 1180px) {
  .superbot-guide {
    padding-inline: 20px;
  }
  .superbot-guide__workspace {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
  }
  .superbot-guide__step-rail button > span {
    font-size: 12px;
  }
  .superbot-guide__generating {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  }
}
@media (max-width: 960px) {
  .superbot-guide__workspace,
  .superbot-guide__generating {
    grid-template-columns: 1fr;
  }
  .superbot-guide__preview-card,
  .superbot-guide__generation-visual {
    width: min(560px, 100%);
    margin-inline: auto;
    position: static;
  }
  .superbot-guide__preview-card {
    order: -1;
  }
  .superbot-guide__preview-body {
    display: none;
  }
  .superbot-guide__preview-art {
    aspect-ratio: 16/10;
  }
  .superbot-guide__preview-art img {
    object-fit: cover;
    object-position: center 37%;
  }
  .superbot-guide__preview-bubble {
    min-height: 22%;
    bottom: 5%;
  }
  .superbot-guide__step-rail {
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .superbot-guide__step-rail button {
    min-width: 132px;
  }
  .superbot-guide__editor-card {
    min-height: 620px;
  }
  .superbot-guide__generation-visual {
    order: -1;
  }
}
@media (max-width: 680px) {
  .superbot-guide {
    padding: 16px 14px 36px;
  }
  .superbot-guide__topbar {
    align-items: flex-start;
  }
  .superbot-guide__brand {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
  }
  .superbot-guide__brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }
  .superbot-guide__brand p {
    display: none;
  }
  .superbot-guide__pause {
    width: 42px;
    height: 42px;
    min-width: 42px;
    padding: 0;
    font-size: 0;
  }
  .superbot-guide__pause .v-icon {
    font-size: 18px;
  }
  .superbot-guide__secure {
    padding-inline: 10px;
    font-size: 12px;
  }
  .superbot-guide__preview-card {
    display: none;
  }
  .superbot-guide__wizard-head {
    grid-template-columns: 1fr;
    padding: 21px 18px 16px;
  }
  .superbot-guide__wizard-status {
    display: none;
  }
  .superbot-guide__question-viewport {
    height: auto;
    min-height: 430px;
    padding: 18px;
    overflow: visible;
  }
  .superbot-guide__question {
    height: auto;
    padding: 0;
    overflow: visible;
  }
  .superbot-guide__compact-points,
  .superbot-guide__choice-grid,
  .superbot-guide__tone-grid,
  .superbot-guide__capability-grid,
  .superbot-guide__guardrail-grid,
  .superbot-guide__review-grid,
  .superbot-guide__generation-steps {
    grid-template-columns: 1fr;
  }
  .superbot-guide__review-grid article.wide {
    grid-column: auto;
  }
  .superbot-guide__actions {
    padding-inline: 14px;
    grid-template-columns: 1fr 1fr;
  }
  .superbot-guide__actions > small {
    display: none;
  }
  .superbot-guide__actions button {
    width: 100%;
  }
  .superbot-guide__generation-main {
    min-height: 0;
    padding: 24px 19px;
  }
  .superbot-guide__generation-copy-slot {
    height: 178px;
  }
  .superbot-guide__result-head {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 19px;
  }
  .superbot-guide__result-head > button {
    grid-column: 1/-1;
  }
  .superbot-guide__flow-explanation {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  .superbot-guide__flow-number,
  .superbot-guide__flow-icon {
    display: none;
  }
  .superbot-guide__flow-tour > footer {
    grid-template-columns: 1fr 1fr;
  }
  .superbot-guide__flow-tour > footer > span {
    display: none;
  }
  .superbot-guide__graph-head {
    align-items: flex-start;
  }
  .superbot-guide__graph-head small {
    display: none;
  }
  .superbot-guide__graph-head > button {
    width: 37px;
    min-width: 37px;
    padding: 0;
    font-size: 0;
  }
  .superbot-guide__graph-viewport {
    height: 54vh;
    min-height: 390px;
  }
  .superbot-guide__graph-callout {
    width: 300px;
  }
  .superbot-guide__flow-tour.graph-tour > footer {
    grid-template-columns: 1fr 1fr;
    padding-inline: 12px;
  }
  .superbot-guide__flow-tour.graph-tour > footer button {
    width: 100%;
    padding-inline: 8px;
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .superbot-guide *,
  .superbot-guide *::before,
  .superbot-guide *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}@media (max-width: 760px) {
  html body .shell-v2 .topbar-v2,
  html body .shell-v2 .shell-content-v2.expanded .topbar-v2 {
    overflow: hidden !important;
  }
  html body .shell-v2 .topbar-actions-v2 {
    min-width: 0 !important;
    max-width: calc(100vw - 56px) !important;
    overflow: visible !important;
  }
  html body .shell-v2 .profile-trigger {
    position: relative !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 0 0 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body .shell-v2 .profile-trigger .header-avatar {
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    transform: none !important;
  }
  html body .shell-v2 .profile-trigger .header-avatar img {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: block !important;
    border-radius: inherit !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }
}.drive-hub-loader {
  --drive-loader-accent:#24b985;
  --drive-loader-accent-2:#7ce4be;
  --drive-loader-accent-3:#e7fff6;
  --drive-loader-glow:rgba(36,185,133,.24);
  position: relative;
  isolation: isolate;
  background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--drive-loader-accent) 8%, transparent), transparent 25%), linear-gradient(145deg, var(--foxie-surface), var(--foxie-surface-soft)) !important;
}

html[data-foxie-plan=starter] .drive-hub-loader {
  --drive-loader-accent:#129b6c;
  --drive-loader-accent-2:#67dbae;
  --drive-loader-accent-3:#e4fff4;
  --drive-loader-glow:rgba(25,173,121,.28);
}

html[data-foxie-plan=growth] .drive-hub-loader {
  --drive-loader-accent:#7156ff;
  --drive-loader-accent-2:#45c7f1;
  --drive-loader-accent-3:#f1f5ff;
  --drive-loader-glow:rgba(128,104,255,.30);
  background: radial-gradient(circle at 44% 34%, rgba(128, 104, 255, 0.11), transparent 23%), radial-gradient(circle at 57% 38%, rgba(72, 207, 245, 0.09), transparent 21%), linear-gradient(145deg, var(--foxie-surface), var(--foxie-surface-soft)) !important;
}

html[data-foxie-plan=scale] .drive-hub-loader {
  --drive-loader-accent:#b98220;
  --drive-loader-accent-2:#e8c45e;
  --drive-loader-accent-3:#fff3bd;
  --drive-loader-glow:rgba(215,180,85,.34);
  background: radial-gradient(circle at 48% 35%, rgba(215, 180, 85, 0.12), transparent 24%), radial-gradient(circle at 55% 40%, rgba(121, 76, 255, 0.06), transparent 25%), linear-gradient(145deg, var(--foxie-surface), var(--foxie-surface-soft)) !important;
}

/*
 * Do not depend on Vuetify/MDI glyph internals here. VIcon renders through a
 * generated ::before and background-clip on the wrapper can make the icon
 * completely transparent depending on the compiled MDI CSS. The cloud below
 * is its own deterministic SVG mask: always visible, always stationary.
 */
.hub-loader-cloud {
  width: 142px !important;
  height: 104px !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  animation: none !important;
}

/*
 * DriveView's original scoped CSS targets every <i> under the cloud. VIcon is
 * also rendered as an <i>, so it must be explicitly neutralized with stronger
 * specificity or the Scale particle rule resurrects the old outlined cloud.
 */
html .hub-loader-cloud > .v-icon,
html[data-foxie-plan=scale] .hub-loader-cloud > .v-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  font-size: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none !important;
}

.hub-loader-cloud::before,
.hub-loader-cloud::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 104px;
  height: 72px;
  transform: translate(-50%, -50%);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.9 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.9 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
}

/* The cloud itself never moves; only its paint moves. */
.hub-loader-cloud::before {
  z-index: 1;
  background: linear-gradient(108deg, var(--drive-loader-accent) 0%, var(--drive-loader-accent-2) 30%, var(--drive-loader-accent-3) 48%, var(--drive-loader-accent-2) 66%, var(--drive-loader-accent) 100%);
  background-size: 240% 100%;
  background-position: 0% 50%;
  filter: drop-shadow(0 11px 17px var(--drive-loader-glow));
  animation: driveCloudGradient 2.6s ease-in-out infinite;
}

/* Narrow reflection travelling across the fixed cloud silhouette. */
.hub-loader-cloud::after {
  z-index: 2;
  background: linear-gradient(100deg, transparent 0%, transparent 34%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0.34) 44%, rgba(255, 255, 255, 0.98) 50%, rgba(255, 255, 255, 0.34) 56%, rgba(255, 255, 255, 0) 61%, transparent 66%, transparent 100%);
  background-size: 320% 100%;
  background-position: 170% 50%;
  mix-blend-mode: screen;
  opacity: 0.92;
  animation: driveCloudReflection 1.9s linear infinite;
}

/* Starter/Growth/Trial stay clean. Scale alone gets gold particles. */
.hub-loader-cloud > i:not(.v-icon) {
  display: none !important;
}

html[data-foxie-plan=scale] .hub-loader-cloud > i:not(.v-icon) {
  display: block !important;
  width: 4px !important;
  height: 4px !important;
  position: absolute !important;
  z-index: 4 !important;
  bottom: 14px !important;
  left: 50% !important;
  border-radius: 50% !important;
  background: #f4d978 !important;
  box-shadow: 0 0 11px rgba(244, 217, 120, 0.82) !important;
  opacity: 0;
  animation: driveScaleParticle 2.8s ease-out infinite !important;
}

html[data-foxie-plan=scale] .hub-loader-cloud > i:not(.v-icon):nth-child(2) {
  margin-left: -33px;
  animation-delay: 0.05s !important;
  box-shadow: 18px 8px 0 -1px #cfa43d, 43px -5px 0 -1px #f6df91, 0 0 11px rgba(244, 217, 120, 0.78) !important;
}

html[data-foxie-plan=scale] .hub-loader-cloud > i:not(.v-icon):nth-child(3) {
  margin-left: 1px;
  animation-delay: 0.78s !important;
  box-shadow: -41px -2px 0 -1px #e1be5a, 28px 8px 0 -1px #c8992d, 0 0 11px rgba(244, 217, 120, 0.72) !important;
}

html[data-foxie-plan=scale] .hub-loader-cloud > i:not(.v-icon):nth-child(4) {
  margin-left: 31px;
  animation-delay: 1.43s !important;
  box-shadow: -24px 11px 0 -1px #f8e6a5, 23px -9px 0 -1px #d2aa45, 0 0 11px rgba(244, 217, 120, 0.7) !important;
}

.hub-loader-copy strong {
  margin-top: 10px !important;
  font-size: 1.06rem !important;
  letter-spacing: -0.018em;
}

.hub-loader-copy span {
  margin-top: 6px !important;
  font-size: 12px !important;
}

.hub-loader-line {
  height: 7px !important;
  background: color-mix(in srgb, var(--drive-loader-accent) 10%, var(--foxie-border)) !important;
}

.hub-loader-line i {
  background: linear-gradient(90deg, transparent, var(--drive-loader-accent), var(--drive-loader-accent-2), transparent) !important;
  box-shadow: 0 0 14px var(--drive-loader-glow);
}

.hub-loader-cards span {
  background: linear-gradient(100deg, color-mix(in srgb, var(--drive-loader-accent) 3%, var(--foxie-surface-soft)) 20%, color-mix(in srgb, var(--drive-loader-accent) 11%, var(--foxie-surface)) 40%, color-mix(in srgb, var(--drive-loader-accent) 3%, var(--foxie-surface-soft)) 60%) !important;
  background-size: 240% 100% !important;
  border: 1px solid color-mix(in srgb, var(--drive-loader-accent) 8%, var(--foxie-border));
}

html[data-foxie-theme=dark] .drive-hub-loader {
  background: radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--drive-loader-accent) 14%, transparent), transparent 25%), linear-gradient(145deg, #111a17, #0e1512) !important;
  border-color: color-mix(in srgb, var(--drive-loader-accent) 18%, #2a3b34) !important;
}

html[data-foxie-theme=dark][data-foxie-plan=growth] .drive-hub-loader {
  background: radial-gradient(circle at 43% 34%, rgba(128, 104, 255, 0.18), transparent 24%), radial-gradient(circle at 57% 38%, rgba(72, 207, 245, 0.11), transparent 22%), linear-gradient(145deg, #121827, #0d131c) !important;
}

html[data-foxie-theme=dark][data-foxie-plan=scale] .drive-hub-loader {
  background: radial-gradient(circle at 48% 35%, rgba(215, 180, 85, 0.18), transparent 25%), radial-gradient(circle at 56% 42%, rgba(121, 76, 255, 0.08), transparent 26%), linear-gradient(145deg, #181712, #0d0c0a) !important;
}

@keyframes driveCloudGradient {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes driveCloudReflection {
  0% {
    background-position: 170% 50%;
    opacity: 0.08;
  }
  12% {
    opacity: 0.62;
  }
  50% {
    opacity: 1;
  }
  88% {
    opacity: 0.62;
  }
  100% {
    background-position: -70% 50%;
    opacity: 0.08;
  }
}
@keyframes driveScaleParticle {
  0% {
    opacity: 0;
    transform: translate3d(0, 7px, 0) scale(0.55);
  }
  18% {
    opacity: 0.98;
  }
  62% {
    opacity: 0.55;
  }
  100% {
    opacity: 0;
    transform: translate3d(7px, -72px, 0) scale(1.18);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hub-loader-cloud::before, .hub-loader-cloud::after, html[data-foxie-plan=scale] .hub-loader-cloud > i:not(.v-icon) {
    animation: none !important;
  }
}/* Staff Support: full-height inbox-style workspace.
 * Mirrors the product Atendimento layout: shell header/sidebar stay visible;
 * the support operation fills every remaining pixel.
 */

/* Remove the generic page canvas only when the support workspace is mounted. */
.staff-main:has(.support-ops){height:100dvh!important;min-height:0!important;overflow:hidden!important}
.staff-content:has(.support-ops){width:auto!important;max-width:none!important;height:calc(100dvh - 70px)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

.staff-shell .support-ops{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:52px minmax(0,1fr)!important;
  overflow:hidden!important;
}

/* The dashboard title/KPI treatment was the thing crushing the chat. The top
 * 52px is now a real taskbar: status filters on the left, search on the right. */
.staff-shell .support-ops .page-head{
  grid-column:1!important;
  grid-row:1!important;
  z-index:5!important;
  width:auto!important;
  min-width:370px!important;
  height:52px!important;
  margin:0!important;
  padding:7px 14px!important;
  justify-self:end!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .page-head>div:first-child{display:none!important}
.staff-shell .support-ops .head-tools{width:100%!important;display:flex!important;justify-content:flex-end!important;gap:7px!important}
.staff-shell .support-ops .search-box{width:min(360px,100%)!important;min-width:0!important;height:38px!important;border-radius:11px!important;padding:0 11px!important}
.staff-shell .support-ops .search-box input{font-size:13px!important}
.staff-shell .support-ops .refresh{width:38px!important;height:38px!important;border-radius:11px!important;flex:0 0 38px!important}

.staff-shell .support-ops .status-tabs{
  grid-column:1!important;
  grid-row:1!important;
  z-index:6!important;
  align-self:stretch!important;
  justify-self:start!important;
  width:calc(100% - 390px)!important;
  min-width:0!important;
  height:52px!important;
  margin:0!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
  scrollbar-width:none!important;
}
.staff-shell .support-ops .status-tabs::-webkit-scrollbar{display:none!important}
.staff-shell .support-ops .status-tabs button{
  flex:0 0 auto!important;
  height:34px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
}
.staff-shell .support-ops .status-tabs b{font-size:12px!important}

/* Scope counters live as a compact toolbar over the queue, rather than five
 * giant KPI cards stealing a full row of vertical space. */
.staff-shell .support-ops .queue-kpis{
  position:absolute!important;
  z-index:11!important;
  left:0!important;
  top:52px!important;
  width:320px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border-right:1px solid var(--foxie-border)!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .queue-kpis>.sla-card{display:none!important}
.staff-shell .support-ops .queue-kpis>button{
  min-width:0!important;
  height:48px!important;
  padding:5px 4px!important;
  border:0!important;
  border-right:1px solid var(--foxie-border)!important;
  border-radius:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  color:var(--foxie-ink)!important;
  box-shadow:none!important;
}
.staff-shell .support-ops .queue-kpis>button:last-of-type{border-right:0!important}
.staff-shell .support-ops .queue-kpis>button.active{background:var(--foxie-surface-soft)!important;box-shadow:inset 0 -2px 0 var(--foxie-green)!important}
.staff-shell .support-ops .queue-kpis .kpi-icon{display:none!important}
.staff-shell .support-ops .queue-kpis>button>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important}
.staff-shell .support-ops .queue-kpis small{font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--foxie-muted)!important}
.staff-shell .support-ops .queue-kpis strong{font-size:12px!important;line-height:1!important;margin:0!important;color:var(--foxie-ink)!important}

/* Full-height workspace. No rounded dashboard card, no artificial min-height. */
.staff-shell .support-ops .desk,
.staff-shell .support-ops .desk.has-ticket{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .desk{grid-template-columns:320px minmax(0,1fr)!important}
.staff-shell .support-ops .desk.has-ticket{grid-template-columns:320px minmax(0,1fr) 360px!important}

.staff-shell .support-ops .ticket-queue,
.staff-shell .support-ops .conversation-pane,
.staff-shell .support-ops .intel-pane{min-width:0!important;min-height:0!important;height:100%!important}

/* Queue behaves like the left pane in Atendimento. */
.staff-shell .support-ops .ticket-queue{
  padding-top:48px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  border-right:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface)!important;
  scrollbar-width:thin!important;
  scrollbar-color:#596879 transparent!important;
}
.staff-shell .support-ops .queue-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  min-height:54px!important;
  padding:11px 14px!important;
  background:var(--foxie-surface-raised)!important;
  border-bottom:1px solid var(--foxie-border)!important;
}
.staff-shell .support-ops .queue-head strong{font-size:13px!important}
.staff-shell .support-ops .queue-head small{font-size:12px!important}
.staff-shell .support-ops .live-dot{font-size:12px!important}
.staff-shell .support-ops .ticket-card{padding:14px!important;gap:7px!important}
.staff-shell .support-ops .ticket-line>span{font-size:12px!important}
.staff-shell .support-ops .priority,.staff-shell .support-ops .unassigned-pill{font-size:12px!important;padding:4px 7px!important}
.staff-shell .support-ops .ticket-card>strong{font-size:14px!important;line-height:1.35!important}
.staff-shell .support-ops .ticket-card>p{font-size:12px!important;line-height:1.4!important}
.staff-shell .support-ops .customer-line b{font-size:12px!important}
.staff-shell .support-ops .customer-line small,.staff-shell .support-ops .ticket-card footer,.staff-shell .support-ops .assignee small{font-size:12px!important}

/* Conversation is the main product surface. Header + operation toolbar + scroll
 * + composer. The message viewport owns the remaining vertical space. */
.staff-shell .support-ops .conversation-pane{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-right:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-soft)!important;
}
.staff-shell .support-ops .conversation-head{
  min-height:72px!important;
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .subject{min-width:0!important;flex:1 1 auto!important}
.staff-shell .support-ops .subject small{font-size:12px!important}
.staff-shell .support-ops .subject h2{margin:3px 0!important;font-size:23px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
.staff-shell .support-ops .subject p{margin:0!important;font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.staff-shell .support-ops .head-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important}
.staff-shell .support-ops .head-actions button{height:36px!important;padding:0 11px!important;font-size:12px!important;border-radius:10px!important}

/* This is the support taskbar: owner, priority, status and contextual actions. */
.staff-shell .support-ops .control-strip{
  min-height:54px!important;
  padding:8px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1.45fr) minmax(112px,.62fr) minmax(138px,.78fr) auto!important;
  align-items:end!important;
  gap:8px!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .control-strip label{gap:3px!important;min-width:0!important}
.staff-shell .support-ops .control-strip label>span{font-size:12px!important;letter-spacing:.07em!important}
.staff-shell .support-ops .control-strip select{width:100%!important;height:35px!important;padding:0 9px!important;font-size:12px!important;border-radius:9px!important}
.staff-shell .support-ops .intel-mobile{height:35px!important;font-size:12px!important}

.staff-shell .support-ops .timeline{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:22px clamp(20px,3vw,40px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:#596879 transparent!important;
  background:var(--foxie-surface-soft)!important;
}
.staff-shell .support-ops .timeline-start small{font-size:12px!important}
.staff-shell .support-ops .bubble{max-width:min(760px,76%)!important;padding:13px 15px!important;border-radius:16px!important}
.staff-shell .support-ops .bubble header strong{font-size:12px!important}.staff-shell .support-ops .bubble time{font-size:12px!important}.staff-shell .support-ops .message-role{font-size:12px!important}.staff-shell .support-ops .bubble p{margin:8px 0 0!important;font-size:15px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.staff-shell .support-ops .native-gif,.staff-shell .support-ops .image-attachment{width:min(320px,100%)!important}.staff-shell .support-ops .native-gif img,.staff-shell .support-ops .image-attachment img{max-height:340px!important;object-fit:contain!important}.staff-shell .support-ops .native-gif span,.staff-shell .support-ops .image-attachment span{font-size:12px!important}.staff-shell .support-ops .file-attachment strong{font-size:12px!important}.staff-shell .support-ops .file-attachment small{font-size:12px!important}

/* Composer stays attached to the bottom exactly like a chat application. */
.staff-shell .support-ops .composer{
  position:relative!important;
  padding:9px 12px 11px!important;
  border-top:1px solid var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .compose-box{border-radius:14px!important}
.staff-shell .support-ops .compose-box>textarea{min-height:70px!important;max-height:150px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.5!important}
.staff-shell .support-ops .composer-tools>button{min-width:36px!important;height:36px!important}.staff-shell .support-ops .internal-toggle,.staff-shell .support-ops .gif-mark{font-size:12px!important}.staff-shell .support-ops .send{height:36px!important;padding:0 13px!important;font-size:12px!important}

/* Client Intelligence is an independent drawer-like pane, never a reason to
 * shorten the conversation. */
.staff-shell .support-ops .intel-pane{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:#596879 transparent!important;
  background:var(--foxie-surface)!important;
}
.staff-shell .support-ops .intel-head{position:sticky!important;top:0!important;z-index:4!important;padding:13px 14px!important;background:var(--foxie-surface-raised)!important}.staff-shell .support-ops .intel-head strong{font-size:15px!important}.staff-shell .support-ops .intel-head span{font-size:12px!important}.staff-shell .support-ops .client-profile{padding:14px!important}.staff-shell .support-ops .client-profile strong{font-size:14px!important}.staff-shell .support-ops .client-profile small{font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere!important}.staff-shell .support-ops .client-profile em{font-size:12px!important}.staff-shell .support-ops .money-grid article{min-width:0!important;min-height:90px!important;overflow:hidden!important}.staff-shell .support-ops .money-grid small{font-size:12px!important}.staff-shell .support-ops .money-grid strong{display:block!important;font-size:21px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.staff-shell .support-ops .money-grid span,.staff-shell .support-ops .financial-note{font-size:12px!important;line-height:1.4!important}.staff-shell .support-ops .facts-grid small{font-size:12px!important}.staff-shell .support-ops .facts-grid strong{font-size:15px!important}.staff-shell .support-ops .ai-card>header strong,.staff-shell .support-ops .workspace-context>header strong,.staff-shell .support-ops .history-context>header strong{font-size:13px!important}.staff-shell .support-ops .ai-card>header button{font-size:12px!important}.staff-shell .support-ops .ai-empty p{font-size:12px!important;line-height:1.5!important}.staff-shell .support-ops .ai-content>p,.staff-shell .support-ops .ai-content div p,.staff-shell .support-ops .ai-content li{font-size:13px!important;line-height:1.55!important}

.staff-shell .support-ops .ticket-queue::-webkit-scrollbar,.staff-shell .support-ops .timeline::-webkit-scrollbar,.staff-shell .support-ops .intel-pane::-webkit-scrollbar{width:9px}.staff-shell .support-ops .ticket-queue::-webkit-scrollbar-thumb,.staff-shell .support-ops .timeline::-webkit-scrollbar-thumb,.staff-shell .support-ops .intel-pane::-webkit-scrollbar-thumb{background:#596879;border:2px solid transparent;background-clip:padding-box;border-radius:999px}

/* Neutral graphite dark mode; green is only an accent/action color. */
html[data-foxie-theme='dark'] .staff-shell{--foxie-surface-soft:#090f15;--foxie-surface:#0d141b;--foxie-surface-raised:#111922;--foxie-border:#2a3643;--foxie-ink:#f3f6fa;--foxie-muted:#99a7b6;--foxie-green:#2ccf9c;background:#090e13!important;color:#f3f6fa!important}
html[data-foxie-theme='dark'] .staff-shell .staff-sidebar{background:#0d131a!important;border-right-color:#25313d!important;box-shadow:8px 0 28px rgba(0,0,0,.14)!important}
html[data-foxie-theme='dark'] .staff-shell .staff-topbar{background:#0a1016!important;border-bottom-color:#25313d!important;box-shadow:none!important}
html[data-foxie-theme='dark'] .staff-shell .staff-content{background:#090e13!important}
html[data-foxie-theme='dark'] .staff-shell .operator-card{background:#131a23!important;border-color:#293542!important;box-shadow:none!important}
html[data-foxie-theme='dark'] .staff-shell .staff-nav a.active{background:#17202a!important;border-color:#354452!important;box-shadow:none!important}
html[data-foxie-theme='dark'] .staff-shell .nav-icon{background:#121922!important;border-color:#26323e!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .page-head,html[data-foxie-theme='dark'] .staff-shell .support-ops .status-tabs,html[data-foxie-theme='dark'] .staff-shell .support-ops .queue-kpis,html[data-foxie-theme='dark'] .staff-shell .support-ops .queue-head,html[data-foxie-theme='dark'] .staff-shell .support-ops .conversation-head,html[data-foxie-theme='dark'] .staff-shell .support-ops .control-strip,html[data-foxie-theme='dark'] .staff-shell .support-ops .composer,html[data-foxie-theme='dark'] .staff-shell .support-ops .intel-head{background:#111922!important;border-color:#2a3643!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .ticket-queue,html[data-foxie-theme='dark'] .staff-shell .support-ops .intel-pane{background:#0d141b!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .conversation-pane,html[data-foxie-theme='dark'] .staff-shell .support-ops .timeline{background:#090f15!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .ticket-card:hover{background:#151d26!important}html[data-foxie-theme='dark'] .staff-shell .support-ops .ticket-card.active{background:#18222c!important}html[data-foxie-theme='dark'] .staff-shell .support-ops .bubble{background:#141c25!important;border-color:#2b3743!important;box-shadow:none!important}html[data-foxie-theme='dark'] .staff-shell .support-ops .bubble.staff{background:#172129!important;border-color:#34444e!important}html[data-foxie-theme='dark'] .staff-shell .support-ops .control-strip select,html[data-foxie-theme='dark'] .staff-shell .support-ops .compose-box,html[data-foxie-theme='dark'] .staff-shell .support-ops .secondary{background:#121922!important;border-color:#2a3642!important}html[data-foxie-theme='dark'] .staff-shell .support-ops .close{color:#c0c9d2!important;background:#131b24!important;border-color:#34414e!important}html[data-foxie-theme='dark'] .staff-shell .support-ops .money-grid article,html[data-foxie-theme='dark'] .staff-shell .support-ops .ai-card,html[data-foxie-theme='dark'] .staff-shell .support-ops .workspace-context,html[data-foxie-theme='dark'] .staff-shell .support-ops .history-context{background:#141c25!important;border-color:#2c3945!important;box-shadow:none!important}

@media(max-width:1350px){.staff-shell .support-ops .desk.has-ticket{grid-template-columns:300px minmax(0,1fr) 330px!important}.staff-shell .support-ops .queue-kpis{width:300px!important}.staff-shell .support-ops .subject h2{font-size:20px!important}}
@media(max-width:1120px){.staff-shell .support-ops .desk,.staff-shell .support-ops .desk.has-ticket{grid-template-columns:290px minmax(0,1fr)!important}.staff-shell .support-ops .queue-kpis{width:290px!important}.staff-shell .support-ops .intel-pane{display:none!important}.staff-shell .support-ops .intel-mobile{display:flex!important}.staff-shell .support-ops .status-tabs{width:calc(100% - 350px)!important}.staff-shell .support-ops .page-head{min-width:350px!important}}
@media(max-width:820px){.staff-content:has(.support-ops){height:auto!important;overflow:visible!important}.staff-main:has(.support-ops){height:auto!important;overflow:visible!important}.staff-shell .support-ops{height:auto!important;min-height:calc(100dvh - 58px)!important;display:block!important;overflow:visible!important}.staff-shell .support-ops .page-head{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;padding:8px!important}.staff-shell .support-ops .status-tabs{position:relative!important;width:100%!important;height:46px!important;padding:6px 8px!important}.staff-shell .support-ops .queue-kpis{position:relative!important;top:auto!important;width:100%!important;height:46px!important;grid-template-columns:repeat(4,1fr)!important}.staff-shell .support-ops .desk,.staff-shell .support-ops .desk.has-ticket{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.staff-shell .support-ops .ticket-queue{padding-top:0!important;max-height:320px!important;border-right:0!important;border-bottom:1px solid var(--foxie-border)!important}.staff-shell .support-ops .conversation-pane{min-height:calc(100dvh - 58px)!important;border-right:0!important}.staff-shell .support-ops .control-strip{grid-template-columns:1fr 1fr!important}.staff-shell .support-ops .control-strip label:first-child{grid-column:1/-1!important}.staff-shell .support-ops .bubble{max-width:92%!important}}
/* Final Staff Support refinement — parity with Atendimento standard. */

/* Context drawer: collapsible without touching route or ticket state. */
.staff-shell .support-ops .desk.has-ticket{transition:grid-template-columns .2s ease!important}
.staff-shell .support-ops.intel-collapsed .desk.has-ticket{grid-template-columns:320px minmax(0,1fr) 0!important}
.staff-shell .support-ops.intel-collapsed .intel-pane{width:0!important;min-width:0!important;opacity:0!important;pointer-events:none!important;border-left:0!important;overflow:hidden!important}
.staff-shell .support-ops .intel-pane{transition:width .2s ease,opacity .16s ease!important}
.staff-shell .support-ops .intel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.staff-shell .support-ops .intel-head>div{min-width:0!important;display:grid!important}
.staff-shell .support-ops .intel-head>button{width:32px!important;height:32px!important;flex:0 0 32px!important;border:1px solid var(--foxie-border)!important;border-radius:9px!important;display:grid!important;place-items:center!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important}
.staff-shell .support-ops .intel-head .intel-collapse svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.staff-shell .support-ops .intel-toggle{width:auto!important;min-width:105px!important;height:34px!important;padding:0 8px!important;border:1px solid color-mix(in srgb,#7c6ee7 25%,var(--foxie-border))!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#7166d6!important;background:color-mix(in srgb,#786be0 7%,var(--foxie-surface-raised))!important}
.staff-shell .support-ops .intel-toggle svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.staff-shell .support-ops .intel-toggle span{font-size:12px!important;font-weight:850!important}.staff-shell .support-ops .intel-toggle i{font-size:12px!important;font-style:normal!important;font-weight:900!important;opacity:.72!important}
.staff-shell .support-ops.intel-collapsed .intel-toggle{border-color:color-mix(in srgb,var(--foxie-green) 25%,var(--foxie-border))!important;color:var(--foxie-green)!important;background:color-mix(in srgb,var(--foxie-green) 6%,var(--foxie-surface-raised))!important}

/* Header: same density as the standard Atendimento conversation header. */
.staff-shell .support-ops .conversation-head{min-height:58px!important;height:58px!important;padding:7px 12px!important;gap:9px!important}
.staff-shell .support-ops .subject{display:grid!important;align-content:center!important;min-width:0!important}
.staff-shell .support-ops .subject small{font-size:12px!important;line-height:1.1!important;color:var(--foxie-muted)!important}
.staff-shell .support-ops .subject h2{margin:2px 0 1px!important;font-size:16px!important;line-height:1.2!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.staff-shell .support-ops .subject p{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--foxie-muted)!important}
.staff-shell .support-ops .head-actions{gap:4px!important}
.staff-shell .support-ops .head-actions>button{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:0!important}
.staff-shell .support-ops .head-actions>button.claim{width:auto!important;min-width:86px!important;padding:0 10px!important;display:inline-flex!important;gap:5px!important;font-size:12px!important}
.staff-shell .support-ops .head-actions>button.secondary,.staff-shell .support-ops .head-actions>button.close{font-size:0!important}
.staff-shell .support-ops .head-actions>button .v-icon{font-size:18px!important}

/* Operational controls become a slim toolbar, not a second header. */
.staff-shell .support-ops .control-strip{min-height:43px!important;height:43px!important;padding:5px 10px!important;grid-template-columns:minmax(150px,1.45fr) 105px 126px auto!important;align-items:center!important;gap:6px!important}
.staff-shell .support-ops .control-strip label{position:relative!important;display:block!important;min-width:0!important}
.staff-shell .support-ops .control-strip label>span{display:none!important}
.staff-shell .support-ops .control-strip select{height:32px!important;padding:0 28px 0 9px!important;border-radius:9px!important;font-size:12px!important;background:var(--foxie-surface-soft)!important}
.staff-shell .support-ops .intel-mobile{height:32px!important;padding:0 9px!important;font-size:12px!important}

/* Conversation breathes more now that chrome is thin. */
.staff-shell .support-ops .timeline{padding:18px clamp(18px,3.2vw,44px)!important;gap:7px!important}
.staff-shell .support-ops .timeline-start{margin:0 0 8px!important}.staff-shell .support-ops .timeline-start small{font-size:12px!important}
.staff-shell .support-ops .bubble{max-width:min(700px,72%)!important;padding:9px 11px 8px!important;border-radius:15px 15px 15px 5px!important}
.staff-shell .support-ops .bubble.staff{border-radius:15px 15px 5px 15px!important}
.staff-shell .support-ops .bubble header strong{font-size:12px!important}.staff-shell .support-ops .bubble time{font-size:12px!important}.staff-shell .support-ops .message-role{font-size:12px!important}.staff-shell .support-ops .bubble p{margin:5px 0 0!important;font-size:13px!important;line-height:1.5!important}

/* Composer parity: ~68px base like Atendimento, tools in one clean taskbar. */
.staff-shell .support-ops .composer{min-height:68px!important;padding:8px 10px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.staff-shell .support-ops .compose-box{min-height:50px!important;border-radius:13px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:minmax(36px,auto)!important;align-items:end!important;overflow:visible!important;background:var(--foxie-surface-raised)!important}
.staff-shell .support-ops .compose-box>textarea{grid-column:1/2!important;grid-row:1!important;width:100%!important;min-height:42px!important;max-height:92px!important;padding:11px 8px 8px 11px!important;resize:none!important;font-size:12.5px!important;line-height:1.45!important;align-self:center!important}
.staff-shell .support-ops .composer-bar{grid-column:2!important;grid-row:1!important;align-self:end!important;min-height:48px!important;padding:5px 6px!important;display:flex!important;align-items:center!important;gap:5px!important;background:transparent!important}
.staff-shell .support-ops .composer-tools{display:flex!important;align-items:center!important;gap:3px!important}
.staff-shell .support-ops .composer-tools>button{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border:1px solid transparent!important;border-radius:9px!important;display:grid!important;place-items:center!important;color:var(--foxie-muted)!important;background:transparent!important}
.staff-shell .support-ops .composer-tools>button:hover,.staff-shell .support-ops .composer-tools>button.active{color:var(--foxie-ink)!important;border-color:var(--foxie-border)!important;background:var(--foxie-surface-soft)!important}
.staff-shell .support-ops .composer-tools>button.recording{color:#d9545d!important;border-color:color-mix(in srgb,#d9545d 28%,var(--foxie-border))!important;background:color-mix(in srgb,#d9545d 8%,var(--foxie-surface-soft))!important}
.staff-shell .support-ops .composer-tools>button i{position:absolute!important;left:29px!important;top:7px!important;padding:2px 4px!important;border-radius:999px!important;font-size:12px!important;background:var(--foxie-surface-raised)!important;color:var(--foxie-ink)!important;box-shadow:0 0 0 1px var(--foxie-border)!important}
.staff-shell .support-ops .gif-mark{width:24px!important;height:18px!important;border:1px solid currentColor!important;border-radius:5px!important;display:grid!important;place-items:center!important;font-size:12px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important}
.staff-shell .support-ops .internal-toggle{height:34px!important;margin:0 0 0 2px!important;padding:0 8px!important;border:1px solid var(--foxie-border)!important;border-radius:9px!important;display:flex!important;align-items:center!important;gap:6px!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important}
.staff-shell .support-ops .internal-toggle input{width:14px!important;height:14px!important;margin:0!important;accent-color:#d19a35!important}
.staff-shell .support-ops .internal-toggle:has(input:checked){color:#a86f0b!important;border-color:color-mix(in srgb,#d19a35 35%,var(--foxie-border))!important;background:color-mix(in srgb,#d19a35 9%,var(--foxie-surface-soft))!important}
.staff-shell .support-ops .send{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important}
.staff-shell .support-ops .send span{display:none!important}.staff-shell .support-ops .send .v-icon{font-size:18px!important}

/* Pending media and pickers stay above the compact composer. */
.staff-shell .support-ops .pending-files{margin:0 0 6px!important;padding:0 2px!important}.staff-shell .support-ops .pending-files>span{height:30px!important;font-size:12px!important;border-color:var(--foxie-border)!important;background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important}
.staff-shell .support-ops .picker{bottom:72px!important;border-color:var(--foxie-border)!important;background:var(--foxie-surface-raised)!important;box-shadow:0 18px 48px rgba(0,0,0,.16)!important}
.staff-shell .support-ops .picker button{color:var(--foxie-ink)!important}.staff-shell .support-ops .picker input{color:var(--foxie-ink)!important;background:transparent!important}

/* Explicit icon contrast for both themes. Vuetify SVG/icon inheritance was
 * being overridden by old product-wide chat styles. */
.staff-shell .support-ops .composer-tools .v-icon,.staff-shell .support-ops .head-actions .v-icon,.staff-shell .support-ops .intel-toggle .v-icon,.staff-shell .support-ops .intel-head .v-icon{color:inherit!important;opacity:1!important}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer-tools>button{color:#61706c!important}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer-tools>button:hover,html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer-tools>button.active{color:#17352d!important;background:#f2f7f5!important;border-color:#cbd8d3!important}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .internal-toggle{color:#61706c!important;background:#f7faf9!important;border-color:#d8e1de!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .composer-tools>button{color:#a5b2bf!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .composer-tools>button:hover,html[data-foxie-theme='dark'] .staff-shell .support-ops .composer-tools>button.active{color:#edf3f7!important;background:#18222c!important;border-color:#354250!important}
html[data-foxie-theme='dark'] .staff-shell .support-ops .internal-toggle{color:#a9b5c0!important;background:#121922!important;border-color:#2e3a46!important}

@media(max-width:1350px){.staff-shell .support-ops.intel-collapsed .desk.has-ticket{grid-template-columns:300px minmax(0,1fr) 0!important}.staff-shell .support-ops .intel-toggle{min-width:34px!important;width:34px!important;padding:0!important}.staff-shell .support-ops .intel-toggle span,.staff-shell .support-ops .intel-toggle i{display:none!important}}
@media(max-width:1120px){.staff-shell .support-ops .intel-toggle{display:none!important}.staff-shell .support-ops.intel-collapsed .desk.has-ticket{grid-template-columns:290px minmax(0,1fr)!important}.staff-shell .support-ops .compose-box{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important}.staff-shell .support-ops .compose-box>textarea{grid-column:1!important}.staff-shell .support-ops .composer-bar{grid-column:1!important;grid-row:2!important;min-height:42px!important;border-top:1px solid var(--foxie-border)!important}.staff-shell .support-ops .internal-toggle span{display:none!important}}
/* Staff primary sidebar collapsed mode.
 * StaffShell already toggles .sidebar-collapsed; this file makes that state real.
 */
@media (min-width: 821px) {
  .staff-shell {
    --staff-side-expanded: 278px;
    --staff-side-collapsed: 72px;
  }

  .staff-shell .staff-sidebar,
  .staff-shell .staff-main {
    transition: width .18s ease, margin-left .18s ease, padding .18s ease;
  }

  .staff-shell.sidebar-collapsed {
    --staff-side: var(--staff-side-collapsed) !important;
  }

  .staff-shell.sidebar-collapsed .staff-sidebar {
    width: var(--staff-side-collapsed) !important;
    padding: 14px 10px !important;
    overflow: visible !important;
  }

  .staff-shell.sidebar-collapsed .staff-main {
    margin-left: var(--staff-side-collapsed) !important;
  }

  .staff-shell.sidebar-collapsed .sidebar-brand {
    height: 46px;
    padding: 0 0 12px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .staff-shell.sidebar-collapsed .brand-lockup {
    display: none !important;
  }

  .staff-shell.sidebar-collapsed .sidebar-toggle.desktop-only {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border: 1px solid var(--foxie-border) !important;
    border-radius: 11px !important;
    background: var(--foxie-surface-raised) !important;
    color: var(--foxie-muted) !important;
  }

  .staff-shell.sidebar-collapsed .operator-card {
    margin: 12px 0 8px !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    border-radius: 13px !important;
  }

  .staff-shell.sidebar-collapsed .operator-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
  }

  .staff-shell.sidebar-collapsed .operator-copy,
  .staff-shell.sidebar-collapsed .nav-label,
  .staff-shell.sidebar-collapsed .nav-copy,
  .staff-shell.sidebar-collapsed .nav-badge,
  .staff-shell.sidebar-collapsed .staff-plan,
  .staff-shell.sidebar-collapsed .back-product span {
    display: none !important;
  }

  .staff-shell.sidebar-collapsed .staff-nav {
    overflow-x: visible !important;
    padding: 5px 0 12px !important;
  }

  .staff-shell.sidebar-collapsed .staff-nav a {
    width: 50px !important;
    min-height: 48px !important;
    margin: 4px 0 !important;
    padding: 6px !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 0 !important;
    border-radius: 13px !important;
  }

  .staff-shell.sidebar-collapsed .nav-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
  }

  .staff-shell.sidebar-collapsed .staff-nav a::after {
    content: attr(href);
    display: none;
  }

  .staff-shell.sidebar-collapsed .staff-nav a:hover::before {
    content: attr(aria-label);
  }

  .staff-shell.sidebar-collapsed .sidebar-foot {
    padding: 9px 0 0 !important;
    justify-items: center !important;
  }

  .staff-shell.sidebar-collapsed .back-product {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--foxie-border) !important;
    border-radius: 11px !important;
    background: var(--foxie-surface-raised) !important;
  }

  /* Let full-screen support immediately reclaim the freed width. */
  .staff-shell.sidebar-collapsed .staff-content:has(.support-ops) {
    width: auto !important;
    max-width: none !important;
  }
}
/* Staff Support v2 — compact inbox density and polished chat chrome.
   Loaded last. This intentionally keeps the conversation as the dominant area. */

/* Top taskbar: less chrome, more conversation. */
.staff-shell .support-ops{
  grid-template-rows:44px minmax(0,1fr)!important;
}
.staff-shell .support-ops .page-head{
  height:44px!important;
  min-width:350px!important;
  padding:5px 10px!important;
}
.staff-shell .support-ops .head-tools{gap:6px!important}
.staff-shell .support-ops .search-box{
  width:min(330px,100%)!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.staff-shell .support-ops .search-box input{font-size:12px!important}
.staff-shell .support-ops .refresh{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:9px!important;
}
.staff-shell .support-ops .status-tabs{
  width:calc(100% - 356px)!important;
  height:44px!important;
  padding:5px 8px!important;
  gap:2px!important;
}
.staff-shell .support-ops .status-tabs button{
  height:30px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:760!important;
}
.staff-shell .support-ops .status-tabs b{
  min-width:15px!important;
  padding:2px 4px!important;
  font-size:12px!important;
}

/* Queue scope: compact segmented toolbar instead of KPI cards. */
.staff-shell .support-ops .queue-kpis{
  top:44px!important;
  width:304px!important;
  height:34px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .support-ops .queue-kpis>button{
  height:34px!important;
  min-height:34px!important;
  padding:0 4px!important;
  border-right:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent)!important;
  box-shadow:none!important;
}
.staff-shell .support-ops .queue-kpis>button.active{
  background:color-mix(in srgb,var(--foxie-green) 4%,var(--foxie-surface-raised))!important;
  box-shadow:inset 0 -2px 0 var(--foxie-green)!important;
}
.staff-shell .support-ops .queue-kpis>button>div{
  gap:4px!important;
  min-width:0!important;
}
.staff-shell .support-ops .queue-kpis small{
  min-width:0!important;
  font-size:0!important;
  font-weight:760!important;
  color:var(--foxie-muted)!important;
}
.staff-shell .support-ops .queue-kpis small::before{
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.staff-shell .support-ops .queue-kpis>button:nth-child(1) small::before{content:'Sem dono'}
.staff-shell .support-ops .queue-kpis>button:nth-child(2) small::before{content:'Meus'}
.staff-shell .support-ops .queue-kpis>button:nth-child(3) small::before{content:'Urgentes'}
.staff-shell .support-ops .queue-kpis>button:nth-child(4) small::before{content:'Abertos'}
.staff-shell .support-ops .queue-kpis strong{
  margin:0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Give width back to the conversation. */
.staff-shell .support-ops .desk{grid-template-columns:304px minmax(0,1fr)!important}
.staff-shell .support-ops .desk.has-ticket{grid-template-columns:304px minmax(0,1fr) 350px!important}
.staff-shell .support-ops.intel-collapsed .desk.has-ticket{grid-template-columns:304px minmax(0,1fr) 0!important}

/* Queue itself: inbox-like, not a stack of chunky cards. */
.staff-shell .support-ops .ticket-queue{
  padding-top:34px!important;
  background:var(--foxie-surface)!important;
}
.staff-shell .support-ops .queue-head{
  min-height:42px!important;
  height:42px!important;
  padding:7px 11px!important;
  align-items:center!important;
  backdrop-filter:blur(14px)!important;
}
.staff-shell .support-ops .queue-head>div{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  min-width:0!important;
}
.staff-shell .support-ops .queue-head strong{
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.staff-shell .support-ops .queue-head small{
  margin:0!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.staff-shell .support-ops .live-dot{
  font-size:12px!important;
  letter-spacing:.05em!important;
}
.staff-shell .support-ops .live-dot:before{
  width:5px!important;
  height:5px!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-green) 9%,transparent)!important;
}

.staff-shell .support-ops .ticket-card{
  min-height:0!important;
  padding:10px 11px 9px!important;
  gap:4px!important;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent)!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.staff-shell .support-ops .ticket-card:hover{
  background:color-mix(in srgb,var(--foxie-ink) 2.5%,var(--foxie-surface))!important;
}
.staff-shell .support-ops .ticket-card.active{
  background:color-mix(in srgb,var(--foxie-green) 5%,var(--foxie-surface-raised))!important;
}
.staff-shell .support-ops .ticket-card.active:before{
  top:9px!important;
  bottom:9px!important;
  width:2px!important;
  border-radius:0 3px 3px 0!important;
}
.staff-shell .support-ops .ticket-card.unassigned:not(.active){
  background:transparent!important;
}
.staff-shell .support-ops .ticket-line{min-height:18px!important}
.staff-shell .support-ops .ticket-line>span{
  font-size:12px!important;
  letter-spacing:.01em!important;
}
.staff-shell .support-ops .ticket-line>div{gap:3px!important}
.staff-shell .support-ops .priority,
.staff-shell .support-ops .unassigned-pill{
  padding:2px 5px!important;
  font-size:12px!important;
  line-height:1.3!important;
  border-radius:6px!important;
  letter-spacing:.015em!important;
}
.staff-shell .support-ops .ticket-card>strong{
  font-size:12.5px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.staff-shell .support-ops .ticket-card>p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.25!important;
  opacity:.82!important;
}
.staff-shell .support-ops .customer-line{
  min-height:27px!important;
  gap:6px!important;
  margin-top:1px!important;
}
.staff-shell .support-ops .avatar.tiny{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border-radius:7px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.staff-shell .support-ops .customer-line b{
  font-size:12px!important;
  line-height:1.15!important;
}
.staff-shell .support-ops .customer-line small{
  margin-top:1px!important;
  font-size:12px!important;
  line-height:1.1!important;
}
.staff-shell .support-ops .ticket-card footer{
  min-height:16px!important;
  margin-top:1px!important;
  font-size:12px!important;
  line-height:1!important;
}
.staff-shell .support-ops .ticket-card footer .v-icon{font-size:12px!important}
.staff-shell .support-ops .assignee{
  position:absolute!important;
  right:10px!important;
  bottom:29px!important;
  max-width:98px!important;
  gap:4px!important;
}
.staff-shell .support-ops .assignee>span{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:6px!important;
}
.staff-shell .support-ops .assignee small{
  max-width:74px!important;
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Conversation header: compact command bar. */
.staff-shell .support-ops .conversation-head{
  min-height:50px!important;
  height:50px!important;
  padding:5px 9px 5px 11px!important;
  gap:7px!important;
}
.staff-shell .support-ops .subject small{font-size:12px!important}
.staff-shell .support-ops .subject h2{
  margin:1px 0!important;
  font-size:15px!important;
  line-height:1.15!important;
}
.staff-shell .support-ops .subject p{font-size:12px!important}
.staff-shell .support-ops .head-actions{gap:3px!important}
.staff-shell .support-ops .head-actions>button{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  padding:0!important;
  border-radius:8px!important;
  font-size:0!important;
  box-shadow:none!important;
}
.staff-shell .support-ops .head-actions>button.claim{
  width:auto!important;
  min-width:76px!important;
  padding:0 9px!important;
  gap:4px!important;
  font-size:12px!important;
}
.staff-shell .support-ops .head-actions>button.intel-toggle{
  width:32px!important;
  min-width:32px!important;
  padding:0!important;
  color:#7467d9!important;
}
.staff-shell .support-ops .head-actions>button.intel-toggle span,
.staff-shell .support-ops .head-actions>button.intel-toggle i{display:none!important}
.staff-shell .support-ops .head-actions>button.intel-toggle svg{
  width:15px!important;
  height:15px!important;
}
.staff-shell .support-ops .head-actions .v-icon{font-size:16px!important}

/* Owner / priority / status = one slim taskbar. */
.staff-shell .support-ops .control-strip{
  min-height:38px!important;
  height:38px!important;
  padding:4px 8px!important;
  grid-template-columns:minmax(150px,1.45fr) 98px 116px auto!important;
  gap:5px!important;
}
.staff-shell .support-ops .control-strip select{
  height:29px!important;
  padding:0 24px 0 8px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
.staff-shell .support-ops .intel-mobile{height:29px!important}

/* Composer: tools form a proper bottom taskbar instead of being crushed at right. */
.staff-shell .support-ops .composer{
  min-height:66px!important;
  padding:6px 9px 8px!important;
}
.staff-shell .support-ops .compose-box{
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(34px,auto) 34px!important;
  align-items:stretch!important;
  border-radius:12px!important;
  overflow:visible!important;
}
.staff-shell .support-ops .compose-box>textarea{
  grid-column:1!important;
  grid-row:1!important;
  min-height:34px!important;
  max-height:78px!important;
  padding:8px 10px 2px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
.staff-shell .support-ops .composer-bar{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  min-height:34px!important;
  padding:2px 5px 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  border-top:0!important;
}
.staff-shell .support-ops .composer-tools{
  min-width:0!important;
  gap:2px!important;
}
.staff-shell .support-ops .composer-tools>button{
  position:relative!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid transparent!important;
  display:grid!important;
  place-items:center!important;
}
.staff-shell .support-ops .composer-tools>button .v-icon,
.staff-shell .support-ops .composer-tools>button svg{
  width:17px!important;
  height:17px!important;
  font-size:17px!important;
}
.staff-shell .support-ops .gif-mark{
  width:23px!important;
  height:17px!important;
  border-radius:4px!important;
  font-size:12px!important;
}
.staff-shell .support-ops .composer-tools>button i{
  left:24px!important;
  top:4px!important;
  font-size:12px!important;
}
.staff-shell .support-ops .internal-toggle{
  position:relative!important;
  height:30px!important;
  margin:0 0 0 2px!important;
  padding:0 8px 0 27px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  gap:0!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:720!important;
}
.staff-shell .support-ops .internal-toggle input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.staff-shell .support-ops .internal-toggle::before{
  content:''!important;
  position:absolute!important;
  left:8px!important;
  top:50%!important;
  width:13px!important;
  height:13px!important;
  transform:translateY(-50%)!important;
  border:1px solid var(--foxie-border)!important;
  border-radius:4px!important;
  background:var(--foxie-surface-soft)!important;
}
.staff-shell .support-ops .internal-toggle:has(input:checked)::before{
  content:'✓'!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  border-color:#c18b2d!important;
  background:#c18b2d!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
}
.staff-shell .support-ops .internal-toggle:has(input:checked){
  color:#a66e0d!important;
  border-color:color-mix(in srgb,#c18b2d 26%,var(--foxie-border))!important;
  background:color-mix(in srgb,#c18b2d 6%,var(--foxie-surface-soft))!important;
}
.staff-shell .support-ops .send{
  width:31px!important;
  min-width:31px!important;
  height:31px!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.staff-shell .support-ops .send .v-icon{font-size:16px!important}
.staff-shell .support-ops .pending-files{margin-bottom:4px!important}
.staff-shell .support-ops .picker{bottom:66px!important}

/* Light mode gets subtle hierarchy, not boxes everywhere. */
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .queue-kpis,
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .queue-head,
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .conversation-head,
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .control-strip,
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer{
  background:#fbfcfc!important;
}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .ticket-queue{
  background:#f8faf9!important;
}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .ticket-card.active{
  background:#eef7f4!important;
}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer-tools>button{
  color:#5d6c68!important;
}
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer-tools>button:hover,
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .composer-tools>button.active{
  color:#173d32!important;
  background:#edf4f1!important;
  border-color:#d5e0dc!important;
}

/* Dark mode stays graphite with just semantic accents. */
html[data-foxie-theme='dark'] .staff-shell .support-ops .queue-kpis,
html[data-foxie-theme='dark'] .staff-shell .support-ops .queue-head,
html[data-foxie-theme='dark'] .staff-shell .support-ops .conversation-head,
html[data-foxie-theme='dark'] .staff-shell .support-ops .control-strip,
html[data-foxie-theme='dark'] .staff-shell .support-ops .composer{
  background:#101820!important;
}
html[data-foxie-theme='dark'] .staff-shell .support-ops .ticket-queue{
  background:#0c1319!important;
}
html[data-foxie-theme='dark'] .staff-shell .support-ops .ticket-card.active{
  background:#152029!important;
}
html[data-foxie-theme='dark'] .staff-shell .support-ops .composer-tools>button{
  color:#a9b5c0!important;
}
html[data-foxie-theme='dark'] .staff-shell .support-ops .composer-tools>button:hover,
html[data-foxie-theme='dark'] .staff-shell .support-ops .composer-tools>button.active{
  color:#f1f5f8!important;
  background:#17222c!important;
  border-color:#34414d!important;
}

@media(max-width:1350px){
  .staff-shell .support-ops .queue-kpis{width:292px!important}
  .staff-shell .support-ops .desk{grid-template-columns:292px minmax(0,1fr)!important}
  .staff-shell .support-ops .desk.has-ticket{grid-template-columns:292px minmax(0,1fr) 326px!important}
  .staff-shell .support-ops.intel-collapsed .desk.has-ticket{grid-template-columns:292px minmax(0,1fr) 0!important}
}

@media(max-width:1120px){
  .staff-shell .support-ops .page-head{min-width:320px!important}
  .staff-shell .support-ops .status-tabs{width:calc(100% - 326px)!important}
  .staff-shell .support-ops .queue-kpis{width:282px!important}
  .staff-shell .support-ops .desk,
  .staff-shell .support-ops .desk.has-ticket,
  .staff-shell .support-ops.intel-collapsed .desk.has-ticket{grid-template-columns:282px minmax(0,1fr)!important}
}
/* Surgical fixes for Staff Support media/composer regressions.
   Loaded last so legacy chat CSS cannot re-break these controls. */

/* --------------------------------------------------------------------------
   Composer controls
   Root cause: Vuetify v-icon renders an <i>. Older selectors targeted every
   direct i inside a tool button as if it were the recording timer, moving the
   actual icons on top of each other.
   -------------------------------------------------------------------------- */
.staff-shell .support-ops .composer-tools{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-width:0!important;
  overflow:visible!important;
}

.staff-shell .support-ops .composer-tools>button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}

/* Reset the broad `button i` positioning from previous sheets. */
.staff-shell .support-ops .composer-tools>button>.v-icon,
.staff-shell .support-ops .composer-tools>button>.v-icon i,
.staff-shell .support-ops .composer-tools>button .v-icon{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-size:18px!important;
  line-height:18px!important;
}

.staff-shell .support-ops .composer-tools>button .v-icon__svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
}

/* Only the raw recording timer <i> may float outside the button. */
.staff-shell .support-ops .composer-tools>button.recording>i:not(.v-icon){
  position:absolute!important;
  left:27px!important;
  top:3px!important;
  z-index:3!important;
  width:auto!important;
  height:auto!important;
  min-width:max-content!important;
  margin:0!important;
  padding:2px 4px!important;
  border:1px solid var(--foxie-border)!important;
  border-radius:999px!important;
  background:var(--foxie-surface-raised)!important;
  color:inherit!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.staff-shell .support-ops .gif-mark{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:23px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid currentColor!important;
  border-radius:4px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}

.staff-shell .support-ops .internal-toggle{
  flex:0 0 auto!important;
  min-width:92px!important;
  height:32px!important;
  margin-left:2px!important;
  padding:0 9px 0 28px!important;
  white-space:nowrap!important;
}

.staff-shell .support-ops .composer-bar{
  overflow:visible!important;
}

/* --------------------------------------------------------------------------
   GIF picker
   Root cause: CSS multi-column layout flows content into columns horizontally.
   Use a normal 2-column grid with vertical scrolling instead.
   -------------------------------------------------------------------------- */
.staff-shell .support-ops .gif-picker{
  width:340px!important;
  max-width:min(340px,calc(100vw - 28px))!important;
  overflow:hidden!important;
}

.staff-shell .support-ops .gif-grid{
  box-sizing:border-box!important;
  width:100%!important;
  height:270px!important;
  min-height:0!important;
  padding:0 7px 8px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  align-items:start!important;
  gap:6px!important;
  columns:auto!important;
  column-count:auto!important;
  column-gap:normal!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
}

.staff-shell .support-ops .gif-grid>button{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  break-inside:auto!important;
  border:0!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:var(--foxie-surface-soft)!important;
}

.staff-shell .support-ops .gif-grid img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:180px!important;
  object-fit:cover!important;
}

.staff-shell .support-ops .gif-grid::-webkit-scrollbar{width:8px!important;height:0!important}
.staff-shell .support-ops .gif-grid::-webkit-scrollbar-track{background:transparent!important}
.staff-shell .support-ops .gif-grid::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--foxie-muted) 55%,transparent)!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}

/* --------------------------------------------------------------------------
   Media-only chat bubbles
   A GIF/image-only message should wrap the media, not inherit a wide textual
   bubble with dead horizontal space around it.
   -------------------------------------------------------------------------- */
.staff-shell .support-ops .bubble:has(> .native-gif):not(:has(> p)){
  width:fit-content!important;
  min-width:0!important;
  max-width:min(352px,78%)!important;
  padding:7px!important;
}

.staff-shell .support-ops .bubble:has(> .native-gif):not(:has(> p))>header{
  width:100%!important;
  min-width:0!important;
  margin:0 1px 6px!important;
}

.staff-shell .support-ops .bubble:has(> .native-gif):not(:has(> p)) .native-gif{
  width:320px!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:10px!important;
}

.staff-shell .support-ops .bubble:has(> .native-gif):not(:has(> p)) .native-gif img{
  width:100%!important;
  max-width:100%!important;
  max-height:300px!important;
  object-fit:cover!important;
}

.staff-shell .support-ops .bubble:has(> .native-gif):not(:has(> p)) .native-gif span{
  padding:5px 7px!important;
  font-size:12px!important;
  line-height:1.25!important;
}

/* Same treatment for a single image attachment with no textual body. */
.staff-shell .support-ops .bubble:has(> .attachments .image-attachment):not(:has(> p)){
  width:fit-content!important;
  min-width:0!important;
  max-width:min(352px,78%)!important;
  padding:7px!important;
}

.staff-shell .support-ops .bubble:has(> .attachments .image-attachment):not(:has(> p)) .attachments{
  margin-top:0!important;
}

.staff-shell .support-ops .bubble:has(> .attachments .image-attachment):not(:has(> p)) .image-attachment{
  width:320px!important;
  max-width:100%!important;
}

/* Theme-specific polish. */
html:not([data-foxie-theme='dark']) .staff-shell .support-ops .gif-grid>button{
  background:#f5f8f7!important;
}
html[data-foxie-theme='dark'] .staff-shell .support-ops .gif-grid>button{
  background:#151e27!important;
}

@media(max-width:760px){
  .staff-shell .support-ops .composer-tools{gap:3px!important}
  .staff-shell .support-ops .composer-tools>button{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important}
  .staff-shell .support-ops .internal-toggle{min-width:0!important;width:32px!important;padding:0!important}
  .staff-shell .support-ops .internal-toggle span{display:none!important}
  .staff-shell .support-ops .internal-toggle::before{left:50%!important;transform:translate(-50%,-50%)!important}
  .staff-shell .support-ops .gif-picker{left:8px!important;right:8px!important;width:auto!important;max-width:none!important}
}
/* Campaign delivery reserves real vertical space in the product shell.
   The runtime writes --foxie-campaign-top-offset from the measured banner height. */
:root{--foxie-campaign-top-offset:0px}

.shell-v2 .sidebar-v2{
  top:var(--foxie-campaign-top-offset,0px)!important;
  height:calc(100dvh - var(--foxie-campaign-top-offset,0px))!important;
  transition:top .28s cubic-bezier(.2,.75,.2,1),height .28s cubic-bezier(.2,.75,.2,1),width .26s cubic-bezier(.2,.7,.2,1)!important;
}
.shell-v2 .shell-content-v2{
  padding-top:var(--foxie-campaign-top-offset,0px)!important;
  transition:padding-top .28s cubic-bezier(.2,.75,.2,1),margin-left .26s cubic-bezier(.2,.7,.2,1)!important;
}
.shell-v2 .topbar-v2{
  top:var(--foxie-campaign-top-offset,0px)!important;
  transition:top .28s cubic-bezier(.2,.75,.2,1),background .18s,border-color .18s!important;
}

/* Shell-enhancer elements that may be promoted to fixed/sticky islands must
   respect the same top boundary. Normal-flow children are unaffected. */
.shell-v2 .topbar-v2 [style*="position: fixed"],
.shell-v2 .topbar-v2 [style*="position:fixed"]{
  transform:translateY(var(--foxie-campaign-top-offset,0px));
  transition:transform .28s cubic-bezier(.2,.75,.2,1)!important;
}

/* The content canvas starts after the shifted sticky header instead of sliding
   behind it while the promotional row is visible. */
.shell-v2 .content-v2{
  min-height:calc(100dvh - 72px - var(--foxie-campaign-top-offset,0px))!important;
}

@media(max-width:760px){
  .shell-v2 .content-v2{min-height:calc(100dvh - 64px - var(--foxie-campaign-top-offset,0px))!important}
}

@media(prefers-reduced-motion:reduce){
  .shell-v2 .sidebar-v2,.shell-v2 .shell-content-v2,.shell-v2 .topbar-v2{transition:none!important}
}
/* Campaign navigation is injected before Vue mounts, so StaffShell's scoped
   selectors do not apply to it. Keep it visually identical to native nav. */
.staff-shell .staff-nav .staff-campaign-nav-label{
  display:block!important;
  margin:15px 9px 5px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  color:color-mix(in srgb,var(--foxie-muted) 86%,transparent)!important;
}
.staff-shell .staff-nav .staff-campaign-nav-link{
  position:relative!important;
  width:100%!important;
  min-height:54px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:var(--foxie-ink)!important;
  background:transparent!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.staff-shell .staff-nav .staff-campaign-nav-link:hover{background:var(--foxie-surface-soft)!important}
.staff-shell .staff-nav .staff-campaign-nav-link.active{
  background:color-mix(in srgb,var(--foxie-green) 8%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--foxie-green) 17%,var(--foxie-border))!important;
}
.staff-shell .staff-campaign-nav-link .nav-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--foxie-border)!important;
  border-radius:11px!important;
  color:var(--foxie-muted)!important;
  background:var(--foxie-surface-raised)!important;
}
.staff-shell .staff-campaign-nav-link.active .nav-icon{
  color:var(--foxie-green)!important;
  border-color:color-mix(in srgb,var(--foxie-green) 22%,var(--foxie-border))!important;
}
.staff-shell .staff-campaign-nav-link .nav-icon>i{font-size:19px!important;line-height:1!important}
.staff-shell .staff-campaign-nav-link .nav-copy{
  min-width:0!important;
  display:grid!important;
  line-height:1.25!important;
}
.staff-shell .staff-campaign-nav-link .nav-copy strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:750!important;
}
.staff-shell .staff-campaign-nav-link .nav-copy small{
  min-width:0!important;
  margin-top:1px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--foxie-muted)!important;
  font-size:12px!important;
}
.staff-shell.sidebar-collapsed .staff-campaign-nav-label{height:0!important;margin:8px 0 0!important;overflow:hidden!important;color:transparent!important}
.staff-shell.sidebar-collapsed .staff-campaign-nav-link{
  width:46px!important;
  min-height:46px!important;
  margin:0 auto!important;
  padding:5px!important;
  grid-template-columns:36px!important;
  gap:0!important;
}
.staff-shell.sidebar-collapsed .staff-campaign-nav-link .nav-copy{display:none!important}
/* Foxie Theme Ecosystem
 * Single compatibility layer for old and new screens.
 * Legacy --foxie-green remains an alias of the selected accent in theme.ts.
 */
:root {
  --foxie-accent: var(--foxie-green, #0d8f63);
  --foxie-accent-strong: var(--foxie-green-dark, #087552);
  --foxie-accent-soft: color-mix(in srgb,var(--foxie-accent) 11%,transparent);
  --foxie-accent-faint: color-mix(in srgb,var(--foxie-accent) 5%,transparent);
  --foxie-accent-border: color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));
  --foxie-accent-shadow: color-mix(in srgb,var(--foxie-accent) 18%,transparent);
  --foxie-theme-glow: color-mix(in srgb,var(--foxie-accent) 22%,transparent);
  --foxie-shell-bg: var(--foxie-surface-soft);
  --foxie-shell-panel: var(--foxie-surface-raised);
  --foxie-shell-line: var(--foxie-border);
  --foxie-shell-muted: var(--foxie-muted);
  --foxie-shell-ink: var(--foxie-ink);
}

/* Vuetify primary follows the user accent, including controls created by portals. */
.v-theme--foxieLight, .v-theme--foxieDark {
  --v-theme-primary: var(--foxie-accent-rgb, 13,143,99) !important;
  --v-theme-primary-darken-1: var(--foxie-accent-strong-rgb, 8,117,82) !important;
}

/* All core app shells */
html body,
.v-application,
.shell-v2,
.shell-content-v2,
.app-shell,
.content-area,
.page-container,
.settings-page,
.account-profile-page,
.developer-api-page,
.reports-hub-page,
.report-detail-page,
.connections-page {
  background-color: var(--foxie-shell-bg);
  color: var(--foxie-shell-ink);
}

/* Main shell chrome */
.sidebar-v2, .sidebar, .topbar-v2, .topbar,
.workspace-popover, .profile-menu-v2, .notification-popover-v2, .notification-popover,
.language-popover-v2, .module-search-results {
  border-color: var(--foxie-shell-line) !important;
}

.sidebar-v2, .sidebar {
  background: radial-gradient(circle at 45% 0%, var(--foxie-accent-faint), transparent 27rem), var(--foxie-shell-panel) !important;
}

.topbar-v2, .topbar {
  background: color-mix(in srgb, var(--foxie-shell-panel) 92%, transparent) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

.sidebar-atmosphere .nature-orb,
.sidebar-atmosphere .nature-leaf,
.sidebar-atmosphere .nature-vine,
.topbar-atmosphere span {
  filter: hue-rotate(var(--foxie-accent-hue-shift, 0deg));
}

/* Active navigation and shell controls */
.nav-item-v2.router-link-active, .nav-item-v2.router-link-exact-active,
.nav-item-v2:hover, .workspace-switcher:hover, .workspace-switcher[aria-expanded=true],
.icon-button:hover, .language-switcher:hover, .profile-trigger:hover,
.module-search.focused, .workspace-option.active {
  border-color: var(--foxie-accent-border) !important;
  background: var(--foxie-accent-faint) !important;
}

.nav-item-v2.router-link-active .nav-icon, .nav-item-v2.router-link-exact-active .nav-icon,
.nav-item-v2.router-link-active strong, .nav-item-v2.router-link-exact-active strong,
.workspace-option.active .v-icon, .workspace-status.online,
.search-result-action, .group-head-meta small {
  color: var(--foxie-accent) !important;
}

.nav-item-v2 .active-pulse, .workspace-switcher__dot, .workspace-option__dot,
.workspace-status.online, .workspace-option__new {
  background: var(--foxie-accent) !important;
  box-shadow: 0 0 0 4px var(--foxie-accent-soft) !important;
}

/* Generic cards, panels and tables */
.v-card, .v-sheet, .glass-card, .profile-card, .credentials-card, .activity-card,
.report-panel, .report-hub-card, .connection-card, .settings-panel, .settings-sidebar,
.kanban-column, .inbox-panel, .chat-panel, .team-card, .billing-card,
.api-dialog, .secret-dialog {
  border-color: var(--foxie-shell-line) !important;
}

/* Form controls and focus states */
.v-field--focused .v-field__outline,
.v-input--focused .v-field__outline,
input:focus, textarea:focus, select:focus {
  border-color: var(--foxie-accent) !important;
}

.v-field--focused .v-field-label, .v-field--active .v-field-label,
.v-selection-control--dirty .v-label,
.v-checkbox .v-selection-control--dirty,
.v-radio .v-selection-control--dirty {
  color: var(--foxie-accent) !important;
}

/* Generic primary actions, old custom buttons and chips */
.v-btn.bg-primary, .v-btn.text-primary,
.primary-action, .primary, .btn-primary, .action-primary,
button.primary, [data-variant=primary] {
  --v-theme-primary: var(--foxie-accent-rgb, 13,143,99) !important;
}

.primary-action, .primary, .btn-primary, .action-primary, button.primary {
  border-color: var(--foxie-accent) !important;
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px var(--foxie-accent-shadow) !important;
}

.eyebrow, .section-icon, .sync-icon, .preference-icon.green, .kpi-icon.green,
.status-pill, .card-header > div > span, .account-summary-card > header,
.account-summary-lead small, .security-item > span, .card-footer .v-icon {
  color: var(--foxie-accent) !important;
}

.section-icon, .sync-icon, .preference-icon.green, .kpi-icon.green,
.account-summary-lead > span, .security-item > span {
  background: var(--foxie-accent-soft) !important;
}

/* Dialogs/menus live outside view scopes in Vuetify portals. */
.v-overlay-container .v-card, .v-overlay-container .v-sheet,
.v-overlay-container .v-menu > .v-overlay__content > *,
.v-overlay-container .v-dialog > .v-overlay__content > * {
  border-color: var(--foxie-shell-line) !important;
  color: var(--foxie-shell-ink) !important;
  background-color: var(--foxie-shell-panel) !important;
}

.v-dialog .dialog-head, .v-dialog .qr-header {
  background: linear-gradient(180deg, color-mix(in srgb, var(--foxie-shell-panel) 94%, var(--foxie-accent) 6%), var(--foxie-shell-panel)) !important;
}

.v-dialog .dialog-head > span, .v-dialog .dialog-icon {
  color: var(--foxie-accent) !important;
  background: var(--foxie-accent-soft) !important;
}

/* Snackbar is a portal too, but its Vuetify sheet must never become a second card.
 * The real visible surface is .foxie-toast inside App.vue. */
.v-overlay-container .foxie-snackbar,
.v-overlay-container .foxie-snackbar .v-overlay__content,
.v-overlay-container .foxie-snackbar .v-snackbar__wrapper,
.v-overlay-container .foxie-snackbar .v-snackbar__content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.v-overlay-container .foxie-snackbar .v-snackbar__wrapper,
.v-overlay-container .foxie-snackbar .v-snackbar__content {
  padding: 0 !important;
}

.v-overlay-container .foxie-snackbar .v-snackbar__underlay,
.v-overlay-container .foxie-snackbar .v-snackbar__wrapper::before,
.v-overlay-container .foxie-snackbar .v-snackbar__wrapper::after {
  display: none !important;
  content: none !important;
}

/* The handoff notification is already its own card. Do not place a translucent
 * frosted rectangle behind the compact waiting pill/list shown at the viewport edge. */
.handoff-routing-host {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.handoff-waiting-pill,
.handoff-waiting-list,
.handoff-offer-card {
  background: var(--foxie-surface-raised) !important;
  background-color: var(--foxie-surface-raised) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Theme-aware loaders and progress */
.v-progress-circular, .v-progress-linear, .foxie-loader-copy > span, .loader-core, .brand-core {
  color: var(--foxie-accent) !important;
}

.brand-core {
  background: linear-gradient(145deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 16px 35px var(--foxie-accent-shadow) !important;
}

/* Profile hero used to be permanently green. */
.profile-hero {
  background: radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--foxie-accent) 22%, transparent), transparent 29%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--foxie-accent-strong) 22%, transparent), transparent 30%), linear-gradient(122deg, color-mix(in srgb, var(--foxie-accent-strong) 72%, #07111a) 0%, color-mix(in srgb, var(--foxie-accent) 74%, #09151c) 58%, var(--foxie-accent) 100%) !important;
  box-shadow: 0 20px 48px var(--foxie-accent-shadow) !important;
}

.profile-avatar {
  background: linear-gradient(145deg, var(--foxie-accent), color-mix(in srgb, var(--foxie-accent) 62%, #2563eb)) !important;
}

.profile-avatar__status, .profile-hero__actions > span i, .eyebrow > i {
  background: var(--foxie-accent) !important;
}

.profile-avatar__edit {
  color: var(--foxie-accent) !important;
}

/* Light/dark surface system independent of accent. */
html[data-foxie-theme=light] {
  --foxie-shell-bg:#f6f8fa;
  --foxie-shell-panel:#ffffff;
}

html[data-foxie-theme=dark] {
  --foxie-shell-bg:#0a0e12;
  --foxie-shell-panel:#11171d;
  --foxie-surface:#11171d;
  --foxie-surface-soft:#0a0e12;
  --foxie-surface-raised:#151c23;
  --foxie-border:#26313b;
  --foxie-ink:#eef3f7;
  --foxie-muted:#91a0ad;
}

/* Vuetify surfaces are neutral materials. Accent is applied only to branded/
 * interactive chrome, never to the background palette. */
html[data-foxie-theme=dark] .v-theme--foxieDark {
  --v-theme-background:10,14,18 !important;
  --v-theme-surface:17,23,29 !important;
  --v-theme-surface-bright:28,36,44 !important;
  --v-theme-surface-light:24,32,40 !important;
  --v-theme-surface-variant:38,49,59 !important;
  --v-theme-on-background:238,243,247 !important;
  --v-theme-on-surface:238,243,247 !important;
}

html[data-foxie-theme=dark] .sidebar-v2,
html[data-foxie-theme=dark] .topbar-v2,
html[data-foxie-theme=dark] .profile-card,
html[data-foxie-theme=dark] .v-card,
html[data-foxie-theme=dark] .v-sheet {
  color: var(--foxie-ink) !important;
}

/* Graphite preset removes most decorative chroma while still keeping selected accent usable. */
html[data-foxie-theme-preset=graphite] .sidebar-atmosphere,
html[data-foxie-theme-preset=graphite] .topbar-atmosphere {
  opacity: 0.22;
  filter: grayscale(1);
}

/* Smooth theme changes but no expensive layout transition. */
body, .sidebar-v2, .topbar-v2, .v-card, .v-sheet, .profile-card, .v-field,
.nav-item-v2, .icon-button, .workspace-switcher, .primary-action {
  transition: background-color 0.22s ease, border-color 0.22s ease, color 0.18s ease, box-shadow 0.22s ease !important;
}

@media (prefers-reduced-motion: reduce) {
  body, .sidebar-v2, .topbar-v2, .v-card, .v-sheet, .profile-card, .v-field, .nav-item-v2, .icon-button, .workspace-switcher, .primary-action {
    transition: none !important;
  }
}
/*
 * THEME AUDIT 00 — APP SHELL
 * Scope intentionally limited to AppShellV2 + its teleported Vuetify overlays.
 * Do not add page-specific selectors here.
 */
.shell-v2,
.mobile-drawer-v2,
.workspace-popover,
.module-search-results,
.notification-popover,
.language-popover-v2,
.profile-menu-v2 {
  --shell-accent: var(--foxie-accent);
  --shell-accent-strong: var(--foxie-accent-strong);
  --shell-accent-soft: color-mix(in srgb,var(--shell-accent) 10%,transparent);
  --shell-accent-border: color-mix(in srgb,var(--shell-accent) 24%,var(--foxie-border));
  --shell-accent-shadow: color-mix(in srgb,var(--shell-accent) 14%,transparent);
}

/* Sidebar surface + botanical atmosphere */
.shell-v2 .sidebar-v2 {
  border-right-color: color-mix(in srgb, var(--shell-accent) 17%, var(--foxie-border)) !important;
  background: radial-gradient(circle at 95% 12%, color-mix(in srgb, var(--shell-accent) 12%, transparent), transparent 25%), radial-gradient(circle at 8% 78%, color-mix(in srgb, var(--shell-accent) 9%, transparent), transparent 24%), linear-gradient(164deg, color-mix(in srgb, var(--foxie-surface) 93%, var(--shell-accent) 7%), var(--foxie-surface) 46%, color-mix(in srgb, var(--foxie-surface) 92%, var(--shell-accent) 8%)) !important;
  box-shadow: 14px 0 46px color-mix(in srgb, var(--shell-accent) 7%, transparent) !important;
}

.shell-v2 .orb-one {
  background: radial-gradient(circle, color-mix(in srgb, var(--shell-accent) 20%, transparent), transparent 68%) !important;
}

.shell-v2 .orb-two {
  background: radial-gradient(circle, color-mix(in srgb, var(--shell-accent) 15%, transparent), transparent 70%) !important;
}

.shell-v2 .orb-three {
  background: radial-gradient(circle, color-mix(in srgb, var(--shell-accent) 17%, transparent), transparent 70%) !important;
}

.shell-v2 .nature-leaf {
  border-color: color-mix(in srgb, var(--shell-accent) 19%, transparent) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--shell-accent) 9%, transparent), transparent 70%) !important;
  filter: drop-shadow(0 4px 9px color-mix(in srgb, var(--shell-accent) 4%, transparent)) !important;
}

.shell-v2 .nature-leaf:after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--shell-accent) 20%, transparent), transparent) !important;
}

.shell-v2 .nature-vine {
  border-color: color-mix(in srgb, var(--shell-accent) 12%, transparent) !important;
}

.shell-v2 .sidebar-brand-v2 {
  border-bottom-color: color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-border)) !important;
}

.shell-v2 .collapse-btn {
  border-color: color-mix(in srgb, var(--shell-accent) 15%, var(--foxie-border)) !important;
}

.shell-v2 .collapse-btn:hover {
  color: var(--shell-accent) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 31%, var(--foxie-border)) !important;
}

/* Sidebar groups / navigation */
.shell-v2 .sidebar-nav-v2 {
  scrollbar-color: color-mix(in srgb, var(--shell-accent) 23%, var(--foxie-border)) transparent !important;
}

.shell-v2 .sidebar-group {
  border-color: color-mix(in srgb, var(--shell-accent) 8%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--foxie-surface-raised) 78%, transparent), color-mix(in srgb, var(--shell-accent) 2.5%, transparent)) !important;
  box-shadow: 0 7px 20px color-mix(in srgb, var(--shell-accent) 3%, transparent) !important;
}

.shell-v2 .sidebar-group__head:hover > span:first-child {
  color: var(--shell-accent) !important;
}

.shell-v2 .nav-item-v2:hover {
  border-color: color-mix(in srgb, var(--shell-accent) 12%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--shell-accent) 5%, var(--foxie-surface-raised)) !important;
}

.shell-v2 .nav-icon {
  border-color: color-mix(in srgb, var(--shell-accent) 6%, var(--foxie-border)) !important;
  color: color-mix(in srgb, var(--foxie-muted) 90%, var(--shell-accent)) !important;
}

.shell-v2 .active-pulse {
  background: linear-gradient(var(--shell-accent), var(--shell-accent-strong)) !important;
}

.shell-v2 .collapsed-group-divider {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--shell-accent) 22%, var(--foxie-border)), transparent) !important;
}

.shell-v2 .nav-item-v2.router-link-exact-active:not(.superbot-nav-item) {
  color: var(--shell-accent) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 22%, var(--foxie-border)) !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--shell-accent) 11%, var(--foxie-surface-raised)), color-mix(in srgb, var(--shell-accent) 3%, var(--foxie-surface-raised))) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--shell-accent) 8%, transparent) !important;
}

.shell-v2 .nav-item-v2.router-link-exact-active:not(.superbot-nav-item) .nav-icon {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(145deg, var(--shell-accent), var(--shell-accent-strong)) !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--shell-accent) 24%, transparent) !important;
}

/* Drive keeps its module blue, but removes accidental green blending. */
.shell-v2 .drive-nav-item .nav-icon {
  color: #2f80d0 !important;
  background: linear-gradient(145deg, color-mix(in srgb, #e8f4ff 58%, var(--foxie-surface-soft)), var(--foxie-surface-raised)) !important;
}

.shell-v2 .drive-nav-item.router-link-exact-active .nav-icon {
  background: linear-gradient(145deg, #2d91d6, #216fb7) !important;
  box-shadow: 0 8px 21px rgba(35, 132, 176, 0.22) !important;
}

.shell-v2 .drive-nav-item.router-link-exact-active {
  box-shadow: 0 9px 26px rgba(35, 132, 176, 0.1) !important;
}

/* SuperBot keeps violet as a secondary identity; all green axis follows theme. */
.shell-v2 .superbot-nav-item {
  border-color: color-mix(in srgb, var(--shell-accent) 34%, transparent) !important;
  background: linear-gradient(120deg, var(--shell-accent-strong) 0%, var(--shell-accent) 42%, color-mix(in srgb, var(--shell-accent) 55%, #286d87) 72%, #6651b8 115%) !important;
  box-shadow: 0 11px 30px color-mix(in srgb, var(--shell-accent) 22%, transparent), 0 6px 20px rgba(101, 81, 184, 0.11) !important;
}

.shell-v2 .superbot-nav-item:before {
  background: conic-gradient(from 0deg, transparent 0 22%, color-mix(in srgb, var(--shell-accent) 34%, transparent) 30%, transparent 40% 62%, rgba(157, 125, 255, 0.21) 72%, transparent 82%) !important;
}

.shell-v2 .superbot-nav-item.router-link-exact-active {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--shell-accent) 22%, transparent), 0 16px 38px color-mix(in srgb, var(--shell-accent) 30%, transparent), 0 8px 25px rgba(103, 82, 190, 0.2) !important;
}

.shell-v2 .superbot-nav-item .active-pulse {
  background: color-mix(in srgb, var(--shell-accent) 70%, #fff) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--shell-accent) 60%, transparent) !important;
}

.shell-v2 .superbot-particle {
  background: color-mix(in srgb, var(--shell-accent) 38%, #fff) !important;
  box-shadow: 0 0 8px color-mix(in srgb, var(--shell-accent) 60%, transparent) !important;
}

/* Topbar */
.shell-v2 .topbar-v2 {
  border-bottom-color: color-mix(in srgb, var(--shell-accent) 9%, var(--foxie-border)) !important;
  box-shadow: 0 4px 22px color-mix(in srgb, var(--shell-accent) 3%, transparent) !important;
}

.shell-v2 .topbar-atmosphere span {
  border-color: color-mix(in srgb, var(--shell-accent) 9%, transparent) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--shell-accent) 4%, transparent), transparent) !important;
}

.shell-v2 .workspace-switcher:hover,
.shell-v2 .workspace-switcher[aria-expanded=true] {
  background: color-mix(in srgb, var(--shell-accent) 5%, var(--foxie-surface-raised)) !important;
}

.shell-v2 .workspace-switcher:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--shell-accent) 22%, transparent) !important;
}

.shell-v2 .workspace-switcher__dot {
  background: var(--shell-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shell-accent) 10%, transparent) !important;
}

.shell-v2 .workspace-switcher:not(.is-invited) .workspace-switcher__label strong {
  color: var(--shell-accent-strong) !important;
}

.shell-v2 .workspace-create-link .v-icon,
.shell-v2 .workspace-create-link:hover,
.shell-v2 .workspace-create-link.active {
  color: var(--shell-accent) !important;
}

.shell-v2 .workspace-create-link:hover,
.shell-v2 .workspace-create-link.active {
  background: color-mix(in srgb, var(--shell-accent) 4%, transparent) !important;
}

/* Workspace popover — current Foxie workspace follows accent; invited stays violet. */
.workspace-popover {
  border-color: color-mix(in srgb, var(--shell-accent) 8%, var(--foxie-border)) !important;
  box-shadow: 0 14px 38px color-mix(in srgb, var(--shell-accent) 12%, transparent) !important;
}

.workspace-popover .workspace-option:hover:not(:disabled) {
  background: color-mix(in srgb, var(--shell-accent) 4%, var(--foxie-surface-soft)) !important;
}

.workspace-popover .workspace-option.active:not(.invited) {
  background: color-mix(in srgb, var(--shell-accent) 6%, var(--foxie-surface-raised)) !important;
}

.workspace-popover .workspace-option:not(.invited) .workspace-option__dot {
  background: var(--shell-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shell-accent) 9%, transparent) !important;
}

.workspace-popover .workspace-option:not(.invited) .workspace-option__copy b,
.workspace-popover .workspace-option:not(.invited) .workspace-option__state {
  color: var(--shell-accent-strong) !important;
}

/* Search shell + dropdown */
.shell-v2 .module-search {
  border-color: color-mix(in srgb, var(--shell-accent) 8%, var(--foxie-border)) !important;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--shell-accent) 4%, transparent) !important;
}

.shell-v2 .module-search.focused {
  color: var(--shell-accent) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 34%, var(--foxie-border)) !important;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--shell-accent) 10%, transparent), 0 0 0 3px color-mix(in srgb, var(--shell-accent) 5%, transparent) !important;
}

.module-search-results > header span,
.module-search-results .search-result-icon,
.module-search-results .search-result-action {
  color: var(--shell-accent) !important;
}

.module-search-results > button:hover,
.module-search-results > button.selected {
  background: color-mix(in srgb, var(--shell-accent) 6%, var(--foxie-surface-raised)) !important;
}

.module-search-results .search-result-icon {
  background: color-mix(in srgb, var(--shell-accent) 8%, var(--foxie-surface-soft)) !important;
}

/* Header controls */
.shell-v2 .icon-button,
.shell-v2 .language-switcher {
  border-color: color-mix(in srgb, var(--shell-accent) 7%, var(--foxie-border)) !important;
  box-shadow: 0 5px 16px color-mix(in srgb, var(--shell-accent) 3%, transparent) !important;
}

.language-popover-v2 > button.active {
  border-color: color-mix(in srgb, var(--shell-accent) 16%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--shell-accent) 7%, var(--foxie-surface-raised)) !important;
}

.language-popover-v2 > button.active .language-option-check {
  background: var(--shell-accent) !important;
}

/* Profile trigger + profile menu */
.shell-v2 .header-avatar,
.profile-menu-v2 .profile-menu-avatar {
  background: linear-gradient(145deg, var(--shell-accent), color-mix(in srgb, var(--shell-accent) 56%, #2478b0)) !important;
}

.profile-menu-v2 .profile-menu-avatar i {
  background: var(--shell-accent) !important;
}

.profile-menu-v2 .profile-menu-identity > span,
.profile-menu-v2 .profile-role-pill {
  color: var(--shell-accent) !important;
}

.profile-menu-v2 .profile-role-pill {
  background: color-mix(in srgb, var(--shell-accent) 8%, var(--foxie-surface-soft)) !important;
}

.profile-menu-v2 .profile-action-icon.green {
  color: var(--shell-accent) !important;
  background: color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-surface-soft)) !important;
}

.profile-menu-v2 .theme-state-dot.dark {
  background: var(--shell-accent) !important;
}

/* Notifications */
.notification-popover header small,
.notification-popover header button,
.notification-popover .notif-icon {
  color: var(--shell-accent) !important;
}

.notification-popover .notification-items > button.unread {
  background: color-mix(in srgb, var(--shell-accent) 6%, var(--foxie-surface-raised)) !important;
}

.notification-popover .notif-icon {
  background: color-mix(in srgb, var(--shell-accent) 10%, transparent) !important;
}

.notification-popover .notification-items > button > i {
  background: var(--shell-accent) !important;
}

/* Mobile drawer */
.mobile-drawer-v2 {
  background: radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--shell-accent) 9%, transparent), transparent 26%), linear-gradient(180deg, var(--foxie-surface-raised), color-mix(in srgb, var(--foxie-surface) 96%, var(--shell-accent) 4%)) !important;
}

.mobile-drawer-v2 .mobile-drawer-head {
  border-bottom-color: color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-border)) !important;
}

.mobile-drawer-v2 .mobile-search {
  border-color: color-mix(in srgb, var(--shell-accent) 13%, var(--foxie-border)) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--shell-accent) 4%, transparent) !important;
}

.mobile-drawer-v2 .mobile-search:focus-within {
  border-color: color-mix(in srgb, var(--shell-accent) 42%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shell-accent) 6%, transparent) !important;
}

.mobile-drawer-v2 .mobile-workspace:not(.invited) {
  border-color: color-mix(in srgb, var(--shell-accent) 23%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--shell-accent) 7%, var(--foxie-surface-raised)), var(--foxie-surface-raised)) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--shell-accent) 8%, transparent) !important;
}

.mobile-drawer-v2 .mobile-workspace:not(.invited) .mobile-workspace__mark {
  color: var(--shell-accent-strong) !important;
  background: color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-surface-raised)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--shell-accent) 13%, transparent) !important;
}

.mobile-drawer-v2 .mobile-workspace:not(.invited) .mobile-workspace__copy small {
  color: var(--shell-accent-strong) !important;
}

.mobile-drawer-v2 .mobile-workspace__options {
  border-top-color: color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-border)) !important;
}

.mobile-drawer-v2 .mobile-workspace__options > button:not(.invited) .mobile-workspace__option-dot {
  background: var(--shell-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shell-accent) 10%, transparent) !important;
}

.mobile-drawer-v2 .mobile-workspace__create {
  color: var(--shell-accent) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 24%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--shell-accent) 4%, transparent) !important;
}

.mobile-drawer-v2 .mobile-group {
  border-color: color-mix(in srgb, var(--shell-accent) 7%, var(--foxie-border)) !important;
}

.mobile-drawer-v2 .mobile-group > a.router-link-exact-active:not(.superbot) {
  color: var(--shell-accent) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 20%, var(--foxie-border)) !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-surface-raised)), color-mix(in srgb, var(--shell-accent) 3%, var(--foxie-surface-raised))) !important;
  box-shadow: 0 7px 20px color-mix(in srgb, var(--shell-accent) 7%, transparent) !important;
}

.mobile-drawer-v2 .mobile-nav-icon {
  border-color: color-mix(in srgb, var(--shell-accent) 8%, var(--foxie-border)) !important;
}

.mobile-drawer-v2 .mobile-group > a.superbot {
  border-color: color-mix(in srgb, var(--shell-accent) 30%, transparent) !important;
  background: linear-gradient(120deg, var(--shell-accent-strong), var(--shell-accent) 58%, #5860a8) !important;
  box-shadow: 0 9px 22px color-mix(in srgb, var(--shell-accent) 18%, transparent) !important;
}

.mobile-drawer-v2 .mobile-drawer-profile {
  border-top-color: color-mix(in srgb, var(--shell-accent) 10%, var(--foxie-border)) !important;
  box-shadow: 0 -8px 24px color-mix(in srgb, var(--shell-accent) 4%, transparent) !important;
}

/* Dark mode: preserve the selected accent while surfaces remain dark. */
html[data-foxie-theme=dark] .shell-v2 .sidebar-v2 {
  background: radial-gradient(circle at 95% 12%, color-mix(in srgb, var(--shell-accent) 3.2%, transparent), transparent 27%), radial-gradient(circle at 8% 78%, color-mix(in srgb, var(--shell-accent) 2.2%, transparent), transparent 27%), linear-gradient(164deg, #08100f, #0a1211 52%, color-mix(in srgb, #0a1211 98%, var(--shell-accent) 2%)) !important;
}

html[data-foxie-theme=dark] .shell-v2 .sidebar-atmosphere {
  opacity: 0.3 !important;
}html body .shell-v2 .enterprise-help-card {
  border-color: color-mix(in srgb, var(--foxie-accent) 13%, var(--foxie-border)) !important;
}

html body .shell-v2 .enterprise-help-card:hover {
  border-color: color-mix(in srgb, var(--foxie-accent) 30%, var(--foxie-border)) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--foxie-accent) 10%, transparent) !important;
}

html body .shell-v2 .enterprise-help-card > span {
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 8%, var(--foxie-surface-soft)) !important;
}

html body .shell-v2 .enterprise-quick-buy:hover {
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 5%, var(--foxie-surface-soft)) !important;
}

html body .shell-v2 .enterprise-module-search.expanded {
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, var(--foxie-border)) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--foxie-accent) 10%, transparent) !important;
}

html body .shell-v2 .enterprise-module-search > .enterprise-search-launch:hover {
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 6%, var(--foxie-surface-soft)) !important;
}

html body .shell-v2 .enterprise-module-results > button:hover {
  background: color-mix(in srgb, var(--foxie-accent) 6%, var(--foxie-surface-soft)) !important;
}

html body .shell-v2 .enterprise-module-results > button > span {
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 8%, var(--foxie-surface-soft)) !important;
}

html body .profile-menu-v2 .developer-api-entry {
  border-color: color-mix(in srgb, var(--foxie-accent) 29%, var(--foxie-border)) !important;
  background: linear-gradient(100deg, color-mix(in srgb, var(--foxie-accent) 11%, var(--foxie-surface-raised)), color-mix(in srgb, var(--foxie-accent) 3%, var(--foxie-surface-raised))) !important;
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--foxie-accent) 82%, #fff) !important;
}

html body .profile-menu-v2 .developer-api-entry:hover {
  border-color: color-mix(in srgb, var(--foxie-accent) 42%, var(--foxie-border)) !important;
  background: linear-gradient(100deg, color-mix(in srgb, var(--foxie-accent) 16%, var(--foxie-surface-raised)), color-mix(in srgb, var(--foxie-accent) 5%, var(--foxie-surface-raised))) !important;
}

html body .profile-menu-v2 .developer-api-entry .profile-action-icon, html body .profile-menu-v2 .developer-api-entry .profile-action-icon.api {
  border-color: color-mix(in srgb, var(--foxie-accent) 24%, transparent) !important;
  color: color-mix(in srgb, var(--foxie-accent) 88%, var(--foxie-ink)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-raised)) !important;
}

html body .profile-menu-v2 .developer-api-entry .profile-action-copy strong, html body .profile-menu-v2 .developer-api-entry__meta {
  color: color-mix(in srgb, var(--foxie-accent) 76%, var(--foxie-ink)) !important;
}

html body .profile-menu-v2 .developer-api-entry__meta {
  border-color: color-mix(in srgb, var(--foxie-accent) 20%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-raised)) !important;
}

html body .profile-menu-v2 .theme-state-dot.dark {
  border-color: color-mix(in srgb, var(--foxie-accent) 18%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-soft)) !important;
}

html body .profile-menu-v2 .theme-state-dot.dark:after {
  background: var(--foxie-accent) !important;
}

html[data-foxie-theme=dark] body .profile-menu-v2 .developer-api-entry {
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, var(--foxie-border)) !important;
  background: linear-gradient(100deg, color-mix(in srgb, var(--foxie-accent) 13%, var(--foxie-surface-raised)), color-mix(in srgb, var(--foxie-accent) 4%, var(--foxie-surface-raised))) !important;
  box-shadow: inset 3px 0 0 var(--foxie-accent) !important;
}

html[data-foxie-theme=dark] body .profile-menu-v2 .developer-api-entry:hover {
  border-color: color-mix(in srgb, var(--foxie-accent) 40%, var(--foxie-border)) !important;
  background: linear-gradient(100deg, color-mix(in srgb, var(--foxie-accent) 18%, var(--foxie-surface-raised)), color-mix(in srgb, var(--foxie-accent) 6%, var(--foxie-surface-raised))) !important;
}

html[data-foxie-theme=dark] body .profile-menu-v2 .developer-api-entry .profile-action-icon {
  border-color: color-mix(in srgb, var(--foxie-accent) 24%, transparent) !important;
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-raised)) !important;
}

html[data-foxie-theme=dark] body .profile-menu-v2 .developer-api-entry .profile-action-copy strong, html[data-foxie-theme=dark] body .profile-menu-v2 .developer-api-entry__meta {
  color: color-mix(in srgb, var(--foxie-accent) 82%, #fff) !important;
}
/* THEME AUDIT 00C — mobile shell + support entry */
html body .theme-toggle-track.dark {
  background: color-mix(in srgb, var(--foxie-accent) 68%, #24372f) !important;
}

@media (max-width: 760px) {
  html body .shell-v2 .topbar-v2, html body .shell-v2 .shell-content-v2.expanded .topbar-v2 {
    border-bottom-color: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-border)) !important;
    box-shadow: 0 7px 24px color-mix(in srgb, var(--foxie-accent) 6%, transparent) !important;
  }
  html body .shell-v2 .mobile-menu {
    border-color: color-mix(in srgb, var(--foxie-accent) 13%, var(--foxie-border)) !important;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--foxie-accent) 5%, transparent) !important;
  }
  html body .shell-v2 .mobile-menu:active {
    background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-raised)) !important;
  }
  html body .shell-v2 .topbar-actions-v2 > .icon-button:active, html body .shell-v2 .topbar-actions-v2 .internal-chat-header-v2:active {
    color: var(--foxie-accent) !important;
    background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft)) !important;
  }
  html body .shell-v2 .profile-trigger .header-avatar {
    border-color: color-mix(in srgb, var(--foxie-accent) 15%, var(--foxie-border)) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--foxie-accent) 9%, transparent) !important;
  }
}
@media (max-width: 700px) {
  html body .foxie-inbox-mobile-app-menu {
    border-color: color-mix(in srgb, var(--foxie-accent) 18%, var(--foxie-border)) !important;
    box-shadow: 0 7px 20px color-mix(in srgb, var(--foxie-accent) 9%, transparent) !important;
  }
}
html body .foxie-support-entry:not(.foxie-support-entry--staff) {
  border-color: color-mix(in srgb, var(--foxie-accent) 17%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--foxie-accent) 5%, var(--foxie-surface-raised)), var(--foxie-surface-raised)) !important;
}

html body .foxie-support-entry:not(.foxie-support-entry--staff):hover {
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-raised)), var(--foxie-surface-raised)) !important;
}

html body .foxie-support-entry:not(.foxie-support-entry--staff) .foxie-support-entry__icon, html body .foxie-support-entry:not(.foxie-support-entry--staff):hover > .v-icon {
  color: var(--foxie-accent) !important;
}

html body .foxie-support-entry:not(.foxie-support-entry--staff) .foxie-support-entry__icon {
  background: color-mix(in srgb, var(--foxie-accent) 9%, transparent) !important;
}

@media (max-width: 960px) {
  html body .mobile-drawer-profile > .foxie-mobile-support-entry:not(.foxie-mobile-support-entry--staff) {
    border-color: color-mix(in srgb, var(--foxie-accent) 20%, var(--foxie-border)) !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--foxie-accent) 8%, var(--foxie-surface-raised)), color-mix(in srgb, var(--foxie-surface-raised) 96%, transparent)) !important;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--foxie-accent) 8%, transparent) !important;
  }
  html body .foxie-mobile-support-entry:not(.foxie-mobile-support-entry--staff) .foxie-mobile-support-entry__icon {
    background: linear-gradient(145deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--foxie-accent) 22%, transparent) !important;
  }
  html body .foxie-mobile-support-entry:not(.foxie-mobile-support-entry--staff) > div small, html body .foxie-mobile-support-entry:not(.foxie-mobile-support-entry--staff) .foxie-mobile-support-entry__action {
    color: var(--foxie-accent) !important;
  }
}
/*
 * THEME AUDIT 00C — SUPERBOT SIDEBAR IDENTITY
 * SuperBot is a module identity: violet/AI remains fixed, while the organic
 * Foxie-brand axis follows the user's accent. Selectors intentionally outrank
 * AppShellV2 scoped !important rules, which are injected after global styles.
 */
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item {
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, transparent) !important;
  background: linear-gradient(120deg, color-mix(in srgb, var(--foxie-accent-strong) 90%, #172033) 0%, var(--foxie-accent) 42%, color-mix(in srgb, var(--foxie-accent) 38%, #286d87) 72%, #6651b8 115%) !important;
  box-shadow: 0 11px 30px color-mix(in srgb, var(--foxie-accent) 22%, transparent), 0 6px 20px rgba(101, 81, 184, 0.14) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item::before {
  background: conic-gradient(from 0deg, transparent 0 22%, color-mix(in srgb, var(--foxie-accent) 38%, transparent) 30%, transparent 40% 62%, rgba(157, 125, 255, 0.24) 72%, transparent 82%) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .superbot-aura {
  background: radial-gradient(circle, rgba(158, 125, 255, 0.34), transparent 67%) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item.router-link-exact-active {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--foxie-accent) 22%, transparent), 0 16px 38px color-mix(in srgb, var(--foxie-accent) 28%, transparent), 0 8px 25px rgba(103, 82, 190, 0.22) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .active-pulse {
  background: color-mix(in srgb, var(--foxie-accent) 72%, #fff) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--foxie-accent) 58%, transparent) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .superbot-particle:not(.particle-c) {
  background: color-mix(in srgb, var(--foxie-accent) 34%, #fff) !important;
  box-shadow: 0 0 8px color-mix(in srgb, var(--foxie-accent) 52%, transparent) !important;
}

/* particle-c stays violet as the explicit AI/module identity. */
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .particle-c {
  background: #c9b9ff !important;
  box-shadow: 0 0 9px rgba(190, 168, 255, 0.9) !important;
}

html body .shell-v2.collapsed .sidebar-nav-v2 .superbot-nav-item {
  box-shadow: 0 9px 24px color-mix(in srgb, var(--foxie-accent) 25%, transparent), 0 5px 17px rgba(103, 82, 190, 0.18) !important;
}

html body .shell-v2.collapsed .sidebar-nav-v2 .superbot-nav-item::after {
  color: #fff !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 24%, transparent) !important;
  background: linear-gradient(120deg, var(--foxie-accent-strong), color-mix(in srgb, var(--foxie-accent) 35%, #43659a) 74%, #6551b8) !important;
}
/*
 * THEME AUDIT 01C — KPI SEMANTICS
 * KPI colors are data/category semantics and MUST NOT inherit the user theme.
 * The current DashboardViewV2 still names the conversations KPI `tone-accent`;
 * this compatibility rule deliberately pins it to the conversations palette.
 */
html body .dashboard-v2 .dash-kpis .tone-accent {
  --metric:#e85d1c !important;
  border-color: #edc7b5 !important;
  background: linear-gradient(135deg, #fff3ed 0%, #fff8f4 56%, #fffdfb 100%) !important;
  box-shadow: 0 10px 24px rgba(198, 82, 31, 0.05) !important;
}

html body .dashboard-v2 .dash-kpis .tone-violet {
  --metric:#7159d5 !important;
  border-color: #d9d2f3 !important;
  background: linear-gradient(135deg, #f1edff 0%, #f7f5ff 56%, #fcfbff 100%) !important;
}

html body .dashboard-v2 .dash-kpis .tone-blue {
  --metric:#2876cf !important;
  border-color: #cbdff1 !important;
  background: linear-gradient(135deg, #eaf4fd 0%, #f3f8fd 56%, #fbfdff 100%) !important;
}

html body .dashboard-v2 .dash-kpis .tone-amber {
  --metric:#b77a1c !important;
  border-color: #e6d9bc !important;
  background: linear-gradient(135deg, #fff3dd 0%, #fff8eb 56%, #fffdf8 100%) !important;
}

/* Dark mode keeps the exact same semantic families, but remaps them onto
 * naturally dark material gradients instead of pastel blocks. */
html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis article {
  color: var(--foxie-ink) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18) !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis .tone-accent {
  --metric:#ff8a54 !important;
  border-color: rgba(232, 93, 28, 0.3) !important;
  background: linear-gradient(135deg, #2c1b16 0%, #241916 52%, #1b1716 100%) !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis .tone-violet {
  --metric:#a997ff !important;
  border-color: rgba(113, 89, 213, 0.32) !important;
  background: linear-gradient(135deg, #211d32 0%, #1d1b2a 52%, #181821 100%) !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis .tone-blue {
  --metric:#6eb1ff !important;
  border-color: rgba(40, 118, 207, 0.32) !important;
  background: linear-gradient(135deg, #172536 0%, #18222f 52%, #161c23 100%) !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis .tone-amber {
  --metric:#e6b35d !important;
  border-color: rgba(183, 122, 28, 0.32) !important;
  background: linear-gradient(135deg, #2b2417 0%, #242019 52%, #1b1916 100%) !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis header small,
html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis p {
  color: #9ca9a4 !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis article > div > strong {
  color: #f3f7f5 !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis header > span {
  color: var(--metric) !important;
  background: color-mix(in srgb, var(--metric) 13%, #161d1a) !important;
}

/* Trend pills are semantic success/error and are never theme-colored. */
html body .dashboard-v2 .dash-kpis em.up {
  color: #07875f !important;
  background: #e7f8f1 !important;
}

html body .dashboard-v2 .dash-kpis em.down {
  color: #c44e5c !important;
  background: #fff0f2 !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis em.up {
  color: #63ddb0 !important;
  background: #153127 !important;
}

html[data-foxie-theme=dark] body .dashboard-v2 .dash-kpis em.down {
  color: #ff929e !important;
  background: #351d22 !important;
}
/*
 * THEME AUDIT 02 — INBOX / ATTENDANCE
 * Brand chrome follows the selected accent. WhatsApp identity, connection
 * health, positive/negative states, priorities and AI-violet remain semantic.
 */
html body .inbox-v3,
html body .inbox-v6-shell {
  --inbox-accent:var(--foxie-accent);
  --inbox-accent-strong:var(--foxie-accent-strong);
  --inbox-accent-soft:color-mix(in srgb,var(--inbox-accent) 9%,var(--foxie-surface-raised));
  --inbox-accent-faint:color-mix(in srgb,var(--inbox-accent) 5%,transparent);
  --inbox-accent-border:color-mix(in srgb,var(--inbox-accent) 24%,var(--foxie-border));
  --inbox-accent-shadow:color-mix(in srgb,var(--inbox-accent) 12%,transparent);
  --inbox-whatsapp:#20b86f;
  --inbox-unread:#2f80d0;
}

/* Organic atmosphere and branded headings. */
html body .inbox-v3 .organic-layer span {
  border-color: color-mix(in srgb, var(--inbox-accent) 11%, transparent) !important;
}

html body .inbox-v3 .organic-layer i {
  background: radial-gradient(circle, color-mix(in srgb, var(--inbox-accent) 7%, transparent), transparent 70%) !important;
}

html body .inbox-v3 .list-head > div:first-child > span,
html body .inbox-v3 .media-panel > header span {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .head-actions button.active,
html body .inbox-v3 .conversation-actions > button.active {
  color: var(--inbox-accent) !important;
  border-color: var(--inbox-accent-border) !important;
  background: var(--inbox-accent-soft) !important;
}

/* Connection switcher: selection is theme chrome, WhatsApp logo remains green. */
html body .inbox-v3 .connection-switcher {
  border-color: color-mix(in srgb, var(--inbox-accent) 16%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--inbox-accent) 3%, var(--foxie-surface-raised)) !important;
}

html body .inbox-v3 .connection-switcher__rail > button:hover {
  border-color: color-mix(in srgb, var(--inbox-accent) 28%, var(--foxie-border)) !important;
}

html body .inbox-v3 .connection-switcher__rail > button.active {
  border-color: color-mix(in srgb, var(--inbox-accent) 44%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--inbox-accent) 7%, var(--foxie-surface-raised)) !important;
  box-shadow: 0 6px 18px var(--inbox-accent-shadow) !important;
}

html body .inbox-v3 .connection-switcher__rail > button.active .connection-switcher__stats em {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .connection-switcher__icon {
  color: var(--inbox-whatsapp) !important;
  background: color-mix(in srgb, var(--inbox-whatsapp) 10%, var(--foxie-surface-soft)) !important;
}

/* Permission labels are semantic levels. */
html body .inbox-v3 .connection-switcher > header > strong.access-manage {
  color: #11845a !important;
  background: color-mix(in srgb, #20b879 9%, var(--foxie-surface-soft)) !important;
}

/* Bulk actions and filters. */
html body .inbox-v3 .bulk-bar {
  background: color-mix(in srgb, var(--inbox-accent) 8%, var(--foxie-surface-soft)) !important;
}

html body .inbox-v3 .bulk-bar > button {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .bulk-bar .bulk-download {
  color: #fff !important;
  background: linear-gradient(145deg, var(--inbox-accent), var(--inbox-accent-strong)) !important;
}

html body .inbox-v3 .search-box:focus-within {
  border-color: color-mix(in srgb, var(--inbox-accent) 38%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--inbox-accent) 6%, transparent) !important;
}

html body .inbox-v3 .segmented button.active {
  color: var(--inbox-accent) !important;
  border-color: color-mix(in srgb, var(--inbox-accent) 10%, var(--foxie-border)) !important;
  box-shadow: 0 4px 13px var(--inbox-accent-shadow) !important;
}

html body .inbox-v3 .type-filter button.active {
  color: var(--inbox-accent) !important;
  background: color-mix(in srgb, var(--inbox-accent) 7%, transparent) !important;
}

/* Chat rows. Unread remains a fixed state color, not theme. */
html body .inbox-v3 .chat-row:hover,
html body .inbox-v3 .chat-row.active {
  background: color-mix(in srgb, var(--inbox-accent) 5%, var(--foxie-surface-raised)) !important;
}

html body .inbox-v3 .chat-row.active {
  border-color: color-mix(in srgb, var(--inbox-accent) 18%, var(--foxie-border)) !important;
}

html body .inbox-v3 .chat-row.checked {
  background: color-mix(in srgb, var(--inbox-accent) 9%, var(--foxie-surface-raised)) !important;
}

html body .inbox-v3 .bulk-check {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .avatar:not(.member-avatar):not(.mention-avatar) {
  background: linear-gradient(145deg, var(--inbox-accent), #337aa4) !important;
}

html body .inbox-v3 .avatar i.open {
  background: #2ac98d !important;
}

html body .inbox-v3 .unread {
  background: var(--inbox-unread) !important;
}

html body .inbox-v3 .list-state span {
  color: var(--inbox-accent) !important;
  background: var(--inbox-accent-soft) !important;
}

/* Conversation header and tools. */
html body .inbox-v3 .mobile-tools-trigger,
html body .inbox-v3 .message-search span {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .mobile-tools-trigger {
  border-color: var(--inbox-accent-border) !important;
  background: var(--inbox-accent-soft) !important;
}

html body .inbox-v3 .message-search.open:focus-within {
  border-color: var(--inbox-accent-border) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--inbox-accent) 5%, transparent) !important;
}

html body .inbox-v3 .conversation-actions .assume-btn:not(.v-btn--variant-tonal) {
  --v-theme-primary:var(--foxie-accent-rgb)!important;
}

/* Message canvas: outgoing messages are application chrome; delivery/status stays semantic. */
html body .inbox-v3 .message-wallpaper i {
  border-color: color-mix(in srgb, var(--inbox-accent) 8%, transparent) !important;
}

html body .inbox-v3 .message-wallpaper span {
  background: radial-gradient(circle, color-mix(in srgb, var(--inbox-accent) 5%, transparent), transparent 70%) !important;
}

html body .inbox-v3 .message.out .bubble {
  border-color: color-mix(in srgb, var(--inbox-accent) 20%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--inbox-accent) 12%, var(--foxie-surface-raised)), color-mix(in srgb, var(--inbox-accent) 5%, var(--foxie-surface-raised))) !important;
}

html body .inbox-v3 .message.search-hit .bubble,
html body .inbox-v3 .message.context-focus .bubble {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--inbox-accent) 34%, transparent), 0 12px 30px var(--inbox-accent-shadow) !important;
}

html body .inbox-v3 .day-separator span {
  border-color: color-mix(in srgb, var(--inbox-accent) 10%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, var(--inbox-accent) 6%) !important;
}

html body .inbox-v3 .reply-preview {
  border-left-color: var(--inbox-accent) !important;
}

/* Composer and mentions. */
html body .inbox-v3 .composer {
  border-top-color: color-mix(in srgb, var(--inbox-accent) 10%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 97%, var(--inbox-accent) 3%) !important;
}

html body .inbox-v3 .composer > button:not(.voice-start):not(.send):hover {
  color: var(--inbox-accent) !important;
  background: var(--inbox-accent-soft) !important;
}

html body .inbox-v3 .composer-box:focus-within {
  border-color: color-mix(in srgb, var(--inbox-accent) 40%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--inbox-accent) 6%, transparent) !important;
}

html body .inbox-v3 .composer-box > small {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .send,
html body .inbox-v3 .voice-start {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(145deg, var(--inbox-accent), var(--inbox-accent-strong)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--inbox-accent) 20%, transparent) !important;
}

html body .inbox-v3 .voice-dot {
  background: #e44f5a !important;
}

html body .inbox-v3 .mention-menu {
  border-color: var(--inbox-accent-border) !important;
  box-shadow: 0 18px 48px var(--inbox-accent-shadow) !important;
}

html body .inbox-v3 .mention-menu > header span,
html body .inbox-v3 .mention-option.active {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .mention-option.active {
  background: var(--inbox-accent-soft) !important;
}

html body .inbox-v3 .composer-readonly > span {
  color: var(--inbox-accent) !important;
  background: var(--inbox-accent-soft) !important;
}

/* Empty conversation and media repository. */
html body .inbox-v3 .empty-icon,
html body .inbox-v3 .empty-kicker {
  color: var(--inbox-accent) !important;
}

html body .inbox-v3 .empty-icon {
  background: var(--inbox-accent-soft) !important;
}

html body .inbox-v3 .empty-card {
  border-color: color-mix(in srgb, var(--inbox-accent) 12%, var(--foxie-border)) !important;
  box-shadow: 0 16px 44px var(--inbox-accent-shadow) !important;
}

html body .inbox-v3 .empty-features span {
  border-color: color-mix(in srgb, var(--inbox-accent) 9%, var(--foxie-border)) !important;
}

html body .inbox-v3 .media-panel {
  border-left-color: color-mix(in srgb, var(--inbox-accent) 10%, var(--foxie-border)) !important;
}

html body .inbox-v3 .media-tabs button.active {
  color: var(--inbox-accent) !important;
  background: var(--inbox-accent-soft) !important;
}

html body .inbox-v3 .media-panel > footer button {
  color: #fff !important;
  background: linear-gradient(145deg, var(--inbox-accent), var(--inbox-accent-strong)) !important;
}

html body .inbox-v3 .media-card:hover,
html body .inbox-v3 .doc-card:hover,
html body .inbox-v3 .link-card:hover {
  border-color: var(--inbox-accent-border) !important;
  background: var(--inbox-accent-faint) !important;
}

/* Forward dialog is teleported outside Inbox. Scope by its dedicated class. */
html body .forward-dialog-card {
  border-color: color-mix(in srgb, var(--foxie-accent) 16%, var(--foxie-border)) !important;
}

html body .forward-dialog-title > span {
  color: var(--foxie-accent) !important;
}

html body .forward-target.selected {
  border-color: color-mix(in srgb, var(--foxie-accent) 38%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-raised)) !important;
}

html body .forward-target.selected > .v-icon {
  color: var(--foxie-accent) !important;
}

/* AI context: violet stays AI identity; accidental green chrome follows accent. */
html body .ai-context-panel {
  --context-app-accent:var(--foxie-accent);
  border-color: color-mix(in srgb, var(--context-app-accent) 15%, var(--foxie-border)) !important;
}

html body .ai-context-panel .story-heading > div > small,
html body .ai-context-panel .story-points > small,
html body .ai-context-panel .story-now small {
  color: var(--context-app-accent) !important;
}

html body .ai-context-panel .story-heading > button:hover {
  color: var(--context-app-accent) !important;
  border-color: color-mix(in srgb, var(--context-app-accent) 26%, var(--foxie-border)) !important;
}

html body .ai-context-panel .story-points li > b {
  color: var(--context-app-accent) !important;
  background: color-mix(in srgb, var(--context-app-accent) 9%, var(--foxie-surface-soft)) !important;
}

/* Explicit AI orbs remain violet. */
html body .ai-context-panel .ai-brand__orb,
html body .ai-context-panel .ai-thinking__orb,
html body .ai-context-panel .context-chat__orb {
  --context-ai:#8067e8;
}

/* Whisper: collaboration chrome follows accent; Foxie AI session remains violet. */
html body .whisper-panel {
  --whisper-app-accent:var(--foxie-accent);
  border-left-color: color-mix(in srgb, var(--whisper-app-accent) 16%, var(--foxie-border)) !important;
}

html body .whisper-panel .whisper-head__icon,
html body .whisper-panel .whisper-section-head > div > small {
  color: var(--whisper-app-accent) !important;
}

html body .whisper-panel .whisper-head__icon {
  background: color-mix(in srgb, var(--whisper-app-accent) 9%, var(--foxie-surface-soft)) !important;
}

html body .whisper-panel .whisper-section-head > button.active,
html body .whisper-panel .invite-search:focus-within {
  border-color: color-mix(in srgb, var(--whisper-app-accent) 30%, var(--foxie-border)) !important;
}

html body .whisper-panel .member-pill.mine,
html body .whisper-panel .candidate-list > button:hover {
  background: color-mix(in srgb, var(--whisper-app-accent) 5%, var(--foxie-surface-raised)) !important;
}

html body .whisper-panel .whisper-composer__box:focus-within {
  border-color: color-mix(in srgb, var(--whisper-app-accent) 36%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--whisper-app-accent) 5%, transparent) !important;
}

html body .whisper-panel .whisper-composer__box > .whisper-send:not(:disabled) {
  color: #fff !important;
  background: linear-gradient(145deg, var(--whisper-app-accent), var(--foxie-accent-strong)) !important;
}

html body .whisper-panel .whisper-composer__box > .whisper-voice:not(:disabled) {
  color: var(--whisper-app-accent) !important;
  background: transparent !important;
}

/* AI-specific whisper controls keep their own violet identity. */
html body .whisper-panel .whisper-ai-session,
html body .whisper-panel .whisper-ai-orb,
html body .whisper-panel .whisper-ai-toggle:not(.locked) {
  --whisper-ai:#8067e8;
}

/* Dark mode: keep transparent layered materials rather than light blocks. */
html[data-foxie-theme=dark] body .inbox-v3 .connection-switcher,
html[data-foxie-theme=dark] body .inbox-v3 .bulk-bar,
html[data-foxie-theme=dark] body .inbox-v3 .chat-row.active,
html[data-foxie-theme=dark] body .inbox-v3 .chat-row.checked,
html[data-foxie-theme=dark] body .inbox-v3 .composer,
html[data-foxie-theme=dark] body .inbox-v3 .message.out .bubble {
  background-color: transparent !important;
}

html[data-foxie-theme=dark] body .inbox-v3 .send,
html[data-foxie-theme=dark] body .inbox-v3 .voice-start {
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .inbox-v3 *, html body .ai-context-panel *, html body .whisper-panel * {
    scroll-behavior: auto !important;
  }
}
/*
 * THEME AUDIT 03 — CONNECTIONS
 * Theme owns Foxie chrome only. WhatsApp identity, online/success, warnings,
 * errors and summary KPI palettes remain semantic and independent.
 */
html body .connections-v4-shell {
  --connections-accent:var(--foxie-accent);
  --connections-accent-strong:var(--foxie-accent-strong);
}

/* V2 page chrome */
html body .connections-v4-shell .connections-v2-page .page-atmosphere .leaf {
  border-color: color-mix(in srgb, var(--connections-accent) 7%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .page-atmosphere .glow {
  background: radial-gradient(circle, color-mix(in srgb, var(--connections-accent) 5%, transparent), transparent 70%) !important;
}

html body .connections-v4-shell .connections-v2-page .connections-hero-v2 {
  border-color: color-mix(in srgb, var(--connections-accent) 18%, transparent) !important;
  background: radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--connections-accent) 23%, transparent), transparent 28%), radial-gradient(circle at 16% 100%, color-mix(in srgb, var(--connections-accent-strong) 17%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--connections-accent-strong) 28%, #071317), color-mix(in srgb, var(--connections-accent-strong) 48%, #08161a) 58%, color-mix(in srgb, var(--connections-accent) 60%, #0a1518)) !important;
  box-shadow: 0 26px 70px color-mix(in srgb, var(--connections-accent) 14%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .hero-copy .eyebrow {
  color: color-mix(in srgb, var(--connections-accent) 42%, #fff) !important;
}

html body .connections-v4-shell .connections-v2-page .hero-copy .eyebrow i {
  background: color-mix(in srgb, var(--connections-accent) 72%, #fff) !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--connections-accent) 11%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .hero-copy > p {
  color: color-mix(in srgb, var(--connections-accent) 13%, #cfd7df) !important;
}

html body .connections-v4-shell .connections-v2-page .primary-action,
html body .connections-v4-shell .connections-v2-page .card-primary {
  background: linear-gradient(145deg, var(--connections-accent), var(--connections-accent-strong)) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--connections-accent) 20%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .primary-action:hover {
  box-shadow: 0 14px 28px color-mix(in srgb, var(--connections-accent) 24%, transparent) !important;
}

/* Summary KPI palette is semantic: do not theme metric-icon green/blue/violet/amber. */
html body .connections-v4-shell .connections-v2-page .connections-toolbar-v2 > div:first-child span {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .status-tabs button.active {
  color: var(--connections-accent) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--connections-accent) 6%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .toolbar-search:focus-within {
  border-color: color-mix(in srgb, var(--connections-accent) 42%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--connections-accent) 9%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .empty-state-v2 > span {
  color: var(--connections-accent) !important;
  background: color-mix(in srgb, var(--connections-accent) 8%, var(--foxie-surface-soft)) !important;
}

html body .connections-v4-shell .connections-v2-page .status-grid > div > span {
  color: var(--connections-accent) !important;
  background: color-mix(in srgb, var(--connections-accent) 7%, var(--foxie-surface-raised)) !important;
}

html body .connections-v4-shell .connections-v2-page .sync-block {
  border-color: color-mix(in srgb, var(--connections-accent) 12%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--connections-accent) 4%, var(--foxie-surface-soft)) !important;
}

html body .connections-v4-shell .connections-v2-page .sync-block > div strong {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .access-action {
  color: var(--connections-accent) !important;
  border-color: color-mix(in srgb, var(--connections-accent) 24%, var(--foxie-border)) !important;
}

html body .connections-v4-shell .connections-v2-page .first-copy > span {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .first-steps b {
  color: var(--connections-accent) !important;
  background: color-mix(in srgb, var(--connections-accent) 9%, var(--foxie-surface-raised)) !important;
}

/* Dialog chrome. WhatsApp icons deliberately remain WhatsApp green. */
html body .connections-v4-shell .connections-v2-page .dialog-head-v2 small {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .privacy-note {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .pairing-dialog-v2 {
  border-color: color-mix(in srgb, var(--connections-accent) 18%, var(--foxie-border)) !important;
  box-shadow: 0 38px 110px color-mix(in srgb, var(--connections-accent) 15%, rgba(0, 0, 0, 0.18)) !important;
}

html body .connections-v4-shell .connections-v2-page .pairing-texture span {
  border-color: color-mix(in srgb, var(--connections-accent) 9%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .pairing-texture i {
  background: radial-gradient(circle, color-mix(in srgb, var(--connections-accent) 6%, transparent), transparent 70%) !important;
}

html body .connections-v4-shell .connections-v2-page .pairing-heading small,
html body .connections-v4-shell .connections-v2-page .pairing-progress span.active,
html body .connections-v4-shell .connections-v2-page .stage > small,
html body .connections-v4-shell .connections-v2-page .pairing-guide-v2 > span,
html body .connections-v4-shell .connections-v2-page .security-card {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .pairing-progress span.active i {
  border-color: color-mix(in srgb, var(--connections-accent) 28%, var(--foxie-border)) !important;
  background: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .loading-line {
  background: color-mix(in srgb, var(--connections-accent) 10%, var(--foxie-border)) !important;
}

html body .connections-v4-shell .connections-v2-page .loading-line i {
  background: linear-gradient(90deg, transparent, var(--connections-accent), transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .qr-frame {
  border-color: color-mix(in srgb, var(--connections-accent) 18%, var(--foxie-border)) !important;
  box-shadow: 0 20px 48px color-mix(in srgb, var(--connections-accent) 12%, transparent) !important;
}

html body .connections-v4-shell .connections-v2-page .qr-frame:before,
html body .connections-v4-shell .connections-v2-page .qr-frame:after,
html body .connections-v4-shell .connections-v2-page .qr-frame i:before,
html body .connections-v4-shell .connections-v2-page .qr-frame i:after {
  border-color: var(--connections-accent) !important;
}

html body .connections-v4-shell .connections-v2-page .pairing-guide-v2 li > b {
  color: var(--connections-accent) !important;
  background: color-mix(in srgb, var(--connections-accent) 8%, var(--foxie-surface-soft)) !important;
}

html body .connections-v4-shell .connections-v2-page .security-card {
  background: color-mix(in srgb, var(--connections-accent) 7%, var(--foxie-surface-soft)) !important;
}

/* Success check / WhatsApp brand / QR waiting status keep their semantic green. */
/* V3 failure dialog: red remains error semantic; only generic primary action uses accent. */
html body .connections-v4-shell .failure-log-loading {
  color: var(--connections-accent) !important;
}

html body .connections-v4-shell .failure-log-primary {
  border-color: color-mix(in srgb, var(--connections-accent) 24%, var(--foxie-border)) !important;
  background: linear-gradient(135deg, var(--connections-accent-strong), var(--connections-accent)) !important;
}

/* V4 dock: working state is Foxie chrome and follows theme. Failed remains red. */
html body .connections-v4-shell .sync-dock {
  --dock-accent:var(--connections-accent)!important;
}

html body .connections-v4-shell .sync-dock.failed {
  --dock-accent:#d55858!important;
}

/* Number access dialog */
html body .access-dialog {
  --access-accent:var(--foxie-accent);
  --access-accent-strong:var(--foxie-accent-strong);
  box-shadow: 0 34px 90px color-mix(in srgb, var(--access-accent) 13%, rgba(0, 0, 0, 0.18)) !important;
}

html body .access-dialog .access-hero {
  background: radial-gradient(circle at 84% 10%, color-mix(in srgb, var(--access-accent) 18%, transparent), transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--access-accent-strong) 32%, #07151a), color-mix(in srgb, var(--access-accent-strong) 52%, #09171b)) !important;
}

html body .access-dialog .access-hero__mark {
  color: color-mix(in srgb, var(--access-accent) 42%, #fff) !important;
  background: color-mix(in srgb, var(--access-accent) 12%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--access-accent) 9%, transparent) !important;
}

html body .access-dialog .access-hero__copy span {
  color: color-mix(in srgb, var(--access-accent) 45%, #fff) !important;
}

html body .access-dialog .access-hero__copy p {
  color: color-mix(in srgb, var(--access-accent) 15%, #c9d3da) !important;
}

html body .access-dialog .access-hero__status:not(.restricted) i {
  background: var(--access-accent) !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--access-accent) 12%, transparent) !important;
}

html body .access-dialog .state-panel > button,
html body .access-dialog .state-orbit,
html body .access-dialog .access-intro span,
html body .access-dialog .choice-copy small,
html body .access-dialog .active .choice-check,
html body .access-dialog .restricted-summary strong,
html body .access-dialog .subject-mark,
html body .access-dialog .subject-avatar {
  color: var(--access-accent) !important;
}

html body .access-dialog .state-orbit {
  background: color-mix(in srgb, var(--access-accent) 8%, var(--foxie-surface-soft)) !important;
}

html body .access-dialog .state-orbit i {
  border-color: color-mix(in srgb, var(--access-accent) 24%, transparent) !important;
}

html body .access-dialog .policy-choices > button:hover {
  border-color: color-mix(in srgb, var(--access-accent) 30%, var(--foxie-border)) !important;
}

html body .access-dialog .policy-choices > button.active {
  border-color: color-mix(in srgb, var(--access-accent) 46%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--access-accent) 7%, var(--foxie-surface-raised)), var(--foxie-surface-soft)) !important;
  box-shadow: 0 13px 30px color-mix(in srgb, var(--access-accent) 8%, transparent) !important;
}

html body .access-dialog .workspace-summary {
  border-color: color-mix(in srgb, var(--access-accent) 20%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--access-accent) 6%, var(--foxie-surface-soft)) !important;
  color: var(--access-accent) !important;
}

html body .access-dialog .member-search:focus-within {
  border-color: color-mix(in srgb, var(--access-accent) 40%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--access-accent) 8%, transparent) !important;
}

html body .access-dialog .subject-mark,
html body .access-dialog .subject-avatar {
  background: color-mix(in srgb, var(--access-accent) 6%, var(--foxie-surface-soft)) !important;
}

html body .access-dialog .access-footer .primary {
  border-color: color-mix(in srgb, var(--access-accent) 24%, var(--foxie-border)) !important;
  background: linear-gradient(135deg, var(--access-accent-strong), var(--access-accent)) !important;
  color: #fff !important;
}

/* restricted policy, protected admin, warning strip and access levels remain semantic. */
/*
 * INTEGRATIONS HUB V3
 * The legacy Connections page is never allowed to dictate the integrations
 * experience. Inside the hub it becomes a compact WhatsApp manager while all
 * dialogs/runtime actions remain the same component and therefore keep every
 * existing feature.
 */
html body .integrations-center {
  padding-top: 22px !important;
}

html body .integrations-center .integrations-hero {
  min-height: 0 !important;
  padding: 0 0 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .integrations-center .integrations-hero:after {
  display: none !important;
}

html body .integrations-center .hero-copy h1 {
  margin: 6px 0 5px !important;
  font-size: clamp(1.7rem, 2.4vw, 2.15rem) !important;
  letter-spacing: -0.04em !important;
}

html body .integrations-center .hero-copy p {
  max-width: 700px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .integrations-center .hero-meta {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html body .integrations-center .hero-meta > span {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  display: flex !important;
  gap: 6px !important;
  background: var(--foxie-surface-soft) !important;
  font-size: 12px !important;
}

html body .integrations-center .hero-meta > span .v-icon {
  grid-row: auto !important;
}

html body .integrations-center .hero-meta > span strong {
  font-size: 12px !important;
}

html body .integrations-center .hero-meta > button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

html body .integrations-center .hub-section {
  margin-top: 18px !important;
}

html body .integrations-center .section-heading {
  margin-bottom: 10px !important;
}

html body .integrations-center .section-heading h2 {
  font-size: 1rem !important;
}

html body .integrations-center .section-heading p {
  max-width: 560px !important;
  font-size: 12px !important;
}

html body .integrations-center .provider-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .integrations-center .provider-card {
  min-height: 88px !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
  gap: 10px !important;
  box-shadow: none !important;
}

html body .integrations-center .provider-card:hover:not(:disabled),
html body .integrations-center .provider-card.active {
  transform: none !important;
  box-shadow: none !important;
}

html body .integrations-center .provider-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
}

html body .integrations-center .provider-icon img {
  width: 25px !important;
  height: 25px !important;
}

html body .integrations-center .provider-copy em {
  min-height: 0 !important;
  font-size: 12px !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html body .integrations-center .provider-state {
  gap: 6px !important;
}

html body .integrations-center .state-chip {
  padding: 4px 6px !important;
  font-size: 12px !important;
}

html body .integrations-center .integration-workspace {
  margin-top: 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .integrations-center .workspace-head {
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: transparent !important;
}

html body .integrations-center .workspace-brand {
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
}

html body .integrations-center .workspace-title h2 {
  font-size: 1rem !important;
}

html body .integrations-center .workspace-title p {
  font-size: 12px !important;
}

html body .integrations-center .workspace-badge {
  height: 29px !important;
  border-radius: 9px !important;
}

/* WhatsApp is a child manager of Integrations, not the old Connections page. */
html body .integrations-center .whatsapp-workspace .connections-v2-page {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 0 0 !important;
}

html body .integrations-center .whatsapp-workspace .connections-v2-page .page-atmosphere,
html body .integrations-center .whatsapp-workspace .connections-v2-page .connections-hero-v2,
html body .integrations-center .whatsapp-workspace .connections-v2-page .summary-row {
  display: none !important;
}

html body .integrations-center .whatsapp-workspace .connections-toolbar-v2 {
  margin: 0 0 10px !important;
  padding: 0 0 11px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  grid-template-columns: minmax(170px, 1fr) minmax(240px, 330px) auto !important;
}

html body .integrations-center .whatsapp-workspace .toolbar-search,
html body .integrations-center .whatsapp-workspace .status-tabs {
  background: var(--foxie-surface-soft) !important;
}

html body .integrations-center .whatsapp-workspace .connection-grid-v2 {
  margin-top: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

html body .integrations-center .whatsapp-workspace .connection-card-v2 {
  border-radius: 14px !important;
  box-shadow: none !important;
  background: var(--foxie-surface-raised) !important;
}

html body .integrations-center .whatsapp-workspace .connection-card-v2 .card-accent {
  display: none !important;
}

html body .integrations-center .whatsapp-workspace .connection-card-v2 > header {
  padding: 11px 12px 10px !important;
}

html body .integrations-center .whatsapp-workspace .whatsapp-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
}

html body .integrations-center .whatsapp-workspace .connection-title strong {
  font-size: 12px !important;
}

html body .integrations-center .whatsapp-workspace .connection-title small {
  font-size: 12px !important;
}

html body .integrations-center .whatsapp-workspace .status-pill {
  min-height: 24px !important;
  padding: 0 7px !important;
  font-size: 12px !important;
}

html body .integrations-center .whatsapp-workspace .card-body {
  padding: 10px 12px !important;
}

html body .integrations-center .whatsapp-workspace .status-grid {
  grid-template-columns: 1fr !important;
  gap: 5px !important;
}

html body .integrations-center .whatsapp-workspace .status-grid > div {
  padding: 7px !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
}

html body .integrations-center .whatsapp-workspace .status-grid > div > span {
  width: 27px !important;
  height: 27px !important;
  grid-row: auto !important;
}

html body .integrations-center .whatsapp-workspace .status-grid small {
  align-self: center !important;
}

html body .integrations-center .whatsapp-workspace .status-grid strong {
  align-self: center !important;
  text-align: right !important;
}

html body .integrations-center .whatsapp-workspace .sync-block {
  padding: 8px !important;
}

html body .integrations-center .whatsapp-workspace .connection-card-v2 > footer {
  padding: 8px 10px !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}

html body .integrations-center .whatsapp-workspace .card-primary,
html body .integrations-center .whatsapp-workspace .card-secondary,
html body .integrations-center .whatsapp-workspace .online-action,
html body .integrations-center .whatsapp-workspace .readonly-badge {
  min-height: 31px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

html body .integrations-center .whatsapp-workspace .connections-loading,
html body .integrations-center .whatsapp-workspace .empty-state-v2 {
  min-height: 180px !important;
  margin-top: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
}

html body .integrations-center .whatsapp-workspace .first-connection-v2 {
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 22px !important;
  border: 1px dashed var(--foxie-border) !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body .integrations-center .whatsapp-workspace .first-copy {
  max-width: 720px !important;
}

html body .integrations-center .whatsapp-workspace .first-copy h2 {
  font-size: 1.15rem !important;
}

html body .integrations-center .whatsapp-workspace .first-steps {
  display: none !important;
}

/* The navigation entry is Integrations. Never show the WhatsApp glyph there. */
html body a.nav-item-v2[href="/app/conexoes"] .nav-icon .v-icon,
html body a.nav-item-v2[href="/app/integracoes"] .nav-icon .v-icon,
html body .mobile-group > a[href="/app/conexoes"] .mobile-nav-icon .v-icon,
html body .mobile-group > a[href="/app/integracoes"] .mobile-nav-icon .v-icon {
  display: none !important;
}

html body a.nav-item-v2[href="/app/conexoes"] .nav-icon:before,
html body a.nav-item-v2[href="/app/integracoes"] .nav-icon:before,
html body .mobile-group > a[href="/app/conexoes"] .mobile-nav-icon:before,
html body .mobile-group > a[href="/app/integracoes"] .mobile-nav-icon:before {
  content: "";
  width: 19px;
  height: 19px;
  display: block;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm12 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM6 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm3.2-9h5.6v2H9.2V6ZM5 10h2v4H5v-4Zm4.5 6.1 6.7-7 1.45 1.38-6.7 7-1.45-1.38Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm12 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM6 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm3.2-9h5.6v2H9.2V6ZM5 10h2v4H5v-4Zm4.5 6.1 6.7-7 1.45 1.38-6.7 7-1.45-1.38Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media (max-width: 1180px) {
  html body .integrations-center .whatsapp-workspace .connection-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 820px) {
  html body .integrations-center .integrations-hero {
    gap: 12px !important;
  }
  html body .integrations-center .hero-meta {
    width: 100% !important;
    flex-wrap: wrap !important;
  }
  html body .integrations-center .provider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .integrations-center .whatsapp-workspace .connections-toolbar-v2 {
    grid-template-columns: 1fr !important;
  }
  html body .integrations-center .whatsapp-workspace .connection-grid-v2 {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 560px) {
  html body .integrations-center .provider-grid {
    grid-template-columns: 1fr !important;
  }
  html body .integrations-center .provider-card {
    min-height: 82px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .connections-v4-shell *, html body .access-dialog * {
    transition: none !important;
  }
}
/*
 * THEME AUDIT 04 — CRM / KANBAN
 * Only Foxie chrome follows the user's accent.
 * Pipeline column colors, WhatsApp, success/won, lost/error, warning/rotting,
 * lead source tones and business status colors remain semantic and independent.
 */
html body .crm-page {
  --crm-accent:var(--foxie-accent);
  --crm-accent-strong:var(--foxie-accent-strong);
  --crm-accent-soft:color-mix(in srgb,var(--crm-accent) 9%,var(--foxie-surface-raised));
  --crm-accent-faint:color-mix(in srgb,var(--crm-accent) 5%,transparent);
}

/* Generic audited accent chrome */
html body .crm-page .eyebrow,
html body .crm-page .surface-head .eyebrow {
  color: var(--crm-accent) !important;
}

html body .crm-page .pipeline-surface {
  border-color: var(--foxie-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035) !important;
}

html body .crm-page .search-box:focus-within {
  border-color: color-mix(in srgb, var(--crm-accent) 48%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-accent) 9%, transparent) !important;
}

html body .crm-page .command-meta button.active {
  color: var(--crm-accent) !important;
  border-color: color-mix(in srgb, var(--crm-accent) 30%, var(--foxie-border)) !important;
  background: var(--crm-accent-soft) !important;
}

html body .crm-page .bulk-bar {
  border-color: color-mix(in srgb, var(--crm-accent) 22%, var(--foxie-border)) !important;
  background: linear-gradient(100deg, color-mix(in srgb, var(--crm-accent) 8%, var(--foxie-surface)), var(--foxie-surface)) !important;
}

html body .crm-page .bulk-count {
  background: var(--crm-accent) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--crm-accent) 18%, transparent) !important;
}

html body .crm-page .kanban-board {
  scrollbar-color: color-mix(in srgb, var(--crm-accent) 30%, transparent) transparent !important;
}

/* Selection is Foxie interaction chrome, not column semantics. */
html body .crm-page .lead-card.selected {
  border-color: color-mix(in srgb, var(--crm-accent) 52%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--crm-accent) 10%, transparent), 0 9px 24px color-mix(in srgb, var(--crm-accent) 9%, transparent) !important;
}

html body .crm-page .lead-check.active {
  color: var(--crm-accent) !important;
}

html body .crm-page .lead-card.selected .lead-avatar {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-accent) 10%, transparent) !important;
}

html body .crm-page .add-card:hover {
  color: var(--crm-accent) !important;
  background: var(--crm-accent-faint) !important;
}

html body .crm-page .empty-board > span {
  color: var(--crm-accent) !important;
  background: var(--crm-accent-soft) !important;
}

/* V-field / Vuetify theme linkage inside the CRM route. */
html body .crm-page .v-field--focused,
html body [data-foxie-crm-dialog="1"] .v-field--focused {
  --v-field-border-opacity:.75!important;
}

html body .crm-page .v-field--focused .v-field__outline,
html body [data-foxie-crm-dialog="1"] .v-field--focused .v-field__outline {
  color: var(--foxie-accent) !important;
}

html body .crm-page .v-selection-control--dirty .v-selection-control__input,
html body [data-foxie-crm-dialog="1"] .v-selection-control--dirty .v-selection-control__input {
  color: var(--foxie-accent) !important;
}

/* Dialog shell / headers. Individual business status colors stay untouched. */
html body [data-foxie-crm-dialog="1"] {
  --crm-accent:var(--foxie-accent);
  --crm-accent-strong:var(--foxie-accent-strong);
  --crm-accent-soft:color-mix(in srgb,var(--crm-accent) 9%,var(--foxie-surface-raised));
}

html body [data-foxie-crm-dialog="1"].dialog-card {
  border-color: color-mix(in srgb, var(--crm-accent) 10%, var(--foxie-border)) !important;
  box-shadow: 0 30px 86px color-mix(in srgb, var(--crm-accent) 10%, rgba(0, 0, 0, 0.18)) !important;
}

html body [data-foxie-crm-dialog="1"] .dialog-head {
  background: linear-gradient(135deg, color-mix(in srgb, var(--crm-accent) 6%, var(--foxie-surface-raised)), var(--foxie-surface-raised)) !important;
}

html body [data-foxie-crm-dialog="1"] .dialog-head > span {
  color: var(--crm-accent) !important;
  background: var(--crm-accent-soft) !important;
}

html body [data-foxie-crm-dialog="1"] .dialog-head small {
  color: var(--crm-accent) !important;
}

html body [data-foxie-crm-dialog="1"] .field-block:focus-within > span {
  color: var(--crm-accent) !important;
}

/* Stage manager: selected editor chrome follows accent; actual stage color does not. */
html body [data-foxie-crm-dialog="1"] .stage-list > header button,
html body [data-foxie-crm-dialog="1"] .automation-sidebar > header button,
html body [data-foxie-crm-dialog="1"] .add-action-button {
  color: var(--crm-accent) !important;
  border-color: color-mix(in srgb, var(--crm-accent) 24%, var(--foxie-border)) !important;
  background: var(--crm-accent-soft) !important;
}

html body [data-foxie-crm-dialog="1"] .stage-item.active {
  border-color: color-mix(in srgb, var(--crm-accent) 30%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--crm-accent) 5%, var(--foxie-surface-soft)) !important;
}

html body [data-foxie-crm-dialog="1"] .stage-editor-head small,
html body [data-foxie-crm-dialog="1"] .automation-editor-head small {
  color: var(--crm-accent) !important;
}

html body [data-foxie-crm-dialog="1"] .stage-empty > .v-icon {
  color: var(--crm-accent) !important;
}

/* Alert center: unread selection chrome follows accent; actual warning/error states remain semantic. */
html body [data-foxie-crm-dialog="1"] .alert-card.unread {
  border-color: color-mix(in srgb, var(--crm-accent) 22%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--crm-accent) 5%, var(--foxie-surface-soft)) !important;
}

html body [data-foxie-crm-dialog="1"] .alert-card.unread .alert-icon {
  color: var(--crm-accent) !important;
  background: var(--crm-accent-soft) !important;
}

html body [data-foxie-crm-dialog="1"] .alert-copy em {
  color: var(--crm-accent) !important;
}

html body [data-foxie-crm-dialog="1"] .alerts-empty > span {
  color: var(--crm-accent) !important;
  background: var(--crm-accent-soft) !important;
}

/* Automation editor: enabled/selected UI follows accent. Run success/failure stays semantic. */
html body [data-foxie-crm-dialog="1"] .automation-item.active {
  border-color: color-mix(in srgb, var(--crm-accent) 28%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--crm-accent) 6%, var(--foxie-surface-soft)) !important;
}

html body [data-foxie-crm-dialog="1"] .automation-state.enabled i {
  background: var(--crm-accent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--crm-accent) 9%, transparent) !important;
}

html body [data-foxie-crm-dialog="1"] .automation-section > header > span,
html body [data-foxie-crm-dialog="1"] .action-index {
  color: #fff !important;
  background: var(--crm-accent) !important;
  box-shadow: 0 7px 16px color-mix(in srgb, var(--crm-accent) 16%, transparent) !important;
}

html body [data-foxie-crm-dialog="1"] .automation-switch input:checked + span {
  background: var(--crm-accent) !important;
}

html body [data-foxie-crm-dialog="1"] .template-hint {
  border-color: color-mix(in srgb, var(--crm-accent) 18%, var(--foxie-border)) !important;
  color: var(--crm-accent) !important;
  background: color-mix(in srgb, var(--crm-accent) 5%, var(--foxie-surface-soft)) !important;
}

/* Preserve explicit semantics. */
html body .crm-page .source-tag.green,
html body .crm-page .status-won,
html body .crm-page .status-customer,
html body .crm-page .lead-card footer .text-success {
  color: #119866 !important;
}

html body .crm-page .status-lost {
  color: #c94f59 !important;
}

html body .crm-page .attention-dot {
  color: #d7742e !important;
}

/* Dark mode: audited accent chrome stays deep rather than becoming bright blocks. */
html[data-foxie-theme=dark] body .crm-page .pipeline-surface {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
}

html[data-foxie-theme=dark] body [data-foxie-crm-dialog="1"] {
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.24) !important;
}

html[data-foxie-theme=dark] body .crm-page .bulk-bar,
html[data-foxie-theme=dark] body [data-foxie-crm-dialog="1"] .alert-card.unread,
html[data-foxie-theme=dark] body [data-foxie-crm-dialog="1"] .automation-item.active,
html[data-foxie-theme=dark] body [data-foxie-crm-dialog="1"] .stage-item.active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--crm-accent) 10%, #121821), color-mix(in srgb, var(--foxie-surface-soft) 92%, #0d1118)) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .crm-page *, html body [data-foxie-crm-dialog="1"] * {
    scroll-behavior: auto !important;
  }
}
/* CRM AUTOMAÇÕES — template hub + direct builder.
 * This layer intentionally keeps every existing string/DOM contract intact so
 * crmAutomationsLocaleRuntime continues to translate PT-BR / EN / ES.
 */
html body #app .automation-page {
  --crm-auto-accent:var(--foxie-accent);
  --crm-auto-strong:var(--foxie-accent-strong);
  --crm-auto-soft:color-mix(in srgb,var(--crm-auto-accent) 7%,var(--foxie-surface-raised));
  color: var(--foxie-ink);
}

html body #app .automation-page .automation-shell {
  width: min(1480px, 100%);
  margin: 0 auto;
  padding: 20px 24px 42px;
}

/* Breadcrumb: visible on both hub and builder, but never card-like. */
html body #app .automation-page .crumbs {
  min-height: 30px;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--foxie-muted);
  font-size: 12px;
  font-weight: 700;
}

html body #app .automation-page .crumbs button,
html body #app .automation-page .crumbs span {
  min-height: 28px;
  padding: 0 5px;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  background: transparent;
  border-radius: 8px;
  font: inherit;
}

html body #app .automation-page .crumbs button {
  cursor: pointer;
}

html body #app .automation-page .crumbs button:hover {
  color: var(--crm-auto-accent);
  background: var(--crm-auto-soft);
}

html body #app .automation-page .crumbs > span:last-child {
  color: var(--foxie-ink);
  font-weight: 850;
}

/* HUB — one clear choice: start from a template or create your own. */
html body #app .automation-page .hero {
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: 28px 30px !important;
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 310px !important;
  gap: 26px !important;
  align-items: center !important;
  border: 1px solid color-mix(in srgb, var(--crm-auto-accent) 10%, var(--foxie-border)) !important;
  border-radius: 20px !important;
  color: var(--foxie-ink) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--crm-auto-accent) 3%, var(--foxie-surface-raised)), var(--foxie-surface-raised)) !important;
  box-shadow: 0 12px 34px rgba(18, 55, 43, 0.055) !important;
}

html body #app .automation-page .hero-orb {
  display: none !important;
}

html body #app .automation-page .hero-copy {
  max-width: 760px !important;
  position: relative !important;
  z-index: 1 !important;
}

html body #app .automation-page .kicker,
html body #app .automation-page .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--crm-auto-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.085em !important;
}

html body #app .automation-page .kicker i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--crm-auto-accent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--crm-auto-accent) 9%, transparent) !important;
}

html body #app .automation-page .hero h1 {
  max-width: 760px !important;
  margin: 9px 0 7px !important;
  color: var(--foxie-ink) !important;
  font-size: clamp(24px, 2vw, 31px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

html body #app .automation-page .hero p {
  max-width: 680px !important;
  margin: 0 !important;
  color: var(--foxie-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body #app .automation-page .hero-actions {
  margin-top: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
}

html body #app .automation-page .hero-actions .v-btn {
  min-height: 43px !important;
  padding-inline: 17px !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--crm-auto-accent) 16%, transparent) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body #app .automation-page .hero-actions .soft {
  min-height: 43px !important;
  padding: 0 15px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html body #app .automation-page .hero-actions .soft:hover {
  border-color: color-mix(in srgb, var(--crm-auto-accent) 30%, var(--foxie-border)) !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
}

html body #app .automation-page .hero-side {
  min-height: 142px !important;
  padding: 17px 18px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto 1fr !important;
  gap: 2px 11px !important;
  align-items: center !important;
  color: var(--foxie-ink) !important;
  background: color-mix(in srgb, var(--foxie-surface-soft) 65%, var(--foxie-surface-raised)) !important;
  box-shadow: none !important;
}

html body #app .automation-page .side-icon {
  width: 42px !important;
  height: 42px !important;
  grid-row: 1/3 !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
}

html body #app .automation-page .hero-side > small {
  grid-column: 2/4 !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
}

html body #app .automation-page .hero-side > strong {
  grid-column: 2/4 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

html body #app .automation-page .hero-side > div {
  grid-column: 1/4 !important;
  min-height: 31px !important;
  margin-top: 7px !important;
  padding-top: 8px !important;
  border-top: 1px solid var(--foxie-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body #app .automation-page .hero-side > div + div {
  margin-top: 0 !important;
}

html body #app .automation-page .hero-side > div b {
  color: var(--foxie-ink) !important;
  font-size: 12px !important;
}

html body #app .automation-page .hero-side > div b.warn {
  color: #c17b12 !important;
}

/* The old marketing carousel only delays the main decision. Templates are the hub. */
html body #app .automation-page .showcase {
  display: none !important;
}

html body #app .automation-page .surface {
  margin-top: 14px !important;
  padding: 22px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 18px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 9px 28px rgba(18, 55, 43, 0.038) !important;
}

html body #app .automation-page .templates {
  margin-top: 0 !important;
  padding: 24px !important;
}

html body #app .automation-page .section-head {
  margin: 0 0 18px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

html body #app .automation-page .section-head > div:first-child {
  max-width: 680px !important;
}

html body #app .automation-page .section-head h2 {
  margin: 5px 0 3px !important;
  color: var(--foxie-ink) !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

html body #app .automation-page .section-head p {
  margin: 0 !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body #app .automation-page .filter-pills {
  padding: 3px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  background: var(--foxie-surface-soft) !important;
}

html body #app .automation-page .filter-pills button {
  min-height: 31px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  cursor: pointer !important;
}

html body #app .automation-page .filter-pills button.active {
  color: var(--crm-auto-accent) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 2px 8px rgba(20, 48, 39, 0.07) !important;
}

html body #app .automation-page .template-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body #app .automation-page .template-card {
  min-height: 238px !important;
  padding: 17px !important;
  position: relative !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
  transition: border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

html body #app .automation-page .template-card:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--crm-auto-accent) 25%, var(--foxie-border)) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--crm-auto-accent) 6%, transparent) !important;
}

html body #app .automation-page .template-icon {
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 12px !important;
  border-radius: 11px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
}

html body #app .automation-page .template-card > small {
  color: var(--crm-auto-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

html body #app .automation-page .template-card h3 {
  margin: 5px 28px 5px 0 !important;
  color: var(--foxie-ink) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

html body #app .automation-page .template-card > p {
  margin: 0 !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body #app .automation-page .favorite {
  width: 31px !important;
  height: 31px !important;
  position: absolute !important;
  top: 13px !important;
  right: 13px !important;
  border: 0 !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
}

html body #app .automation-page .favorite:hover {
  background: var(--foxie-surface-soft) !important;
}

html body #app .automation-page .favorite.active {
  color: #d69716 !important;
}

html body #app .automation-page .sentence-preview {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: auto !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html body #app .automation-page .use-template {
  width: 100% !important;
  min-height: 36px !important;
  margin-top: 9px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

html body #app .automation-page .use-template:hover {
  background: color-mix(in srgb, var(--crm-auto-accent) 11%, var(--foxie-surface-raised)) !important;
}

/* Existing rules/history remain available, but secondary to the template hub. */
html body #app .automation-page .rules,
html body #app .automation-page .history {
  padding: 20px 22px !important;
}

html body #app .automation-page .section-head.compact {
  align-items: center !important;
  margin-bottom: 14px !important;
}

html body #app .automation-page .rules-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body #app .automation-page .rules-actions > label {
  min-height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface) !important;
}

html body #app .automation-page .rules-actions input {
  border: 0 !important;
  outline: 0 !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
  font-size: 12px !important;
}

html body #app .automation-page .rule {
  min-height: 66px !important;
  padding: 10px 11px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 74%, transparent) !important;
  box-shadow: none !important;
}

html body #app .automation-page .rule:last-child {
  border-bottom: 0 !important;
}

html body #app .automation-page .rule-main strong {
  font-size: 12px !important;
}

html body #app .automation-page .rule-main p {
  font-size: 12px !important;
  color: var(--foxie-muted) !important;
}

html body #app .automation-page .rule-main small {
  font-size: 12px !important;
  color: var(--foxie-muted) !important;
}

html body #app .automation-page .rule-state {
  padding: 5px 8px !important;
  border-radius: 999px !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body #app .automation-page .run {
  min-height: 54px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 72%, transparent) !important;
}

html body #app .automation-page .run-detail {
  border-left-color: color-mix(in srgb, var(--crm-auto-accent) 32%, var(--foxie-border)) !important;
}

/* BUILDER — compact sentence-like construction instead of a visual wall. */
html body #app .automation-page .builder-hero {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 17px 19px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 8px 24px rgba(18, 55, 43, 0.04) !important;
}

html body #app .automation-page .builder-hero .back {
  min-height: 37px !important;
  padding: 0 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html body #app .automation-page .builder-hero .back:hover {
  color: var(--crm-auto-accent) !important;
  border-color: color-mix(in srgb, var(--crm-auto-accent) 24%, var(--foxie-border)) !important;
}

html body #app .automation-page .builder-hero h1 {
  margin: 4px 0 2px !important;
  color: var(--foxie-ink) !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

html body #app .automation-page .builder-hero p {
  margin: 0 !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body #app .automation-page .active-switch {
  min-height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body #app .automation-page .builder-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  gap: 16px !important;
  align-items: start !important;
}

html body #app .automation-page .builder-main {
  display: grid !important;
  gap: 11px !important;
}

html body #app .automation-page .builder-card {
  margin: 0 !important;
  padding: 16px 17px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 14px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}

html body #app .automation-page .builder-card > header {
  min-height: 38px !important;
  margin: 0 0 13px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body #app .automation-page .builder-card > header > span {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body #app .automation-page .builder-card header small {
  color: var(--crm-auto-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

html body #app .automation-page .builder-card header h2 {
  margin: 2px 0 0 !important;
  color: var(--foxie-ink) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

html body #app .automation-page .recipe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body #app .automation-page .recipe-grid button {
  min-height: 94px !important;
  padding: 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 2px 8px !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body #app .automation-page .recipe-grid button > span {
  width: 32px !important;
  height: 32px !important;
  grid-row: 1/3 !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
}

html body #app .automation-page .recipe-grid button strong {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body #app .automation-page .recipe-grid button small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body #app .automation-page .recipe-grid button.active {
  border-color: color-mix(in srgb, var(--crm-auto-accent) 33%, var(--foxie-border)) !important;
  background: var(--crm-auto-soft) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--crm-auto-accent) 5%, transparent) !important;
}

html body #app .automation-page .scope-tabs,
html body #app .automation-page .notify-mode {
  width: max-content !important;
  max-width: 100% !important;
  margin-bottom: 12px !important;
  padding: 3px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: flex !important;
  gap: 2px !important;
  background: var(--foxie-surface-soft) !important;
}

html body #app .automation-page .scope-tabs button,
html body #app .automation-page .notify-mode button {
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body #app .automation-page .scope-tabs button.active,
html body #app .automation-page .notify-mode button.active {
  color: var(--crm-auto-accent) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 2px 7px rgba(18, 55, 43, 0.07) !important;
}

html body #app .automation-page .field-block {
  display: grid !important;
  gap: 6px !important;
}

html body #app .automation-page .field-block > label {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body #app .automation-page .v-field {
  min-height: 42px !important;
  border-radius: 10px !important;
  background: var(--foxie-surface) !important;
}

html body #app .automation-page .v-field__input {
  min-height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 12px !important;
}

html body #app .automation-page .time-line,
html body #app .automation-page .money-line {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body #app .automation-page .time-line .v-input {
  max-width: 150px !important;
}

html body #app .automation-page .money-line .v-input {
  max-width: 210px !important;
}

html body #app .automation-page .time-line strong,
html body #app .automation-page .money-line strong {
  color: var(--foxie-ink) !important;
  font-size: 12px !important;
}

html body #app .automation-page .outcome-list {
  display: grid !important;
  gap: 8px !important;
}

html body #app .automation-page .outcome-toggle {
  min-height: 57px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
  background: var(--foxie-surface) !important;
}

html body #app .automation-page .outcome-toggle.notification {
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface) !important;
}

html body #app .automation-page .outcome-toggle strong {
  font-size: 12px !important;
}

html body #app .automation-page .outcome-toggle small {
  display: block !important;
  margin-top: 2px !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body #app .automation-page .outcome-toggle input:checked + i {
  background: var(--crm-auto-accent) !important;
}

html body #app .automation-page .outcome-config {
  margin: -2px 0 5px 42px !important;
  padding: 10px !important;
  border-left: 2px solid color-mix(in srgb, var(--crm-auto-accent) 18%, var(--foxie-border)) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

html body #app .automation-page .notify-box {
  margin: -2px 0 5px 42px !important;
  padding: 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: grid !important;
  gap: 8px !important;
  background: var(--foxie-surface-soft) !important;
}

html body #app .automation-page .notify-mode {
  margin: 0 0 2px !important;
}

html body #app .automation-page .final-card {
  border-color: color-mix(in srgb, var(--crm-auto-accent) 16%, var(--foxie-border)) !important;
}

html body #app .automation-page .live-preview {
  position: sticky !important;
  top: 16px !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 10px 28px rgba(18, 55, 43, 0.045) !important;
}

html body #app .automation-page .live-preview > small {
  color: var(--crm-auto-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
}

html body #app .automation-page .preview-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--crm-auto-strong), var(--crm-auto-accent)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--crm-auto-accent) 16%, transparent) !important;
}

html body #app .automation-page .preview-pills span {
  color: var(--crm-auto-accent) !important;
  background: var(--crm-auto-soft) !important;
}

html body #app .automation-page .preview-note {
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-soft) !important;
}

/* Primary actions inherit the selected Foxie accent. */
html body #app .automation-page .v-btn.bg-primary,
html body #app .automation-page .v-btn.text-primary {
  --v-theme-primary:var(--foxie-vuetify-primary-rgb,13,143,99)!important;
}

/* Semantic identities deliberately remain semantic. */
html body #app .automation-page .status-dot.on {
  background: #12a36f !important;
  box-shadow: 0 0 0 5px rgba(18, 163, 111, 0.09) !important;
}

html body #app .automation-page .run-icon:not(.error) {
  background: rgba(15, 157, 107, 0.08) !important;
  color: #09875e !important;
}

html body #app .automation-page .run-icon.error {
  background: rgba(202, 73, 80, 0.08) !important;
  color: #bd454d !important;
}

html body #app .automation-page .favorite.active {
  color: #d69716 !important;
}

@media (max-width: 1100px) {
  html body #app .automation-page .hero {
    grid-template-columns: minmax(0, 1fr) 265px !important;
  }
  html body #app .automation-page .template-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body #app .automation-page .builder-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body #app .automation-page .live-preview {
    position: relative !important;
    top: auto !important;
  }
  html body #app .automation-page .recipe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html body #app .automation-page .automation-shell {
    padding: 14px 12px 28px !important;
  }
  html body #app .automation-page .crumbs {
    margin-bottom: 9px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
  html body #app .automation-page .hero {
    padding: 19px !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    border-radius: 16px !important;
  }
  html body #app .automation-page .hero-side {
    min-height: 0 !important;
  }
  html body #app .automation-page .hero-actions > * {
    width: 100% !important;
    justify-content: center !important;
  }
  html body #app .automation-page .surface {
    padding: 16px !important;
    border-radius: 15px !important;
  }
  html body #app .automation-page .section-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  html body #app .automation-page .filter-pills {
    width: 100% !important;
    overflow-x: auto !important;
  }
  html body #app .automation-page .filter-pills button {
    white-space: nowrap !important;
  }
  html body #app .automation-page .template-grid {
    grid-template-columns: 1fr !important;
  }
  html body #app .automation-page .rules-actions {
    width: 100% !important;
    align-items: stretch !important;
    flex-direction: column !important;
  }
  html body #app .automation-page .builder-hero {
    padding: 14px !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  html body #app .automation-page .builder-hero .back {
    width: max-content !important;
  }
  html body #app .automation-page .active-switch {
    width: 100% !important;
  }
  html body #app .automation-page .builder-card {
    padding: 14px !important;
  }
  html body #app .automation-page .recipe-grid {
    grid-template-columns: 1fr !important;
  }
  html body #app .automation-page .scope-tabs,
  html body #app .automation-page .notify-mode {
    width: 100% !important;
  }
  html body #app .automation-page .scope-tabs button,
  html body #app .automation-page .notify-mode button {
    flex: 1 1 0 !important;
  }
  html body #app .automation-page .outcome-config {
    margin-left: 0 !important;
    grid-template-columns: 1fr !important;
  }
  html body #app .automation-page .notify-box {
    margin-left: 0 !important;
  }
}
/* THEME AUDIT 06 — SUPERBOT HOME */
html body .superbot-hub {
  --sb-accent:var(--foxie-accent);
  --sb-accent-strong:var(--foxie-accent-strong);
  --sb-accent-soft:color-mix(in srgb,var(--sb-accent) 10%,var(--foxie-surface-raised));
}

/*
 * Vuetify teleports v-dialog content to the global overlay container, outside
 * .superbot-hub. Re-declare the SuperBot theme tokens on dialog surfaces so
 * primary actions never lose their computed background/border colors.
 */
html body .superbot-hub__dialog {
  --sb-accent:var(--foxie-accent,#10a875);
  --sb-accent-strong:var(--foxie-accent-strong,#087a55);
  --sb-accent-soft:color-mix(in srgb,var(--sb-accent) 10%,var(--foxie-surface-raised));
}

/* Retire the oversized legacy masthead. All business logic remains mounted. */
html body .superbot-hub > .superbot-hub__hero {
  display: none !important;
}

html body .superbot-hub .superbot-hub__spotlight {
  display: none !important;
}

html body .superbot-home-command {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

html body .superbot-home-command__hero {
  min-height: 238px;
  border: 1px solid color-mix(in srgb, var(--sb-accent) 22%, var(--foxie-border));
  border-radius: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
  overflow: hidden;
  position: relative;
  background: radial-gradient(circle at 9% 2%, color-mix(in srgb, var(--sb-accent) 13%, transparent), transparent 34rem), linear-gradient(115deg, color-mix(in srgb, var(--foxie-surface-raised) 95%, var(--sb-accent) 5%), color-mix(in srgb, var(--sb-accent) 12%, var(--foxie-surface-raised)));
  box-shadow: 0 18px 50px color-mix(in srgb, var(--sb-accent) 9%, transparent);
}

html body .superbot-home-command__copy {
  padding: 31px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 2;
}

html body .superbot-home-command__kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--sb-accent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.105em;
}

html body .superbot-home-command__kicker i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sb-accent);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--sb-accent) 10%, transparent);
}

html body .superbot-home-command__copy h1 {
  max-width: 760px;
  margin: 13px 0 8px;
  color: var(--foxie-ink);
  font-size: clamp(1.55rem, 2.5vw, 2.35rem);
  line-height: 1.03;
  letter-spacing: -0.045em;
}

html body .superbot-home-command__copy > p {
  max-width: 760px;
  margin: 0;
  color: var(--foxie-muted);
  font-size: 12px;
  line-height: 1.62;
}

html body .superbot-home-command__micro-action {
  margin-top: 17px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

html body .superbot-home-command__micro-action > button {
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--sb-accent);
  background: none;
  font-size: 12px;
  font-weight: 950;
}

html body .superbot-home-command__micro-action > button b {
  font-size: 1rem;
}

html body .superbot-home-command__micro-action > small {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--foxie-muted);
  font-size: 12px;
}

html body .superbot-home-command__shield {
  width: 17px;
  height: 17px;
  border: 1px solid color-mix(in srgb, var(--sb-accent) 28%, var(--foxie-border));
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--sb-accent);
  font-size: 12px;
}

html body .superbot-home-command__visual {
  height: 238px;
  margin: 0;
  position: relative;
  overflow: hidden;
  background: color-mix(in srgb, var(--sb-accent) 8%, #dcefe8);
}

html body .superbot-home-command__visual:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, color-mix(in srgb, var(--foxie-surface-raised) 98%, transparent) 0%, transparent 26%), radial-gradient(circle at 84% 42%, color-mix(in srgb, var(--sb-accent) 18%, transparent), transparent 42%);
}

html body .superbot-home-command__visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 28%;
  position: relative;
  z-index: 0;
  filter: saturate(0.94) contrast(1.02);
}

html body .superbot-home-command__journeys {
  position: absolute;
  z-index: 3;
  right: 14px;
  bottom: 14px;
  min-height: 35px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  background: rgba(8, 28, 22, 0.72);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  font-size: 12px;
  font-weight: 850;
}

html body .superbot-home-command__journeys > b {
  font-size: 0.75rem;
  color: color-mix(in srgb, var(--sb-accent) 55%, #fff);
}

html body .superbot-home-command__deck {
  display: grid;
  grid-template-columns: minmax(240px, 1.18fr) repeat(3, minmax(190px, 1fr)) minmax(170px, 0.7fr);
  gap: 8px;
  align-items: stretch;
}

html body .superbot-home-command__deck > button, html body .superbot-home-command__meta {
  min-height: 78px;
  padding: 11px 12px;
  border: 1px solid var(--foxie-border);
  border-radius: 15px;
  background: linear-gradient(145deg, var(--foxie-surface-raised), var(--foxie-surface-soft));
  box-shadow: 0 8px 22px color-mix(in srgb, var(--sb-accent) 4%, transparent);
}

html body .superbot-home-command__deck > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  color: var(--foxie-ink);
}

html body .superbot-home-command__deck > button:hover {
  border-color: color-mix(in srgb, var(--sb-accent) 27%, var(--foxie-border));
  transform: translateY(-1px);
}

html body .superbot-home-command__deck-icon {
  width: 37px;
  height: 37px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: var(--sb-accent);
  background: var(--sb-accent-soft);
  font-size: 1rem;
  font-weight: 950;
}

html body .superbot-home-command__deck-icon.ai {
  color: #7654d8;
  background: #f0ecff;
  font-size: 12px;
  letter-spacing: 0.04em;
}

html body .superbot-home-command__deck-icon.templates {
  color: #b57a17;
  background: #fff3dc;
}

html body .superbot-home-command__deck-icon.assistants {
  color: #7654d8;
  background: #f0ecff;
}

html body .superbot-home-command__deck-copy {
  min-width: 0;
  display: grid;
}

html body .superbot-home-command__deck-copy small {
  color: var(--foxie-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

html body .superbot-home-command__deck-copy strong {
  margin-top: 2px;
  font-size: 12px;
}

html body .superbot-home-command__deck-copy em {
  margin-top: 3px;
  color: var(--foxie-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

html body .superbot-home-command__arrow {
  color: var(--sb-accent);
  font-size: 0.95rem;
}

html body .superbot-home-command__ai.active {
  border-color: color-mix(in srgb, #7654d8 25%, var(--foxie-border));
  background: linear-gradient(145deg, color-mix(in srgb, #7654d8 6%, var(--foxie-surface-raised)), var(--foxie-surface-soft));
}

html body .superbot-home-command__switch {
  width: 38px;
  height: 22px;
  padding: 3px;
  border-radius: 999px;
  position: relative;
  background: color-mix(in srgb, var(--foxie-muted) 20%, transparent);
  transition: 0.2s;
}

html body .superbot-home-command__switch b {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: block;
  background: var(--foxie-surface-raised);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
  transition: 0.2s;
}

html body .superbot-home-command__ai.active .superbot-home-command__switch {
  background: #7654d8;
}

html body .superbot-home-command__ai.active .superbot-home-command__switch b {
  transform: translateX(16px);
}

html body .superbot-home-command__meta {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 8px;
  align-items: center;
}

html body .superbot-home-command__meta > span {
  display: grid;
}

html body .superbot-home-command__meta small {
  color: var(--foxie-muted);
  font-size: 12px;
}

html body .superbot-home-command__meta strong {
  margin-top: 2px;
  font-size: 12px;
}

html body .superbot-home-command__meta > i {
  width: 1px;
  height: 32px;
  background: var(--foxie-border);
}

/* Capacity bars are usage semantics, not theme categories. Only their chrome gets accent. */
html body .superbot-hub__capacity article > div i {
  background: linear-gradient(90deg, var(--sb-accent-strong), var(--sb-accent)) !important;
}

html body .superbot-hub__capacity article header > span {
  color: var(--sb-accent) !important;
  background: var(--sb-accent-soft) !important;
}

/* Primary Foxie chrome throughout the Home. */
html body .superbot-hub__nav > button.active {
  border-color: color-mix(in srgb, var(--sb-accent) 29%, var(--foxie-border)) !important;
  color: var(--foxie-ink) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--sb-accent) 10%, var(--foxie-surface-raised)), var(--foxie-surface-soft)) !important;
  box-shadow: 0 9px 22px color-mix(in srgb, var(--sb-accent) 8%, transparent) !important;
}

html body .superbot-hub__nav > button.active > span {
  color: var(--sb-accent) !important;
  background: var(--sb-accent-soft) !important;
}

html body .superbot-hub__nav > button.active b {
  color: #fff !important;
  background: var(--sb-accent) !important;
}

html body .superbot-hub__nav > footer {
  border-color: color-mix(in srgb, var(--sb-accent) 12%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--sb-accent) 5%, var(--foxie-surface-soft)) !important;
}

html body .superbot-hub__nav > footer > .v-icon, html body .superbot-hub__nav > footer button, html body .superbot-hub__panel-head > div > span, html body .superbot-hub__section-title span, html body .superbot-hub__section-title button, html body .superbot-hub__overview-card > button, html body .superbot-hub__empty-inline > span, html body .superbot-hub__empty-inline button {
  color: var(--sb-accent) !important;
}

html body .superbot-hub__primary {
  border-color: var(--sb-accent-strong) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--sb-accent), var(--sb-accent-strong)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--sb-accent) 18%, transparent) !important;
  visibility: visible !important;
}

html body .superbot-hub__dialog .superbot-hub__primary:not(:disabled) {
  opacity: 1 !important;
}

html body .superbot-hub__dialog .superbot-hub__primary:disabled {
  opacity: 0.55 !important;
  visibility: visible !important;
}

/* Preserve module/status identities. */
html body .superbot-hub .superbot-hub__overview-card.assistants header > span {
  color: #7654d8 !important;
  background: #f0ecff !important;
}

html body .superbot-hub .superbot-hub__overview-card.templates header > span {
  color: #b57a17 !important;
  background: #fff3dc !important;
}

html body .superbot-hub .superbot-hub__assistant-grid article > footer span.online i {
  background: #21bd7a !important;
}

html body .superbot-hub .superbot-hub__assistant-rules.danger > span {
  color: #b24d56 !important;
}

html[data-foxie-theme=dark] body .superbot-home-command__hero {
  background: radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--sb-accent) 15%, transparent), transparent 34rem), linear-gradient(115deg, #14211c, #16251f);
}

html[data-foxie-theme=dark] body .superbot-home-command__visual {
  background: #183229;
}

html[data-foxie-theme=dark] body .superbot-home-command__visual:before {
  background: linear-gradient(90deg, #16251f 0%, transparent 28%), radial-gradient(circle at 84% 42%, color-mix(in srgb, var(--sb-accent) 18%, transparent), transparent 42%);
}

html[data-foxie-theme=dark] body .superbot-home-command__deck-icon.ai, html[data-foxie-theme=dark] body .superbot-home-command__deck-icon.assistants {
  color: #c0adff;
  background: #302b4a;
}

html[data-foxie-theme=dark] body .superbot-home-command__deck-icon.templates {
  color: #f2ca75;
  background: #3d3422;
}

html[data-foxie-theme=dark] body .superbot-hub .superbot-hub__overview-card.assistants header > span {
  color: #c0adff !important;
  background: #302b4a !important;
}

html[data-foxie-theme=dark] body .superbot-hub .superbot-hub__overview-card.templates header > span {
  color: #f2ca75 !important;
  background: #3d3422 !important;
}

@media (max-width: 1260px) {
  html body .superbot-home-command__deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html body .superbot-home-command__meta {
    grid-column: span 2;
  }
}
@media (max-width: 900px) {
  html body .superbot-home-command__hero {
    grid-template-columns: 1fr;
  }
  html body .superbot-home-command__visual {
    height: 190px;
  }
  html body .superbot-home-command__deck {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  html body .superbot-home-command__copy {
    padding: 23px 20px;
  }
  html body .superbot-home-command__copy h1 {
    font-size: 1.65rem;
  }
  html body .superbot-home-command__deck {
    grid-template-columns: 1fr;
  }
  html body .superbot-home-command__meta {
    grid-column: auto;
  }
}
/* THEME AUDIT 06B — SUPERBOT HOME COMPLETION
 * Remove the oversized template-library masthead, bring template cards back to
 * product density, and finish the remaining Foxie-brand chrome that was still
 * pinned to legacy green. Plan/status colors remain semantic.
 */
/* Remaining Home chrome follows the selected accent instead of legacy green. */
html body .superbot-hub__nav > button > span,
html body .superbot-hub__overview-card.flows header > span,
html body .superbot-hub__avatar-stack span,
html body .superbot-hub__assistant-avatar {
  color: var(--sb-accent) !important;
  background: var(--sb-accent-soft) !important;
}

html body .superbot-home-command__visual {
  background: color-mix(in srgb, var(--sb-accent) 9%, var(--foxie-surface-soft)) !important;
}

html body .superbot-home-command__journeys {
  background: rgba(18, 23, 24, 0.76) !important;
}

html body .superbot-hub__template-grid article > footer button.use {
  color: #fff !important;
  border-color: var(--sb-accent-strong) !important;
  background: linear-gradient(135deg, var(--sb-accent), var(--sb-accent-strong)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--sb-accent) 15%, transparent) !important;
}

/*
 * Templates: retire the giant FOXIE LIBRARY billboard. Search remains available
 * as a compact utility row so no catalog functionality is lost.
 */
html body .superbot-hub__catalog-hero {
  min-height: 0 !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .superbot-hub__catalog-hero > div,
html body .superbot-hub__catalog-hero:after {
  display: none !important;
}

html body .superbot-hub__catalog-search {
  width: min(430px, 100%) !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 12px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
  backdrop-filter: none !important;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--sb-accent) 4%, transparent) !important;
}

html body .superbot-hub__catalog-search:focus-within {
  border-color: color-mix(in srgb, var(--sb-accent) 38%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sb-accent) 7%, transparent) !important;
}

html body .superbot-hub__catalog-search input {
  color: var(--foxie-ink) !important;
  font-size: 12px !important;
}

html body .superbot-hub__catalog-search input::placeholder {
  color: var(--foxie-muted) !important;
}

html body .superbot-hub__catalog-search button {
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
}

/* Compact each plan rail while preserving Starter/Growth/Scale artwork and tone. */
html body .superbot-hub__catalog-rails {
  gap: 16px !important;
  margin-top: 0 !important;
}

html body .superbot-hub__plan-rail {
  padding: 17px 0 19px !important;
  border-radius: 20px !important;
}

html body .superbot-hub__plan-rail-head {
  padding: 0 20px 14px !important;
  gap: 15px !important;
}

html body .superbot-hub__plan-rail-title {
  gap: 10px !important;
}

html body .superbot-hub__plan-number {
  font-size: 2.25rem !important;
  line-height: 0.88 !important;
}

html body .superbot-hub__plan-rail-title small {
  font-size: 12px !important;
}

html body .superbot-hub__plan-rail-title h3 {
  margin: 3px 0 5px !important;
  font-size: 1.28rem !important;
}

html body .superbot-hub__plan-rail-title p {
  max-width: 650px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .superbot-hub__plan-rail-actions {
  gap: 6px !important;
}

html body .superbot-hub__plan-rail-actions > span {
  padding: 6px 8px !important;
  font-size: 12px !important;
}

html body .superbot-hub__plan-rail-actions > button {
  height: 35px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

html body .superbot-hub__rail-arrows {
  gap: 4px !important;
}

html body .superbot-hub__rail-arrows button {
  width: 35px !important;
  height: 35px !important;
  border-radius: 10px !important;
}

/* Template cards: ~300x340 instead of the legacy ~390x448 billboard cards. */
html body .superbot-hub__carousel {
  padding: 2px 20px 6px !important;
  gap: 12px !important;
}

html body .superbot-hub__cinema-card {
  flex: 0 0 min(296px, 78vw) !important;
  min-height: 338px !important;
  padding: 15px !important;
  border-radius: 18px !important;
}

html body .superbot-hub__cinema-card:hover {
  transform: translateY(-3px) !important;
}

html body .superbot-hub__cinema-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
}

html body .superbot-hub__cinema-badges {
  gap: 4px !important;
}

html body .superbot-hub__cinema-badges em {
  padding: 5px 7px !important;
  font-size: 12px !important;
}

html body .superbot-hub__cinema-copy {
  margin-top: 34px !important;
}

html body .superbot-hub__cinema-copy small {
  font-size: 12px !important;
}

html body .superbot-hub__cinema-copy h4 {
  margin: 5px 0 7px !important;
  font-size: 1.01rem !important;
  line-height: 1.1 !important;
}

html body .superbot-hub__cinema-copy p {
  min-height: 50px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

html body .superbot-hub__cinema-score {
  margin-top: 10px !important;
  gap: 10px !important;
}

html body .superbot-hub__cinema-score span {
  font-size: 12px !important;
}

html body .superbot-hub__cinema-score b {
  font-size: 12px !important;
}

html body .superbot-hub__cinema-caps {
  max-height: 42px;
  margin-top: 9px !important;
  gap: 4px !important;
  overflow: hidden;
}

html body .superbot-hub__cinema-caps span {
  padding: 5px 6px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

html body .superbot-hub__cinema-card footer {
  padding-top: 12px !important;
  gap: 6px !important;
}

html body .superbot-hub__cinema-card footer button {
  height: 35px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

html body .superbot-hub__rail-empty {
  margin: 0 20px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
}

/* Scale down decorative geometry with the card instead of letting it dominate. */
html body .superbot-hub__cinema-art > i:nth-child(1) {
  width: 190px !important;
  height: 190px !important;
  right: -72px !important;
  top: -82px !important;
}

html body .superbot-hub__cinema-art > i:nth-child(2) {
  width: 126px !important;
  height: 126px !important;
  right: -30px !important;
  top: -44px !important;
}

/* Online/success, warnings and the three plan identities intentionally keep their semantic colors. */
@media (max-width: 760px) {
  html body .superbot-hub__catalog-hero {
    padding-bottom: 10px !important;
  }
  html body .superbot-hub__catalog-search {
    width: 100% !important;
  }
  html body .superbot-hub__plan-rail {
    border-radius: 18px !important;
  }
  html body .superbot-hub__plan-rail-head {
    padding: 0 14px 13px !important;
  }
  html body .superbot-hub__plan-rail-title h3 {
    font-size: 1.16rem !important;
  }
  html body .superbot-hub__carousel {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  html body .superbot-hub__cinema-card {
    flex-basis: min(282px, 84vw) !important;
    min-height: 326px !important;
  }
}
/* THEME AUDIT 06C — SUPERBOT HOME HIERARCHY
 * One visual anchor, one command strip, one metrics strip, then the workspace.
 * The goal is to stop every control from presenting itself as a standalone card.
 */
/* ---------- Primary hierarchy ---------- */
html body .superbot-hub {
  padding-top: 18px !important;
}

html body .superbot-home-command {
  gap: 8px !important;
  margin-bottom: 9px !important;
}

/* Keep the guided-builder hero as the only strong visual surface. */
html body .superbot-home-command__hero {
  min-height: 196px !important;
  grid-template-columns: minmax(0, 1.42fr) minmax(360px, 0.58fr) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 36px color-mix(in srgb, var(--sb-accent) 7%, transparent) !important;
}

html body .superbot-home-command__copy {
  padding: 25px 29px !important;
}

html body .superbot-home-command__kicker {
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
}

html body .superbot-home-command__copy h1 {
  max-width: 760px !important;
  margin: 10px 0 7px !important;
  font-size: clamp(1.65rem, 2.35vw, 2.2rem) !important;
  line-height: 1.02 !important;
}

html body .superbot-home-command__copy > p {
  max-width: 730px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html body .superbot-home-command__micro-action {
  margin-top: 14px !important;
  gap: 13px !important;
}

html body .superbot-home-command__micro-action > button {
  font-size: 12px !important;
}

html body .superbot-home-command__micro-action > small {
  font-size: 12px !important;
}

html body .superbot-home-command__visual {
  height: 196px !important;
}

html body .superbot-home-command__journeys {
  right: 12px !important;
  bottom: 12px !important;
  min-height: 32px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

/* ---------- Command strip: one surface, not five cards ---------- */
html body .superbot-home-command__deck {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.18fr) repeat(3, minmax(150px, 0.86fr)) minmax(155px, 0.72fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 7px 20px color-mix(in srgb, var(--sb-accent) 3%, transparent) !important;
}

html body .superbot-home-command__deck > button,
html body .superbot-home-command__meta {
  min-height: 60px !important;
  padding: 9px 13px !important;
  border: 0 !important;
  border-right: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .superbot-home-command__deck > button:hover {
  transform: none !important;
  border-color: var(--foxie-border) !important;
  background: color-mix(in srgb, var(--sb-accent) 4%, var(--foxie-surface-raised)) !important;
}

html body .superbot-home-command__deck > button:last-of-type {
  border-right: 1px solid var(--foxie-border) !important;
}

html body .superbot-home-command__meta {
  border-right: 0 !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 7px !important;
}

html body .superbot-home-command__deck-icon {
  width: 31px !important;
  height: 31px !important;
  border-radius: 9px !important;
  font-size: 0.82rem !important;
}

html body .superbot-home-command__deck-icon.ai {
  font-size: 12px !important;
}

html body .superbot-home-command__deck-copy small {
  font-size: 12px !important;
  letter-spacing: 0.055em !important;
}

html body .superbot-home-command__deck-copy strong {
  margin-top: 1px !important;
  font-size: 12px !important;
}

/* Secondary descriptions were turning the command bar into five mini-cards. */
html body .superbot-home-command__deck-copy em {
  display: none !important;
}

html body .superbot-home-command__arrow {
  font-size: 0.8rem !important;
  opacity: 0.72 !important;
}

html body .superbot-home-command__switch {
  width: 34px !important;
  height: 20px !important;
  padding: 3px !important;
}

html body .superbot-home-command__switch b {
  width: 14px !important;
  height: 14px !important;
}

html body .superbot-home-command__ai.active .superbot-home-command__switch b {
  transform: translateX(14px) !important;
}

html body .superbot-home-command__meta small {
  font-size: 12px !important;
}

html body .superbot-home-command__meta strong {
  font-size: 12px !important;
}

html body .superbot-home-command__meta > i {
  height: 27px !important;
}

/* ---------- Capacity: one quiet metrics rail ---------- */
html body .superbot-hub__capacity {
  margin-top: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}

html body .superbot-hub__capacity article {
  min-height: 66px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-left: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  align-items: center !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .superbot-hub__capacity article:first-child {
  border-left: 0 !important;
}

html body .superbot-hub__capacity article header {
  min-width: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  gap: 7px !important;
}

html body .superbot-hub__capacity article header > span {
  width: 25px !important;
  height: 25px !important;
  border-radius: 8px !important;
}

html body .superbot-hub__capacity article header > small {
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .superbot-hub__capacity article > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

html body .superbot-hub__capacity article > div {
  grid-column: 1/-1 !important;
  grid-row: 2 !important;
  height: 3px !important;
  margin-top: 7px !important;
}

html body .superbot-hub__capacity article > small {
  grid-column: 1/-1 !important;
  grid-row: 2 !important;
  margin-top: 3px !important;
  font-size: 12px !important;
}

/* Trial is an exception state, not another dashboard card. */
html body .superbot-hub__trial-banner {
  margin-top: 8px !important;
  padding: 9px 13px !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

/* ---------- Workspace becomes the main content ---------- */
html body .superbot-hub__workspace {
  margin-top: 10px !important;
  grid-template-columns: 218px minmax(0, 1fr) !important;
  gap: 12px !important;
}

html body .superbot-hub__nav {
  padding: 6px !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

html body .superbot-hub__nav > header {
  padding: 10px 9px 12px !important;
}

html body .superbot-hub__nav > header span {
  font-size: 12px !important;
}

html body .superbot-hub__nav > header small {
  font-size: 12px !important;
}

html body .superbot-hub__nav > button {
  min-height: 50px !important;
  margin-top: 2px !important;
  padding: 7px !important;
  border-radius: 9px !important;
  gap: 8px !important;
}

html body .superbot-hub__nav > button > span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
}

html body .superbot-hub__nav > button div strong {
  font-size: 12px !important;
}

html body .superbot-hub__nav > button div small {
  margin-top: 2px !important;
  font-size: 12px !important;
}

html body .superbot-hub__nav > button b {
  min-width: 21px !important;
  padding: 3px 5px !important;
  font-size: 12px !important;
}

/* Duplicate help/create callout is unnecessary because creation is already above. */
html body .superbot-hub__nav > footer {
  display: none !important;
}

html body .superbot-hub__panel {
  min-height: 590px !important;
  border-radius: 17px !important;
  box-shadow: none !important;
}

html body .superbot-hub__panel-head {
  min-height: 94px !important;
  padding: 20px 23px !important;
  align-items: center !important;
}

html body .superbot-hub__panel-head > div > span {
  font-size: 12px !important;
}

html body .superbot-hub__panel-head h2 {
  margin: 5px 0 4px !important;
  font-size: 1.17rem !important;
}

html body .superbot-hub__panel-head p {
  max-width: 720px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

html body .superbot-hub__panel-head .superbot-hub__primary,
html body .superbot-hub__panel-head .superbot-hub__secondary {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

/* Overview summaries are a single grouped region, not another row of floating cards. */
html body .superbot-hub__overview-grid {
  margin: 14px 20px 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background: var(--foxie-surface-soft) !important;
}

html body .superbot-hub__overview-card {
  min-height: 146px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-left: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background 0.18s ease !important;
}

html body .superbot-hub__overview-card:first-child {
  border-left: 0 !important;
}

html body .superbot-hub__overview-card:hover {
  transform: none !important;
  border-color: var(--foxie-border) !important;
  background: color-mix(in srgb, var(--sb-accent) 3%, var(--foxie-surface-soft)) !important;
}

html body .superbot-hub__overview-card header {
  gap: 9px !important;
}

html body .superbot-hub__overview-card header > span {
  width: 35px !important;
  height: 35px !important;
  border-radius: 10px !important;
}

html body .superbot-hub__overview-card header small {
  font-size: 12px !important;
}

html body .superbot-hub__overview-card header strong {
  font-size: 12px !important;
}

html body .superbot-hub__overview-card > p {
  min-height: 35px !important;
  margin: 10px 0 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .superbot-hub__overview-card > button {
  margin-top: 10px !important;
  font-size: 12px !important;
}

html body .superbot-hub__template-icons,
html body .superbot-hub__template-dots {
  height: 30px !important;
}

html body .superbot-hub__template-icons span,
html body .superbot-hub__template-dots i {
  width: 27px !important;
  height: 27px !important;
  border-radius: 8px !important;
}

html body .superbot-hub__avatar-stack span {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
}

html body .superbot-hub__mini-stats {
  gap: 5px !important;
}

html body .superbot-hub__mini-stats span {
  padding: 5px 7px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

/* Recent assistants stays useful, but visually secondary. */
html body .superbot-hub__quick-section {
  padding: 17px 20px 21px !important;
}

html body .superbot-hub__section-title {
  margin-bottom: 9px !important;
}

html body .superbot-hub__section-title span {
  font-size: 12px !important;
}

html body .superbot-hub__section-title h3 {
  font-size: 12px !important;
}

html body .superbot-hub__assistant-row {
  gap: 7px !important;
}

html body .superbot-hub__assistant-row > button {
  min-height: 62px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}

html body .superbot-hub__assistant-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1260px) {
  html body .superbot-home-command__deck {
    grid-template-columns: 1.2fr repeat(3, 1fr) !important;
  }
  html body .superbot-home-command__meta {
    grid-column: 1/-1 !important;
    min-height: 48px !important;
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-home-command__deck > button:nth-of-type(4) {
    border-right: 0 !important;
  }
}
@media (max-width: 980px) {
  html body .superbot-home-command__hero {
    grid-template-columns: 1fr !important;
  }
  html body .superbot-home-command__visual {
    height: 166px !important;
  }
  html body .superbot-home-command__deck {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .superbot-home-command__deck > button {
    border-bottom: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-home-command__deck > button:nth-of-type(2),
  html body .superbot-home-command__deck > button:nth-of-type(4) {
    border-right: 0 !important;
  }
  html body .superbot-home-command__meta {
    grid-column: 1/-1 !important;
  }
  html body .superbot-hub__capacity {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .superbot-hub__capacity article:nth-child(3) {
    border-left: 0 !important;
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__capacity article:nth-child(4) {
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__workspace {
    grid-template-columns: 1fr !important;
  }
  html body .superbot-hub__nav {
    position: static !important;
  }
}
@media (max-width: 760px) {
  html body .superbot-hub {
    padding-top: 12px !important;
  }
  html body .superbot-home-command__copy {
    padding: 21px 19px !important;
  }
  html body .superbot-home-command__copy h1 {
    font-size: 1.55rem !important;
  }
  html body .superbot-home-command__deck {
    grid-template-columns: 1fr !important;
  }
  html body .superbot-home-command__deck > button,
  html body .superbot-home-command__meta {
    border-right: 0 !important;
    border-bottom: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-home-command__meta {
    grid-column: auto !important;
    border-bottom: 0 !important;
  }
  html body .superbot-hub__capacity {
    grid-template-columns: 1fr !important;
  }
  html body .superbot-hub__capacity article {
    border-left: 0 !important;
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__capacity article:first-child {
    border-top: 0 !important;
  }
  html body .superbot-hub__overview-grid {
    grid-template-columns: 1fr !important;
  }
  html body .superbot-hub__overview-card {
    min-height: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__overview-card:first-child {
    border-top: 0 !important;
  }
}
/* THEME AUDIT 06D — SUPERBOT HOME REFINEMENT
 * Softer hero composition + semantic usage KPI gradients + collapsible usage rail.
 */
/* ---------- Hero: one continuous surface, same image scale, shifted left ---------- */
html body .superbot-home-command__hero {
  display: block !important;
  min-height: 206px !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--sb-accent) 10%, transparent), transparent 42%), linear-gradient(108deg, color-mix(in srgb, var(--foxie-surface-raised) 94%, var(--sb-accent) 6%) 0%, color-mix(in srgb, var(--foxie-surface-raised) 91%, var(--sb-accent) 9%) 58%, color-mix(in srgb, var(--sb-accent) 10%, var(--foxie-surface-raised)) 100%) !important;
}

html body .superbot-home-command__copy {
  width: min(66%, 860px) !important;
  min-height: 206px !important;
  padding: 27px 31px !important;
  position: relative !important;
  z-index: 3 !important;
}

html body .superbot-home-command__visual {
  width: 55% !important;
  height: 100% !important;
  margin: 0 !important;
  position: absolute !important;
  inset: 0 -1% 0 auto !important;
  z-index: 1 !important;
  overflow: hidden !important;
  background: transparent !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 7%, rgba(0, 0, 0, 0.62) 22%, #000 40%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 7%, rgba(0, 0, 0, 0.62) 22%, #000 40%, #000 100%) !important;
}

html body .superbot-home-command__visual:before {
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--sb-accent) 4%, transparent) 34%, transparent 72%), radial-gradient(circle at 64% 42%, color-mix(in srgb, var(--sb-accent) 13%, transparent), transparent 49%) !important;
}

html body .superbot-home-command__visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 34% 29% !important;
  transform: translateX(-7%) !important;
}

html body .superbot-home-command__journeys {
  right: 10px !important;
  bottom: 10px !important;
}

html[data-foxie-theme=dark] body .superbot-home-command__hero {
  background: radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--sb-accent) 13%, transparent), transparent 44%), linear-gradient(108deg, #121c18 0%, #14221d 56%, color-mix(in srgb, var(--sb-accent) 11%, #16231f) 100%) !important;
}

/* ---------- Usage rail ---------- */
html body .superbot-hub__capacity {
  position: relative !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 39px !important;
  transition: min-height 0.24s ease, border-color 0.24s ease, background 0.24s ease, box-shadow 0.24s ease !important;
}

html body .superbot-hub__capacity article {
  position: relative !important;
  overflow: hidden !important;
}

html body .superbot-hub__capacity article:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.62;
}

html body .superbot-hub__capacity article > * {
  position: relative;
  z-index: 1;
}

/* Independent KPI families */
html body .superbot-hub__capacity article:nth-child(1):before {
  background: linear-gradient(135deg, rgba(124, 92, 246, 0.105), rgba(124, 92, 246, 0.018) 58%, transparent) !important;
}

html body .superbot-hub__capacity article:nth-child(1) header > span {
  color: #7654d8 !important;
  background: linear-gradient(145deg, #f0ecff, #e3dcff) !important;
}

html body .superbot-hub__capacity article:nth-child(1) > div i {
  background: linear-gradient(90deg, #7654d8, #9d83ff) !important;
}

html body .superbot-hub__capacity article:nth-child(2):before {
  background: linear-gradient(135deg, rgba(46, 112, 238, 0.105), rgba(65, 188, 232, 0.025) 62%, transparent) !important;
}

html body .superbot-hub__capacity article:nth-child(2) header > span {
  color: #2b68d8 !important;
  background: linear-gradient(145deg, #e8f0ff, #e4f7ff) !important;
}

html body .superbot-hub__capacity article:nth-child(2) > div i {
  background: linear-gradient(90deg, #2868dc, #44b7e8) !important;
}

html body .superbot-hub__capacity article:nth-child(3):before {
  background: linear-gradient(135deg, rgba(25, 166, 113, 0.1), rgba(70, 205, 154, 0.02) 62%, transparent) !important;
}

html body .superbot-hub__capacity article:nth-child(3) header > span {
  color: #168c62 !important;
  background: linear-gradient(145deg, #e1f8ef, #dcf5ea) !important;
}

html body .superbot-hub__capacity article:nth-child(3) > div i {
  background: linear-gradient(90deg, #148d62, #46c996) !important;
}

html body .superbot-hub__capacity article:nth-child(4):before {
  background: linear-gradient(135deg, rgba(213, 145, 27, 0.105), rgba(244, 193, 84, 0.02) 62%, transparent) !important;
}

html body .superbot-hub__capacity article:nth-child(4) header > span {
  color: #b67813 !important;
  background: linear-gradient(145deg, #fff2d7, #ffebbd) !important;
}

html body .superbot-hub__capacity article:nth-child(4) .superbot-capacity-ai-progress i {
  background: linear-gradient(90deg, #d18b1f, #f2bf55) !important;
}

html[data-foxie-theme=dark] body .superbot-hub__capacity article:nth-child(1) header > span {
  color: #c0adff !important;
  background: linear-gradient(145deg, #332c50, #2a2740) !important;
}

html[data-foxie-theme=dark] body .superbot-hub__capacity article:nth-child(2) header > span {
  color: #83b4ff !important;
  background: linear-gradient(145deg, #223754, #203244) !important;
}

html[data-foxie-theme=dark] body .superbot-hub__capacity article:nth-child(3) header > span {
  color: #7cddb7 !important;
  background: linear-gradient(145deg, #183e31, #1b352d) !important;
}

html[data-foxie-theme=dark] body .superbot-hub__capacity article:nth-child(4) header > span {
  color: #efca76 !important;
  background: linear-gradient(145deg, #44371f, #382f20) !important;
}

html body .superbot-capacity-ai-progress {
  grid-column: 1/-1 !important;
  grid-row: 2 !important;
  height: 3px !important;
  margin-top: 7px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--foxie-border) 54%, transparent) !important;
}

html body .superbot-capacity-ai-progress i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
}

/* Toggle lives as the fifth narrow cell. */
html body .superbot-capacity-toggle {
  width: 39px !important;
  min-width: 39px !important;
  height: 100% !important;
  min-height: 66px !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid var(--foxie-border) !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: color-mix(in srgb, var(--foxie-surface-soft) 74%, var(--foxie-surface-raised)) !important;
  cursor: pointer !important;
  transition: color 0.18s ease, background 0.18s ease !important;
}

html body .superbot-capacity-toggle:hover {
  color: var(--sb-accent) !important;
  background: var(--sb-accent-soft) !important;
}

html body .superbot-capacity-toggle > span {
  width: 23px;
  height: 23px;
  border: 1px solid color-mix(in srgb, var(--sb-accent) 17%, var(--foxie-border));
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--foxie-surface-raised);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

/* Collapsed state keeps all four values visible as separate, elegant bars. */
html body .superbot-hub__capacity.is-collapsed {
  min-height: 64px !important;
  height: auto !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 39px !important;
  border-color: color-mix(in srgb, var(--sb-accent) 24%, var(--foxie-border)) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 7px 20px color-mix(in srgb, var(--sb-accent) 6%, transparent) !important;
}

html body .superbot-hub__capacity.is-collapsed article {
  display: grid !important;
  min-height: 63px !important;
  padding: 10px 12px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto 6px !important;
  align-items: center !important;
  border-left: 1px solid color-mix(in srgb, var(--sb-accent) 16%, var(--foxie-border)) !important;
  background: transparent !important;
}

html body .superbot-hub__capacity.is-collapsed article:first-child {
  border-left: 0 !important;
}

html body .superbot-hub__capacity.is-collapsed article header {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

html body .superbot-hub__capacity.is-collapsed article header > span {
  display: none !important;
}

html body .superbot-hub__capacity.is-collapsed article header > small {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--foxie-ink) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .superbot-hub__capacity.is-collapsed article > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--foxie-muted) !important;
  white-space: nowrap !important;
}

html body .superbot-hub__capacity.is-collapsed article > small {
  display: none !important;
}

html body .superbot-hub__capacity.is-collapsed article > div,
html body .superbot-hub__capacity.is-collapsed .superbot-capacity-ai-progress {
  grid-column: 1/-1 !important;
  grid-row: 2 !important;
  height: 6px !important;
  margin-top: 7px !important;
  border: 1px solid color-mix(in srgb, var(--sb-accent) 30%, var(--foxie-border)) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--sb-accent) 5%, var(--foxie-surface-soft)) !important;
}

html body .superbot-hub__capacity.is-collapsed article > div i,
html body .superbot-hub__capacity.is-collapsed .superbot-capacity-ai-progress i {
  height: 100% !important;
}

html body .superbot-hub__capacity.is-collapsed .superbot-capacity-toggle {
  width: 39px !important;
  min-width: 39px !important;
  height: 100% !important;
  min-height: 63px !important;
  margin: 0 !important;
  border: 0 !important;
  border-left: 1px solid color-mix(in srgb, var(--sb-accent) 18%, var(--foxie-border)) !important;
  border-radius: 0 !important;
  color: var(--sb-accent) !important;
  background: color-mix(in srgb, var(--sb-accent) 4%, var(--foxie-surface-raised)) !important;
  box-shadow: none !important;
}

/* ---------- Templates: quieter premium library ---------- */
html body .superbot-hub__catalog {
  background: var(--foxie-surface-raised) !important;
}

html body .superbot-hub__catalog-rails {
  gap: 12px !important;
}

html body .superbot-hub__plan-rail {
  border: 1px solid var(--foxie-border) !important;
  border-radius: 16px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .superbot-hub__plan-rail:before,
html body .superbot-hub__plan-rail:after {
  opacity: 0.18 !important;
}

html body .superbot-hub__plan-rail-head {
  padding: 15px 18px 13px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-soft) !important;
}

html body .superbot-hub__plan-number {
  opacity: 0.35 !important;
}

html body .superbot-hub__cinema-card {
  min-height: 306px !important;
  padding: 14px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .superbot-hub__cinema-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;
}

html body .superbot-hub__cinema-art {
  opacity: 0.12 !important;
}

html body .superbot-hub__cinema-sheen {
  display: none !important;
}

html body .superbot-hub__cinema-badges em {
  border: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-soft) !important;
  color: var(--foxie-muted) !important;
  box-shadow: none !important;
}

html body .superbot-hub__cinema-copy {
  margin-top: 24px !important;
}

html body .superbot-hub__cinema-copy p {
  min-height: 44px !important;
}

html body .superbot-hub__cinema-score {
  padding-top: 9px !important;
  border-top: 1px solid var(--foxie-border) !important;
}

html body .superbot-hub__cinema-score span,
html body .superbot-hub__cinema-caps span {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 3px 0 !important;
}

html body .superbot-hub__cinema-caps {
  gap: 8px !important;
}

html body .superbot-hub__cinema-card footer {
  border-top: 1px solid var(--foxie-border) !important;
  margin-top: 10px !important;
}

html body .superbot-hub__cinema-card footer button.details {
  border: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
  color: var(--foxie-ink) !important;
  box-shadow: none !important;
}

html body .superbot-hub__cinema-card footer button.primary {
  border: 1px solid color-mix(in srgb, var(--sb-accent) 22%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--sb-accent) 7%, var(--foxie-surface-raised)) !important;
  color: var(--sb-accent-strong) !important;
  box-shadow: none !important;
}

/* ---------- Readable Hub typography ---------- */
html body .superbot-hub__nav {
  width: 232px !important;
}

html body .superbot-hub__workspace {
  grid-template-columns: 232px minmax(0, 1fr) !important;
}

html body .superbot-hub__nav > header span {
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.045em !important;
}

html body .superbot-hub__nav > header small {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .superbot-hub__nav > button {
  min-height: 60px !important;
  padding: 10px !important;
  gap: 10px !important;
}

html body .superbot-hub__nav > button > span {
  width: 34px !important;
  height: 34px !important;
}

html body .superbot-hub__nav > button div strong {
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .superbot-hub__nav > button div small {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body .superbot-hub__nav > button b {
  min-width: 24px !important;
  font-size: 12px !important;
}

html body .superbot-hub__panel-head > div > span {
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
}

html body .superbot-hub__panel-head h2 {
  font-size: 1.36rem !important;
  line-height: 1.08 !important;
}

html body .superbot-hub__panel-head p {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .superbot-hub__section-title span {
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .superbot-hub__section-title h3 {
  font-size: 0.88rem !important;
}

html body .superbot-hub__overview-card header small {
  font-size: 12px !important;
}

html body .superbot-hub__overview-card header strong {
  font-size: 0.78rem !important;
}

html body .superbot-hub__overview-card > p {
  font-size: 12px !important;
}

html body .superbot-hub__overview-card > button {
  font-size: 12px !important;
}

@media (max-width: 980px) {
  html body .superbot-home-command__copy {
    width: 72% !important;
  }
  html body .superbot-home-command__visual {
    width: 58% !important;
  }
  html body .superbot-hub__capacity {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 39px !important;
  }
  html body .superbot-capacity-toggle {
    grid-column: 3 !important;
    grid-row: 1/3 !important;
  }
  html body .superbot-hub__capacity.is-collapsed {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 39px !important;
  }
  html body .superbot-hub__capacity.is-collapsed article:nth-child(3) {
    border-left: 0 !important;
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__capacity.is-collapsed article:nth-child(4) {
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__capacity.is-collapsed .superbot-capacity-toggle {
    grid-column: 3 !important;
    grid-row: 1/3 !important;
  }
  html body .superbot-hub__workspace {
    grid-template-columns: 1fr !important;
  }
  html body .superbot-hub__nav {
    width: auto !important;
  }
}
@media (max-width: 760px) {
  html body .superbot-home-command__hero {
    min-height: 330px !important;
  }
  html body .superbot-home-command__copy {
    width: 100% !important;
    min-height: 190px !important;
    padding-bottom: 108px !important;
  }
  html body .superbot-home-command__visual {
    width: 100% !important;
    height: 158px !important;
    inset: auto 0 0 0 !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 27%, #000 48%, #000 100%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 27%, #000 48%, #000 100%) !important;
  }
  html body .superbot-home-command__visual img {
    object-position: center 27% !important;
    transform: translateX(-4%) !important;
  }
  html body .superbot-hub__capacity,
  html body .superbot-hub__capacity.is-collapsed {
    grid-template-columns: minmax(0, 1fr) 39px !important;
  }
  html body .superbot-hub__capacity article,
  html body .superbot-hub__capacity.is-collapsed article {
    grid-column: 1 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--foxie-border) !important;
  }
  html body .superbot-hub__capacity article:first-child,
  html body .superbot-hub__capacity.is-collapsed article:first-child {
    border-top: 0 !important;
  }
  html body .superbot-capacity-toggle,
  html body .superbot-hub__capacity.is-collapsed .superbot-capacity-toggle {
    grid-column: 2 !important;
    grid-row: 1/5 !important;
  }
}
/*
 * Theme audit — SuperBot scheduler.
 *
 * Foxie chrome follows the user-selected accent. Calendar event, task, document,
 * warning, success and takeover colors remain semantic and are intentionally not
 * normalized here.
 */
.scheduler-shell {
  --scheduler-accent: var(--foxie-accent);
  --scheduler-accent-strong: var(--foxie-accent-strong);
}

.scheduler-shell .scheduler-head {
  background: radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--scheduler-accent) 10%, transparent), transparent 32%), var(--foxie-surface-raised) !important;
}

.scheduler-shell .scheduler-head__copy > span {
  color: var(--scheduler-accent) !important;
}

.scheduler-shell .scheduler-head__copy > span i {
  background: var(--scheduler-accent) !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--scheduler-accent) 10%, transparent) !important;
}

.scheduler-shell .scheduler-head__actions .primary,
.task-dialog > footer .primary {
  border-color: color-mix(in srgb, var(--foxie-accent) 76%, var(--foxie-border)) !important;
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 9px 22px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.scheduler-shell .scheduler-head__actions .primary:hover:not(:disabled),
.task-dialog > footer .primary:hover:not(:disabled) {
  filter: saturate(1.04) brightness(0.98);
  box-shadow: 0 11px 26px color-mix(in srgb, var(--foxie-accent) 23%, transparent) !important;
}

.scheduler-shell .view-switcher button.active,
.scheduler-shell .calendar-title small,
.scheduler-shell .scheduler-filter:focus-within,
.task-dialog--premium .task-dialog-tabs button.active,
.task-dialog--premium .task-dialog-tabs button.active .task-dialog-tab__icon {
  --foxie-green: var(--foxie-accent);
  --foxie-green-dark: var(--foxie-accent-strong);
}

/* Keep focus and selection chrome in sync even if a legacy scoped rule wins. */
.scheduler-shell .scheduler-filter:focus-within,
.task-dialog .field-search:focus-within {
  border-color: color-mix(in srgb, var(--foxie-accent) 38%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foxie-accent) 7%, transparent);
}

/*
 * Do not override .pulse-icon.*, .tone-*, .event-history .green/.blue/.violet,
 * .document-section, warnings, failures or human-takeover states: those colors
 * communicate scheduler state/type rather than Foxie branding.
 */
/*
 * Theme audit — post-SuperBot application surfaces.
 *
 * Only branding/chrome is normalized here. Status, channel and category colors
 * (WhatsApp, lead, blocked, low stock, KPI tones, etc.) remain semantic.
 */
.contacts-page,
.contact-detail-page,
.stock-page {
  --legacy-brand-accent: var(--foxie-accent);
  --legacy-brand-accent-strong: var(--foxie-accent-strong);
}

.contacts-page .contacts-hero {
  color: #fff;
  background: radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--foxie-accent) 16%, transparent), transparent 28%), linear-gradient(118deg, color-mix(in srgb, var(--foxie-accent-strong) 40%, #06110d) 0%, color-mix(in srgb, var(--foxie-accent-strong) 68%, #071b14) 56%, var(--foxie-accent) 100%) !important;
  box-shadow: 0 24px 62px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.contacts-page .hero-kicker,
.contacts-page .hero-copy p,
.contacts-page .hero-facts {
  color: rgba(255, 255, 255, 0.78) !important;
}

.contacts-page .hero-kicker i {
  background: #fff !important;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.12) !important;
}

.contacts-page .hero-art-one {
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 0 0 42px rgba(255, 255, 255, 0.04), 0 0 0 84px rgba(255, 255, 255, 0.02) !important;
}

.contacts-page .hero-art-two {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%) !important;
}

.contacts-page .contact-avatar:not(.photo),
.contact-detail-page .profile-avatar:not(.photo) {
  color: #fff !important;
  background: linear-gradient(145deg, var(--foxie-accent-strong), var(--foxie-accent)) !important;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.contact-detail-page .profile-header {
  border-color: color-mix(in srgb, var(--foxie-accent) 13%, var(--foxie-border)) !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--foxie-accent) 4%, var(--foxie-surface)), var(--foxie-surface) 68%) !important;
  box-shadow: 0 16px 42px color-mix(in srgb, var(--foxie-accent) 7%, transparent) !important;
}

.contact-detail-page .wide-action {
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px color-mix(in srgb, var(--foxie-accent) 14%, transparent);
}

.stock-page .stock-hero {
  color: #fff;
  background: radial-gradient(circle at 84% 20%, rgba(255, 255, 255, 0.1), transparent 27%), linear-gradient(135deg, color-mix(in srgb, var(--foxie-accent-strong) 34%, #07110d), color-mix(in srgb, var(--foxie-accent-strong) 70%, #081810) 66%, var(--foxie-accent)) !important;
  box-shadow: 0 26px 70px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.stock-page .hero-kicker,
.stock-page .stock-hero p,
.stock-page .hero-meta {
  color: rgba(255, 255, 255, 0.78) !important;
}

.stock-page .hero-kicker i {
  background: #fff !important;
}

/* Preserve semantic color systems intentionally left untouched:
 * - contact source/status pills (WhatsApp, SuperBot, manual, active, lead, blocked)
 * - stock KPI colors and low-stock warning orange
 * - task/event/status colors in the scheduler
 */
/* --------------------------------------------------------------------------
 * Workspace creation
 * --------------------------------------------------------------------------
 * This route predated the profile theme ecosystem and still carried the
 * original Forest palette as literal green hex/rgba values. Everything that is
 * product chrome now derives from the live --foxie-accent tokens. Error and
 * capacity-warning colors remain semantic.
 */
.workspace-creation-page {
  background: radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--foxie-accent) 10%, transparent), transparent 25%), var(--foxie-surface) !important;
}

.workspace-creation-page .workspace-heading-icon {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 18%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-raised)) !important;
}

.workspace-creation-page .workspace-creation-heading small,
.workspace-creation-page .chat-bubble > small,
.workspace-creation-page .chat-composer > .v-icon,
.workspace-creation-page .chat-options > button > span,
.workspace-creation-page .workspace-summary span .v-icon,
.workspace-creation-page .capacity-rule .v-icon,
.workspace-creation-page .creating-copy > small,
.workspace-creation-page .workspace-success-card small {
  color: var(--foxie-accent) !important;
}

/* The account panel intentionally remains a dark hero, but is tinted by the
 * selected accent instead of being permanently emerald. */
.workspace-creation-page .workspace-creation-guide {
  color: #fff !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 26%, rgba(255, 255, 255, 0.08)) !important;
  background: radial-gradient(circle at 50% 11%, color-mix(in srgb, var(--foxie-accent) 30%, transparent), transparent 26%), linear-gradient(155deg, color-mix(in srgb, var(--foxie-accent-strong) 42%, #111820) 0%, color-mix(in srgb, var(--foxie-accent-strong) 27%, #0c1319) 58%, color-mix(in srgb, var(--foxie-accent-strong) 16%, #080e13) 100%) !important;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--foxie-accent) 13%, transparent) !important;
}

.workspace-creation-page .guide-art img {
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24), 0 0 36px color-mix(in srgb, var(--foxie-accent) 10%, transparent) !important;
}

.workspace-creation-page .guide-art-glow {
  background: color-mix(in srgb, var(--foxie-accent) 22%, transparent) !important;
  box-shadow: 0 0 0 20px color-mix(in srgb, var(--foxie-accent) 5%, transparent), 0 0 60px color-mix(in srgb, var(--foxie-accent) 24%, transparent) !important;
}

.workspace-creation-page .guide-kicker,
.workspace-creation-page .guide-account > .v-icon,
.workspace-creation-page .guide-assurances .v-icon {
  color: color-mix(in srgb, var(--foxie-accent) 72%, #fff) !important;
}

.workspace-creation-page .workspace-creation-guide > p,
.workspace-creation-page .guide-account small,
.workspace-creation-page .guide-assurances span,
.workspace-creation-page .guide-plan-note small {
  color: rgba(255, 255, 255, 0.68) !important;
}

.workspace-creation-page .guide-account {
  border-color: color-mix(in srgb, var(--foxie-accent) 22%, rgba(255, 255, 255, 0.08)) !important;
  background: rgba(0, 0, 0, 0.17) !important;
}

.workspace-creation-page .guide-user-avatar {
  color: #fff !important;
  background: linear-gradient(145deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--foxie-accent) 20%, transparent) !important;
}

.workspace-creation-page .guide-plan-note {
  color: #fff !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, rgba(255, 255, 255, 0.1)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 15%, rgba(0, 0, 0, 0.13)) !important;
}

.workspace-creation-page .foxie-avatar,
.workspace-creation-page .chat-avatar {
  color: #fff !important;
  background: linear-gradient(145deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--foxie-accent) 16%, transparent) !important;
}

.workspace-creation-page .isolated-badge {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 22%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft)) !important;
}

.workspace-creation-page .isolated-badge i {
  background: var(--foxie-accent) !important;
}

.workspace-creation-page .workspace-chat-thread {
  background: radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--foxie-accent) 7%, transparent), transparent 30%), linear-gradient(180deg, var(--foxie-surface-raised), color-mix(in srgb, var(--foxie-surface-soft) 45%, var(--foxie-surface-raised))) !important;
}

.workspace-creation-page .chat-message.intro .chat-bubble {
  border-color: color-mix(in srgb, var(--foxie-accent) 25%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 5%, var(--foxie-surface-raised)) !important;
}

.workspace-creation-page .chat-message.user .chat-bubble {
  color: #fff !important;
  background: linear-gradient(135deg, var(--foxie-accent-strong), var(--foxie-accent)) !important;
  box-shadow: 0 10px 25px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.workspace-creation-page .chat-message.user .chat-bubble > small {
  color: rgba(255, 255, 255, 0.78) !important;
}

.workspace-creation-page .user-avatar {
  color: #fff !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--foxie-accent-strong) 72%, #111820), var(--foxie-accent-strong)) !important;
}

.workspace-creation-page .chat-message.typing .chat-bubble i {
  background: var(--foxie-accent) !important;
}

.workspace-creation-page .chat-start,
.workspace-creation-page .review-confirm,
.workspace-creation-page .capacity-actions button {
  color: #fff !important;
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 9px 20px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.workspace-creation-page .chat-composer {
  border-color: color-mix(in srgb, var(--foxie-accent) 25%, var(--foxie-border)) !important;
}

.workspace-creation-page .chat-composer button {
  color: #fff !important;
  background: var(--foxie-accent) !important;
}

.workspace-creation-page .chat-options > button:hover {
  border-color: color-mix(in srgb, var(--foxie-accent) 35%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 5%, var(--foxie-surface-raised)) !important;
}

.workspace-creation-page .workspace-summary .trial {
  border-color: color-mix(in srgb, var(--foxie-accent) 20%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 6%, var(--foxie-surface-raised)) !important;
}

.workspace-creation-page .workspace-summary .trial span .v-icon,
.workspace-creation-page .workspace-summary .trial strong {
  color: var(--foxie-accent) !important;
}

.workspace-creation-page .workspace-creating-card,
.workspace-creation-page .workspace-success-card {
  border-color: color-mix(in srgb, var(--foxie-accent) 22%, var(--foxie-border)) !important;
  box-shadow: 0 16px 44px color-mix(in srgb, var(--foxie-accent) 11%, transparent) !important;
}

.workspace-creation-page .creating-art > span,
.workspace-creation-page .creating-progress > i,
.workspace-creation-page .workspace-success-card > span {
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
}

.workspace-creation-page .creating-progress {
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-soft)) !important;
}

.workspace-creation-page .creating-art img {
  border-color: color-mix(in srgb, var(--foxie-accent) 22%, var(--foxie-border)) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--foxie-accent) 14%, transparent) !important;
}

/* The capacity card remains amber because it is a real limit/warning state;
 * creation errors remain red for the same reason. */
/*
 * SUPERBOT RECOVERY
 *
 * Hard constraints after the home refinement pass:
 * 1. The Foxie hero artwork must NEVER be cropped or scaled up.
 * 2. Template plan identity may tint chrome, never the body copy legibility.
 * 3. The active SuperBot shell entry must keep explicit high-contrast labels.
 */
/* -------------------------------------------------------------------------- */
/* HERO — preserve the artwork exactly, move the image zone left, no crop.     */
/* -------------------------------------------------------------------------- */
html body .superbot-home-command__hero {
  min-height: 196px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 470px) !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: radial-gradient(circle at 78% 42%, color-mix(in srgb, var(--sb-accent) 8%, transparent), transparent 34%), linear-gradient(104deg, color-mix(in srgb, var(--foxie-surface-raised) 94%, var(--sb-accent) 6%) 0%, color-mix(in srgb, var(--foxie-surface-raised) 91%, var(--sb-accent) 9%) 54%, color-mix(in srgb, var(--foxie-surface-raised) 88%, var(--sb-accent) 12%) 100%) !important;
}

html body .superbot-home-command__copy {
  width: auto !important;
  min-width: 0 !important;
  min-height: 196px !important;
  padding: 25px 29px !important;
  position: relative !important;
  z-index: 3 !important;
}

html body .superbot-home-command__visual {
  width: 100% !important;
  height: 196px !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  background: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* The hero already owns the continuous gradient. No fake partition over the art. */
html body .superbot-home-command__visual::before {
  display: none !important;
  content: none !important;
}

/*
 * IMPORTANT: no cover, no scale, no translated crop.
 * The image keeps its natural aspect ratio and is constrained only by the same
 * 196px visual height used before the broken refinement.
 */
html body .superbot-home-command__visual img {
  display: block !important;
  width: auto !important;
  height: 196px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
  flex: 0 1 auto !important;
  filter: saturate(0.94) contrast(1.02) !important;
}

html body .superbot-home-command__journeys {
  right: 12px !important;
  bottom: 12px !important;
}

html[data-foxie-theme=dark] body .superbot-home-command__hero {
  background: radial-gradient(circle at 78% 42%, color-mix(in srgb, var(--sb-accent) 11%, transparent), transparent 35%), linear-gradient(104deg, color-mix(in srgb, var(--foxie-surface-raised) 94%, var(--sb-accent) 6%) 0%, color-mix(in srgb, var(--foxie-surface-raised) 90%, var(--sb-accent) 10%) 55%, color-mix(in srgb, var(--foxie-surface-raised) 86%, var(--sb-accent) 14%) 100%) !important;
}

/* -------------------------------------------------------------------------- */
/* TEMPLATE LIBRARY — clean cards, but never pale text on a light surface.     */
/* -------------------------------------------------------------------------- */
html body .superbot-hub__catalog .superbot-hub__plan-rail.plan-starter,
html body .superbot-hub__catalog .superbot-hub__cinema-card.plan-starter {
  --template-plan-accent: #168b65;
  --template-plan-soft: color-mix(in srgb, #168b65 9%, var(--foxie-surface-raised));
}

html body .superbot-hub__catalog .superbot-hub__plan-rail.plan-growth,
html body .superbot-hub__catalog .superbot-hub__cinema-card.plan-growth {
  --template-plan-accent: #6657d9;
  --template-plan-soft: color-mix(in srgb, #6657d9 9%, var(--foxie-surface-raised));
}

html body .superbot-hub__catalog .superbot-hub__plan-rail.plan-scale,
html body .superbot-hub__catalog .superbot-hub__cinema-card.plan-scale {
  --template-plan-accent: #b67d1c;
  --template-plan-soft: color-mix(in srgb, #b67d1c 10%, var(--foxie-surface-raised));
}

html body .superbot-hub__catalog .superbot-hub__plan-rail {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-rail-head {
  color: var(--foxie-ink) !important;
  background: linear-gradient(90deg, var(--template-plan-soft, var(--foxie-surface-soft)), var(--foxie-surface-soft) 42%, var(--foxie-surface-raised)) !important;
  border-bottom-color: var(--foxie-border) !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-number {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
  opacity: 0.62 !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-rail-title small {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-rail-title h3,
html body .superbot-hub__catalog .superbot-hub__plan-rail-title h3 .v-icon {
  color: var(--foxie-ink) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-rail-title p {
  color: var(--foxie-muted) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-rail-actions > span {
  color: var(--foxie-muted) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__plan-rail-actions > button {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
  border-color: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 23%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 5%, var(--foxie-surface-raised)) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__rail-arrows button {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
  opacity: 1 !important;
}

/* Card surface is neutral. Plan identity lives in the icon/badge/top edge. */
html body .superbot-hub__catalog .superbot-hub__cinema-card {
  position: relative !important;
  color: var(--foxie-ink) !important;
  opacity: 1 !important;
  filter: none !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 3.5%, var(--foxie-surface-raised)), var(--foxie-surface-raised) 30%, var(--foxie-surface-raised)) !important;
  border-color: var(--foxie-border) !important;
  box-shadow: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 2px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 72%, transparent), color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 12%, transparent) 70%, transparent) !important;
  opacity: 0.75 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card.locked {
  opacity: 0.82 !important;
  filter: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-art {
  opacity: 0.055 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-sheen {
  display: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-icon {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
  background: var(--template-plan-soft, var(--sb-accent-soft)) !important;
  border-color: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 14%, var(--foxie-border)) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-badges em {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
  background: var(--template-plan-soft, var(--foxie-surface-soft)) !important;
  border-color: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 18%, var(--foxie-border)) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-badges em.locked {
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
  border-color: var(--foxie-border) !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-copy,
html body .superbot-hub__catalog .superbot-hub__cinema-copy * {
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-copy small {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-copy h4 {
  color: var(--foxie-ink) !important;
  text-shadow: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-copy p {
  color: var(--foxie-muted) !important;
  text-shadow: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-score {
  border-top-color: var(--foxie-border) !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-score span {
  color: var(--foxie-muted) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-score span b {
  color: var(--foxie-ink) !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-caps {
  gap: 5px !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-caps span {
  padding: 4px 7px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--foxie-ink) 72%, var(--foxie-muted)) !important;
  background: var(--foxie-surface-soft) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card footer {
  border-top-color: var(--foxie-border) !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card footer button {
  opacity: 1 !important;
  text-shadow: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card footer button.details {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card footer button.primary {
  color: var(--template-plan-accent, var(--sb-accent)) !important;
  border-color: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 28%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 7%, var(--foxie-surface-raised)) !important;
  box-shadow: none !important;
}

html body .superbot-hub__catalog .superbot-hub__cinema-card:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 24%, var(--foxie-border)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--template-plan-accent, var(--sb-accent)) 6%, transparent) !important;
}

/* -------------------------------------------------------------------------- */
/* SHELL SUPERBOT — active text must never inherit a low-contrast theme color. */
/* -------------------------------------------------------------------------- */
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item,
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item.router-link-exact-active {
  color: #fff !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .nav-copy {
  opacity: 1 !important;
  visibility: visible !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .nav-copy strong,
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item.router-link-exact-active .nav-copy strong {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .nav-copy small,
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item.router-link-exact-active .nav-copy small {
  color: rgba(255, 255, 255, 0.84) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .superbot-spark,
html body .shell-v2 .sidebar-nav-v2 .superbot-nav-item .superbot-spark .v-icon {
  color: #fff !important;
  opacity: 1 !important;
}

/* Responsive recovery keeps contain semantics — never switches back to cover. */
@media (max-width: 1000px) {
  html body .superbot-home-command__hero {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 400px) !important;
  }
}
@media (max-width: 820px) {
  html body .superbot-home-command__hero {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
  }
  html body .superbot-home-command__copy {
    min-height: 184px !important;
  }
  html body .superbot-home-command__visual {
    width: 100% !important;
    height: 158px !important;
    justify-content: center !important;
  }
  html body .superbot-home-command__visual img {
    width: auto !important;
    height: 158px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
}/* FOXIE INTERNAL CHAT — PRODUCT POLISH
 * Final visual layer for the internal collaboration experience.
 * Loaded after audited theme layers so chat behaves like a first-class product surface.
 */

html body .internal-surface {
  --team-accent: var(--foxie-accent, var(--foxie-green));
  --team-accent-soft: color-mix(in srgb, var(--team-accent) 8%, var(--foxie-surface-raised));
  --team-accent-hover: color-mix(in srgb, var(--team-accent) 12%, var(--foxie-surface-raised));
  --team-accent-border: color-mix(in srgb, var(--team-accent) 26%, var(--foxie-border));
  --team-shadow: 0 18px 52px rgba(18, 42, 34, .10);
  --team-shadow-soft: 0 8px 28px rgba(18, 42, 34, .065);
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 20px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: var(--team-shadow) !important;
  color: var(--foxie-ink) !important;
}

html body .internal-surface.is-page {
  height: min(780px, calc(100vh - 154px)) !important;
  min-height: 590px !important;
}

html body .internal-surface.is-floating {
  width: min(1120px, calc(100vw - 34px)) !important;
  height: min(760px, calc(100vh - 98px)) !important;
  min-height: 560px !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 90px rgba(10, 31, 24, .20) !important;
}

html body .internal-surface .thread-pane {
  width: 330px !important;
  min-width: 330px !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  border-right: 1px solid var(--foxie-border) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--team-accent) 3%, var(--foxie-surface-raised)) 0, transparent 180px),
    var(--foxie-surface-raised) !important;
}

html body .internal-surface .pane-head {
  min-height: 84px !important;
  padding: 16px 16px 13px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 11px !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

html body .internal-surface .pane-head .brand-mark {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid var(--team-accent-border) !important;
  border-radius: 13px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--team-accent) !important;
  background: var(--team-accent-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html body .internal-surface .pane-head > div:nth-child(2) {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body .internal-surface .pane-head small,
html body .internal-surface .conversation-title small,
html body .internal-surface .group-manager > header small,
html body .internal-surface .group-create-modal > header small,
html body .internal-surface .details > header small {
  color: var(--team-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body .internal-surface .pane-head strong {
  font-size: .9rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -.018em !important;
}

html body .internal-surface .pane-head span {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .pane-head > button,
html body .internal-surface .conversation-actions > button,
html body .internal-surface .back-button,
html body .internal-surface .details > header > button {
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
  box-shadow: none !important;
  transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease !important;
}

html body .internal-surface .pane-head > button:hover,
html body .internal-surface .conversation-actions > button:hover,
html body .internal-surface .back-button:hover,
html body .internal-surface .details > header > button:hover {
  color: var(--team-accent) !important;
  border-color: var(--team-accent-border) !important;
  background: var(--team-accent-soft) !important;
  transform: translateY(-1px) !important;
}

html body .internal-surface .conversation-actions > button.active {
  color: #fff !important;
  border-color: var(--team-accent) !important;
  background: var(--team-accent) !important;
}

html body .internal-surface .thread-actions {
  margin: 0 14px 10px !important;
  padding: 5px !important;
  display: grid !important;
  grid-template-columns: 1.25fr 1fr !important;
  gap: 5px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 13px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .thread-actions > button {
  min-height: 39px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body .internal-surface .thread-actions > button:hover {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .thread-actions > button.primary-action {
  color: #fff !important;
  background: var(--team-accent) !important;
  box-shadow: 0 7px 16px color-mix(in srgb, var(--team-accent) 18%, transparent) !important;
}

html body .internal-surface .archive-tabs {
  margin: 0 14px 8px !important;
  padding: 3px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3px !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--foxie-border) 44%, transparent) !important;
}

html body .internal-surface .archive-tabs button {
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .internal-surface .archive-tabs button.active {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 2px 8px rgba(12, 31, 25, .06) !important;
}

html body .internal-surface .thread-search,
html body .internal-surface .new-conversation-box > label {
  min-height: 40px !important;
  margin: 0 14px 10px !important;
  padding: 0 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

html body .internal-surface .thread-search:focus-within,
html body .internal-surface .new-conversation-box > label:focus-within {
  border-color: var(--team-accent-border) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--team-accent) 8%, transparent) !important;
}

html body .internal-surface .thread-search input,
html body .internal-surface .new-conversation-box input,
html body .internal-surface .group-manager-name input,
html body .internal-surface .group-create-modal input {
  min-width: 0 !important;
  width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body .internal-surface .thread-search input::placeholder,
html body .internal-surface input::placeholder,
html body .internal-surface textarea::placeholder {
  color: color-mix(in srgb, var(--foxie-muted) 78%, transparent) !important;
}

html body .internal-surface .new-conversation-box {
  z-index: 18 !important;
  margin: 0 12px 9px !important;
  padding: 10px !important;
  border: 1px solid var(--team-accent-border) !important;
  border-radius: 14px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: var(--team-shadow-soft) !important;
}

html body .internal-surface .new-conversation-box > header {
  min-height: 34px !important;
  padding: 0 3px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
}

html body .internal-surface .new-conversation-box > header strong {
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .new-conversation-box > label {
  margin: 0 0 7px !important;
}

html body .internal-surface .new-conversation-box > div {
  max-height: 260px !important;
  overflow: auto !important;
}

html body .internal-surface .new-conversation-box > div > button {
  width: 100% !important;
  min-height: 50px !important;
  padding: 6px 7px !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
}

html body .internal-surface .new-conversation-box > div > button:hover {
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .thread-list {
  min-height: 0 !important;
  padding: 0 8px 10px !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: color-mix(in srgb, var(--foxie-muted) 30%, transparent) transparent !important;
}

html body .internal-surface .thread-row {
  width: 100% !important;
  min-height: 68px !important;
  margin: 2px 0 !important;
  padding: 9px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 9px !important;
  align-items: center !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}

html body .internal-surface .thread-row:hover {
  border-color: color-mix(in srgb, var(--team-accent) 9%, var(--foxie-border)) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .thread-row.active {
  border-color: var(--team-accent-border) !important;
  background: color-mix(in srgb, var(--team-accent) 9%, var(--foxie-surface-raised)) !important;
  box-shadow: inset 3px 0 0 var(--team-accent) !important;
}

html body .internal-surface .avatar {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border: 1px solid color-mix(in srgb, var(--team-accent) 14%, var(--foxie-border)) !important;
  border-radius: 13px !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: visible !important;
  color: #fff !important;
  background: linear-gradient(145deg, color-mix(in srgb, var(--team-accent) 82%, white), var(--team-accent)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html body .internal-surface .avatar img {
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  object-fit: cover !important;
}

html body .internal-surface .avatar.group {
  color: var(--team-accent) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .avatar.large {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  border-radius: 14px !important;
}

html body .internal-surface .presence-dot,
html body .internal-surface .details .avatar i {
  width: 11px !important;
  height: 11px !important;
  position: absolute !important;
  right: -2px !important;
  bottom: -1px !important;
  border: 2px solid var(--foxie-surface-raised) !important;
  border-radius: 50% !important;
  background: #28b87f !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, #28b87f 13%, transparent) !important;
}

html body .internal-surface .thread-copy {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}

html body .internal-surface .thread-copy > strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

html body .internal-surface .thread-copy > small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .thread-meta {
  min-width: 30px !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 5px !important;
}

html body .internal-surface .thread-meta time {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body .internal-surface .thread-meta > b {
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: var(--team-accent) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--team-accent) 22%, transparent) !important;
}

html body .internal-surface .thread-menu {
  width: 27px !important;
  height: 27px !important;
  border: 0 !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  opacity: .28 !important;
}

html body .internal-surface .thread-row:hover .thread-menu,
html body .internal-surface .thread-row.active .thread-menu {
  opacity: 1 !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .thread-empty,
html body .internal-surface .conversation-empty {
  min-height: 220px !important;
  padding: 28px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  color: var(--foxie-muted) !important;
}

html body .internal-surface .thread-empty > svg,
html body .internal-surface .conversation-empty > span {
  width: 58px !important;
  height: 58px !important;
  border: 1px solid var(--team-accent-border) !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--team-accent) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .thread-empty strong,
html body .internal-surface .conversation-empty strong {
  color: var(--foxie-ink) !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}

html body .internal-surface .thread-empty small,
html body .internal-surface .conversation-empty p {
  max-width: 360px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html body .internal-surface .conversation-pane {
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  background:
    radial-gradient(circle at 90% 0, color-mix(in srgb, var(--team-accent) 5%, transparent), transparent 260px),
    var(--foxie-surface) !important;
}

html body .internal-surface .conversation-head {
  min-height: 78px !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 92%, transparent) !important;
  backdrop-filter: blur(14px) !important;
}

html body .internal-surface .conversation-title {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body .internal-surface .conversation-title strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
}

html body .internal-surface .conversation-title span {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .conversation-actions {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

html body .internal-surface .slash-head,
html body .internal-surface .slash-button {
  font-size: 1rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body .internal-surface .message-area {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  padding: 22px clamp(16px, 3vw, 42px) 18px !important;
  overflow: auto !important;
  scroll-behavior: smooth !important;
  scrollbar-width: thin !important;
  scrollbar-color: color-mix(in srgb, var(--foxie-muted) 24%, transparent) transparent !important;
}

html body .internal-surface .messages-loading {
  min-height: 260px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .date-separator {
  margin: 18px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body .internal-surface .date-separator::before,
html body .internal-surface .date-separator::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  background: color-mix(in srgb, var(--foxie-border) 72%, transparent) !important;
}

html body .internal-surface .date-separator span {
  padding: 5px 10px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 999px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 9px rgba(12, 31, 25, .035) !important;
}

html body .internal-surface .message-row {
  width: 100% !important;
  margin: 7px 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

html body .internal-surface .message-row.mine {
  justify-content: flex-end !important;
}

html body .internal-surface .message-row.focused .message-bubble {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--team-accent) 10%, transparent), var(--team-shadow-soft) !important;
}

html body .internal-surface .message-avatar {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
  border-radius: 10px !important;
}

html body .internal-surface .message-shell {
  max-width: min(72%, 690px) !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html body .internal-surface .message-row.mine .message-shell {
  justify-items: end !important;
}

html body .internal-surface .message-author,
html body .internal-surface .private-ai-author,
html body .internal-surface .private-ai-label {
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body .internal-surface .message-author {
  padding-left: 5px !important;
}

html body .internal-surface .private-ai-label {
  width: max-content !important;
  padding: 3px 7px !important;
  border: 1px solid color-mix(in srgb, #7756e8 22%, var(--foxie-border)) !important;
  border-radius: 999px !important;
  color: #7756e8 !important;
  background: color-mix(in srgb, #7756e8 7%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .private-ai-author {
  color: #7756e8 !important;
}

html body .internal-surface .message-bubble {
  min-width: 92px !important;
  padding: 9px 11px 7px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 7px 16px 16px 16px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 5px 17px rgba(12, 31, 25, .045) !important;
}

html body .internal-surface .message-row.mine .message-bubble {
  border-color: color-mix(in srgb, var(--team-accent) 20%, var(--foxie-border)) !important;
  border-radius: 16px 7px 16px 16px !important;
  background: color-mix(in srgb, var(--team-accent) 8%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .message-shell:has(.private-ai-label) .message-bubble,
html body .internal-surface .message-shell:has(.private-ai-author) .message-bubble {
  border-color: color-mix(in srgb, #7756e8 22%, var(--foxie-border)) !important;
  background: color-mix(in srgb, #7756e8 6%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .message-bubble > p {
  margin: 0 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  color: var(--foxie-ink) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  font-weight: 560 !important;
}

html body .internal-surface .message-bubble > footer {
  min-height: 19px !important;
  margin-top: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .message-bubble > footer em {
  font-style: normal !important;
}

html body .internal-surface .message-actions {
  display: flex !important;
  gap: 2px !important;
  opacity: 0 !important;
  transition: opacity .15s ease !important;
}

html body .internal-surface .message-row:hover .message-actions {
  opacity: 1 !important;
}

html body .internal-surface .message-actions button {
  width: 24px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 7px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: color-mix(in srgb, var(--foxie-border) 36%, transparent) !important;
}

html body .internal-surface .message-actions button:hover {
  color: var(--team-accent) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .reply-quote {
  width: 100% !important;
  margin-bottom: 7px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-left: 3px solid var(--team-accent) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 2px !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
  background: color-mix(in srgb, var(--team-accent) 5%, var(--foxie-surface-soft)) !important;
}

html body .internal-surface .reply-quote small {
  color: var(--team-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .reply-quote span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .media-image {
  max-width: min(380px, 62vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .media-image img {
  width: 100% !important;
  max-height: 360px !important;
  display: block !important;
  object-fit: contain !important;
}

html body .internal-surface .media-video,
html body .internal-surface .media-audio,
html body .internal-surface .media-file {
  min-width: min(360px, 64vw) !important;
  max-width: 440px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .media-file {
  padding: 9px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
}

html body .internal-surface .media-file > span {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--team-accent) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .media-file strong {
  font-size: 12px !important;
}

html body .internal-surface .media-file small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

/* Composer */
html body .internal-surface .composer {
  padding: 9px 12px 12px !important;
  border-top: 1px solid var(--foxie-border) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, transparent) !important;
  backdrop-filter: blur(16px) !important;
}

html body .internal-surface .composer .box {
  min-height: 48px !important;
  padding: 5px 6px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 3px !important;
  background: var(--foxie-surface-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

html body .internal-surface .composer .box:focus-within {
  border-color: var(--team-accent-border) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--team-accent) 7%, transparent) !important;
}

html body .internal-surface .composer .box > button {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
}

html body .internal-surface .composer .box > button:hover,
html body .internal-surface .composer .box > button.active {
  color: var(--team-accent) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .composer .box > button.ai {
  color: #7756e8 !important;
  background: color-mix(in srgb, #7756e8 8%, transparent) !important;
}

html body .internal-surface .composer .box > button:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
}

html body .internal-surface .composer textarea {
  min-height: 37px !important;
  max-height: 132px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  padding: 8px 6px 7px !important;
  border: 0 !important;
  outline: 0 !important;
  resize: none !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
  font: inherit !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .internal-surface .composer .box > button.send {
  color: #fff !important;
  background: var(--team-accent) !important;
  box-shadow: 0 6px 15px color-mix(in srgb, var(--team-accent) 22%, transparent) !important;
}

html body .internal-surface .composer .box > button.danger {
  color: #d95a66 !important;
  background: color-mix(in srgb, #d95a66 9%, transparent) !important;
}

html body .internal-surface .composer .reply,
html body .internal-surface .composer .ai-note {
  min-height: 42px !important;
  margin-bottom: 7px !important;
  padding: 7px 9px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .composer .ai-note {
  border-color: color-mix(in srgb, #7756e8 23%, var(--foxie-border)) !important;
  color: #7756e8 !important;
  background: color-mix(in srgb, #7756e8 6%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .composer .reply span,
html body .internal-surface .composer .ai-note div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

html body .internal-surface .composer .reply small,
html body .internal-surface .composer .ai-note small {
  color: var(--team-accent) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
}

html body .internal-surface .composer .ai-note small,
html body .internal-surface .composer .ai-note strong {
  color: #7756e8 !important;
}

html body .internal-surface .composer .reply strong,
html body .internal-surface .composer .ai-note strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}

html body .internal-surface .composer .pending {
  margin-bottom: 7px !important;
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
}

html body .internal-surface .composer .pending article {
  min-width: 184px !important;
  max-width: 260px !important;
  min-height: 43px !important;
  padding: 7px 8px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .composer .pending article strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}

html body .internal-surface .composer .pending article small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .composer .suggest,
html body .internal-surface .composer .gifs,
html body .internal-surface .composer .emoji {
  z-index: 35 !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: calc(100% - 1px) !important;
  max-height: 330px !important;
  overflow: auto !important;
  border: 1px solid var(--team-accent-border) !important;
  border-radius: 14px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 18px 44px rgba(12, 31, 25, .16) !important;
}

html body .internal-surface .composer .suggest > header,
html body .internal-surface .composer .gifs > header {
  min-height: 44px !important;
  padding: 9px 11px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .composer .suggest > header strong,
html body .internal-surface .composer .gifs > header strong {
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .composer .suggest > button {
  width: 100% !important;
  min-height: 50px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 70%, transparent) !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
}

html body .internal-surface .composer .suggest > button:hover,
html body .internal-surface .composer .suggest > button.active {
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .composer .gifs > div {
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html body .internal-surface .composer .gifs > div > button {
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  position: relative !important;
  aspect-ratio: 1.35 !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .composer .gifs img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body .internal-surface .composer .gifs small {
  max-width: calc(100% - 8px) !important;
  padding: 3px 6px !important;
  position: absolute !important;
  left: 4px !important;
  bottom: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: rgba(8, 18, 15, .72) !important;
  font-size: 12px !important;
}

html body .internal-surface .composer .emoji {
  right: auto !important;
  width: 300px !important;
  padding: 9px !important;
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 4px !important;
}

html body .internal-surface .composer .emoji button {
  aspect-ratio: 1 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  font-size: 1rem !important;
}

html body .internal-surface .composer .emoji button:hover {
  background: var(--team-accent-soft) !important;
}

/* Group manager */
html body .internal-surface .group-manager {
  z-index: 26 !important;
  width: 360px !important;
  max-height: calc(100% - 94px) !important;
  padding: 12px !important;
  position: absolute !important;
  top: 78px !important;
  right: 10px !important;
  overflow: auto !important;
  border: 1px solid var(--team-accent-border) !important;
  border-radius: 16px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 22px 58px rgba(12, 31, 25, .18) !important;
}

html body .internal-surface .group-manager > header {
  min-height: 50px !important;
  padding: 0 2px 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--foxie-border) !important;
}

html body .internal-surface .group-manager > header > div {
  display: grid !important;
  gap: 3px !important;
}

html body .internal-surface .group-manager > header strong {
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .group-manager-name {
  margin-top: 10px !important;
  min-height: 42px !important;
  padding: 4px 4px 4px 10px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .group-manager-name button,
html body .internal-surface .add-members,
html body .internal-surface .leave-group {
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body .internal-surface .group-manager-name button,
html body .internal-surface .add-members:hover {
  color: var(--team-accent) !important;
  border-color: var(--team-accent-border) !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .add-members {
  width: 100% !important;
  margin-top: 8px !important;
}

html body .internal-surface .group-members-list {
  margin-top: 9px !important;
  padding: 5px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 12px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .group-members-list > div,
html body .internal-surface .add-member-list > button {
  min-height: 56px !important;
  padding: 6px !important;
  border-radius: 9px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .internal-surface .group-members-list > div:hover,
html body .internal-surface .add-member-list > button:hover {
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .group-members-list > div > span:nth-child(2),
html body .internal-surface .add-member-list > button > span:nth-child(2) {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html body .internal-surface .group-members-list strong,
html body .internal-surface .add-member-list strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .group-members-list small,
html body .internal-surface .add-member-list small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .member-admin {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

html body .internal-surface .member-admin select,
html body .internal-surface .details .member-tools select {
  height: 31px !important;
  padding: 0 7px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 8px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  font-size: 12px !important;
  outline: none !important;
}

html body .internal-surface .member-admin button,
html body .internal-surface .details .member-tools button {
  width: 31px !important;
  height: 31px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .member-admin button.active,
html body .internal-surface .details .member-tools button.enabled {
  color: #7756e8 !important;
  border-color: color-mix(in srgb, #7756e8 26%, var(--foxie-border)) !important;
  background: color-mix(in srgb, #7756e8 8%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .add-member-list {
  max-height: 230px !important;
  margin-top: 6px !important;
  padding: 5px !important;
  overflow: auto !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .add-member-list > button {
  width: 100% !important;
  border: 0 !important;
  text-align: left !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
}

html body .internal-surface .leave-group {
  width: 100% !important;
  margin-top: 8px !important;
  color: #c85864 !important;
  border-color: color-mix(in srgb, #c85864 22%, var(--foxie-border)) !important;
  background: color-mix(in srgb, #c85864 6%, var(--foxie-surface-raised)) !important;
}

/* Details rail */
html body .internal-surface .details {
  width: 320px !important;
  min-width: 320px !important;
  border-left: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .details > header {
  min-height: 78px !important;
  padding: 13px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
}

html body .internal-surface .details > header > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html body .internal-surface .details > header strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .details > nav {
  padding: 7px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 4px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .details > nav button {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 3px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .internal-surface .details > nav button.active {
  color: var(--team-accent) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 3px 10px rgba(12, 31, 25, .05) !important;
}

html body .internal-surface .details > section {
  min-height: 0 !important;
  padding: 10px !important;
  overflow: auto !important;
}

html body .internal-surface .details .people article {
  min-height: 58px !important;
  padding: 7px 4px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 72%, transparent) !important;
}

html body .internal-surface .details .people strong {
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body .internal-surface .details .people small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .details .media {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

html body .internal-surface .details .media button {
  border: 1px solid var(--foxie-border) !important;
  border-radius: 9px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .details .files button,
html body .internal-surface .details .links a {
  min-height: 52px !important;
  padding: 8px 4px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body .internal-surface .details .files strong,
html body .internal-surface .details .links strong {
  font-size: 12px !important;
}

html body .internal-surface .details .files small,
html body .internal-surface .details .links small {
  font-size: 12px !important;
}

/* Group create modal */
html body .internal-surface .modal-layer {
  z-index: 70 !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  background: rgba(7, 20, 16, .44) !important;
  backdrop-filter: blur(8px) !important;
}

html body .internal-surface .group-create-modal {
  width: min(520px, 100%) !important;
  max-height: min(680px, 92%) !important;
  overflow: hidden !important;
  border: 1px solid var(--team-accent-border) !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 28px 80px rgba(7, 22, 17, .24) !important;
}

html body .internal-surface .group-create-modal > header,
html body .internal-surface .group-create-modal > footer {
  min-height: 66px !important;
  padding: 13px 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--foxie-border) !important;
}

html body .internal-surface .group-create-modal > header > div {
  display: grid !important;
  gap: 3px !important;
}

html body .internal-surface .group-create-modal > header strong {
  font-size: .77rem !important;
  font-weight: 950 !important;
}

html body .internal-surface .group-create-modal .group-name {
  margin: 13px 15px 8px !important;
  display: grid !important;
  gap: 6px !important;
}

html body .internal-surface .group-create-modal .group-name > span,
html body .internal-surface .group-select > small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
}

html body .internal-surface .group-create-modal .group-name input {
  min-height: 42px !important;
  padding: 0 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .group-select {
  min-height: 0 !important;
  margin: 5px 15px 10px !important;
  padding: 8px !important;
  overflow: auto !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 12px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .group-select > label {
  min-height: 54px !important;
  padding: 6px !important;
  border-radius: 9px !important;
  display: grid !important;
  grid-template-columns: auto auto minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .internal-surface .group-select > label:hover {
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .group-select strong {
  font-size: 12px !important;
}

html body .internal-surface .group-select small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

html body .internal-surface .group-create-modal > footer {
  min-height: 62px !important;
  border-top: 1px solid var(--foxie-border) !important;
  border-bottom: 0 !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

html body .internal-surface .group-create-modal > footer button {
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 9px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body .internal-surface .group-create-modal > footer button.primary {
  color: #fff !important;
  border-color: var(--team-accent) !important;
  background: var(--team-accent) !important;
  box-shadow: 0 7px 16px color-mix(in srgb, var(--team-accent) 20%, transparent) !important;
}

/* Media viewer */
html body .internal-surface .media-viewer {
  z-index: 80 !important;
  position: absolute !important;
  inset: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 97%, black) !important;
  box-shadow: 0 30px 90px rgba(6, 16, 13, .32) !important;
}

html body .internal-surface .media-viewer > header,
html body .internal-surface .media-viewer > footer {
  min-height: 60px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .media-viewer .viewer-stage {
  min-height: 0 !important;
  padding: 18px !important;
  display: grid !important;
  place-items: center !important;
  overflow: auto !important;
  background: color-mix(in srgb, #080d0b 82%, var(--foxie-surface)) !important;
}

html body .internal-surface .media-viewer .viewer-stage img,
html body .internal-surface .media-viewer .viewer-stage video,
html body .internal-surface .media-viewer .viewer-stage iframe {
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 10px !important;
}

/* Drag & drop */
html body .internal-surface .drop-overlay {
  z-index: 100 !important;
  position: absolute !important;
  inset: 12px !important;
  border: 2px dashed var(--team-accent) !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  color: var(--team-accent) !important;
  background: color-mix(in srgb, var(--team-accent) 9%, var(--foxie-surface-raised)) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: inset 0 0 0 6px color-mix(in srgb, var(--team-accent) 4%, transparent) !important;
}

html body .internal-surface .drop-overlay > span {
  width: 64px !important;
  height: 64px !important;
  border-radius: 19px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--team-accent-soft) !important;
}

html body .internal-surface .drop-overlay strong {
  color: var(--foxie-ink) !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
}

html body .internal-surface .drop-overlay small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

/* Role badges inside collaboration surfaces should read like controlled identity labels, not tiny pills. */
html body .internal-surface .role-badge {
  min-height: 19px !important;
  padding: 3px 7px !important;
  border-width: 1px !important;
  border-radius: 7px !important;
  gap: 4px !important;
  font-size: 12px !important;
  letter-spacing: .01em !important;
}

html body .internal-surface .role-badge.compact {
  min-height: 17px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
}

/* Dark mode: keep depth without turning every surface grey. */
html[data-foxie-theme='dark'] body .internal-surface {
  --team-shadow: 0 20px 58px rgba(0, 0, 0, .26);
  --team-shadow-soft: 0 8px 28px rgba(0, 0, 0, .18);
}

html[data-foxie-theme='dark'] body .internal-surface .message-row.mine .message-bubble {
  background: color-mix(in srgb, var(--team-accent) 11%, var(--foxie-surface-raised)) !important;
}

html[data-foxie-theme='dark'] body .internal-surface .thread-row.active {
  background: color-mix(in srgb, var(--team-accent) 12%, var(--foxie-surface-raised)) !important;
}

/* Responsive */
@media (max-width: 1180px) {
  html body .internal-surface .thread-pane {
    width: 300px !important;
    min-width: 300px !important;
  }

  html body .internal-surface .details {
    width: 290px !important;
    min-width: 290px !important;
  }

  html body .internal-surface .message-shell {
    max-width: 78% !important;
  }
}

@media (max-width: 920px) {
  html body .internal-surface.is-page,
  html body .internal-surface.is-floating {
    width: 100% !important;
    height: calc(100vh - 92px) !important;
    min-height: 520px !important;
    border-radius: 15px !important;
  }

  html body .internal-surface .thread-pane {
    width: 286px !important;
    min-width: 286px !important;
  }

  html body .internal-surface.details-open .thread-pane {
    display: none !important;
  }

  html body .internal-surface .details {
    width: 310px !important;
    min-width: 310px !important;
  }

  html body .internal-surface .message-area {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 720px) {
  html body .internal-surface.is-page,
  html body .internal-surface.is-floating {
    height: calc(100dvh - 76px) !important;
    min-height: 480px !important;
    border-radius: 12px !important;
  }

  html body .internal-surface .thread-pane,
  html body .internal-surface .conversation-pane {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .internal-surface .thread-pane.hidden,
  html body .internal-surface .conversation-pane.hidden {
    display: none !important;
  }

  html body .internal-surface .conversation-head {
    min-height: 70px !important;
    padding: 10px !important;
  }

  html body .internal-surface .conversation-title span {
    display: none !important;
  }

  html body .internal-surface .conversation-actions {
    gap: 3px !important;
  }

  html body .internal-surface .conversation-actions > button {
    width: 33px !important;
    height: 33px !important;
  }

  html body .internal-surface .message-shell {
    max-width: 86% !important;
  }

  html body .internal-surface .details {
    width: 100% !important;
    min-width: 0 !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 45 !important;
  }

  html body .internal-surface .group-manager {
    width: calc(100% - 16px) !important;
    top: 72px !important;
    right: 8px !important;
    left: 8px !important;
  }

  html body .internal-surface .composer .box > button {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  html body .internal-surface .composer .gifs > div {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 440px) {
  html body .internal-surface .thread-actions {
    grid-template-columns: 1fr !important;
  }

  html body .internal-surface .message-shell {
    max-width: 92% !important;
  }

  html body .internal-surface .composer .box > button:nth-of-type(3),
  html body .internal-surface .composer .box > button:nth-of-type(4) {
    display: none !important;
  }
}
/* FOXIE INTERNAL CHAT — ATENDIMENTO PARITY
 *
 * Structural layout for the internal team chat. The page deliberately follows
 * the same proportions and behavior as Inbox/Atendimento:
 *   350px conversation rail + fluid conversation + optional 320px details.
 *
 * Keep this file loaded after internal-chat-product.css. It exists to normalize
 * layout only; feature-specific component styles remain in their components.
 */

/* --------------------------------------------------------------------------
 * PAGE SHELL / MAIN GRID
 * -------------------------------------------------------------------------- */
html body .internal-surface.is-page {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: 350px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--foxie-surface-soft) !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.details-open {
  grid-template-columns: 330px minmax(0, 1fr) 320px !important;
}

html body .internal-surface.is-page .thread-pane,
html body .internal-surface.is-page .conversation-pane,
html body .internal-surface.is-page > .details {
  min-width: 0 !important;
  min-height: 0 !important;
  background: color-mix(in srgb, var(--foxie-surface) 96%, transparent) !important;
}

/* --------------------------------------------------------------------------
 * CONVERSATION RAIL — SAME DENSITY AS ATENDIMENTO
 * -------------------------------------------------------------------------- */
html body .internal-surface.is-page .thread-pane {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-right: 1px solid var(--foxie-border) !important;
  box-shadow: none !important;
}

html body .internal-surface .pane-head {
  min-height: 76px !important;
  padding: 14px 14px 11px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 10px !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

html body .internal-surface .pane-head .brand-mark {
  width: 43px !important;
  height: 43px !important;
  border-radius: 13px !important;
}

html body .internal-surface .pane-head small {
  font-size: 12px !important;
  line-height: 1.05 !important;
  letter-spacing: .09em !important;
}

html body .internal-surface .pane-head strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em !important;
}

html body .internal-surface .pane-head span {
  margin-top: 2px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .thread-actions {
  margin: 0 12px 9px !important;
  padding: 3px !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .thread-actions > button {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .internal-surface .archive-tabs {
  margin: 0 12px 8px !important;
  padding: 3px !important;
  gap: 3px !important;
  border-radius: 10px !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .archive-tabs button {
  min-height: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .internal-surface .thread-search,
html body .internal-surface .new-conversation-box > label {
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 12px 9px !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
}

html body .internal-surface .thread-search input,
html body .internal-surface .new-conversation-box input {
  font-size: 12px !important;
}

html body .internal-surface .thread-list {
  height: 0 !important;
  min-height: 0 !important;
  flex: 1 1 0 !important;
  padding: 0 7px 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

html body .internal-surface .thread-row {
  width: 100% !important;
  min-height: 71px !important;
  margin: 3px 0 !important;
  padding: 8px 7px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 9px !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

html body .internal-surface .thread-row:hover,
html body .internal-surface .thread-row.active {
  background: color-mix(in srgb, var(--team-accent) 5%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .thread-row.active {
  border-color: color-mix(in srgb, var(--team-accent) 16%, var(--foxie-border)) !important;
  box-shadow: none !important;
}

html body .internal-surface .thread-row .avatar {
  width: 43px !important;
  height: 43px !important;
  flex: 0 0 43px !important;
  border-radius: 13px !important;
}

html body .internal-surface .thread-copy strong {
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .thread-copy small {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body .internal-surface .thread-meta time {
  font-size: 12px !important;
}

html body .internal-surface .thread-meta > b {
  min-width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
}

html body .internal-surface .thread-menu {
  width: 29px !important;
  height: 29px !important;
  border-radius: 8px !important;
}

/* --------------------------------------------------------------------------
 * CONVERSATION — NO CENTERED 980PX ISLAND
 * -------------------------------------------------------------------------- */
html body .internal-surface.is-page .conversation-pane {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--foxie-surface) 96%, transparent) !important;
}

html body .internal-surface .conversation-head {
  min-height: 70px !important;
  height: auto !important;
  padding: 9px 14px !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: color-mix(in srgb, var(--foxie-surface) 96%, transparent) !important;
}

html body .internal-surface .conversation-head .avatar.large {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 13px !important;
}

html body .internal-surface .conversation-title small {
  font-size: 12px !important;
  line-height: 1.05 !important;
  letter-spacing: .09em !important;
}

html body .internal-surface .conversation-title strong {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .conversation-title span {
  margin-top: 2px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .conversation-actions {
  gap: 5px !important;
}

html body .internal-surface .conversation-actions > button,
html body .internal-surface .back-button {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
}

html body .internal-surface .message-area {
  height: 0 !important;
  min-height: 0 !important;
  flex: 1 1 0 !important;
  position: relative !important;
  padding: 18px 4.5% 22px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  background: color-mix(in srgb, var(--foxie-surface-soft) 92%, transparent) !important;
}

/* The old V2 centered every row in a 980px lane. Atendimento does not do that. */
html body .internal-surface .message-area > .date-separator,
html body .internal-surface .message-area > .message-row {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .internal-surface .date-separator {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  justify-content: center !important;
}

html body .internal-surface .message-row {
  min-height: 0 !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 6px !important;
}

html body .internal-surface .message-row.mine {
  margin-left: 0 !important;
  justify-content: flex-end !important;
}

html body .internal-surface .message-shell {
  width: auto !important;
  min-width: 0 !important;
  max-width: min(72%, 670px) !important;
}

html body .internal-surface .message-bubble {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 110px !important;
  padding: 8px 10px 6px !important;
  border-radius: 15px 15px 15px 5px !important;
}

html body .internal-surface .message-row.mine .message-bubble {
  border-radius: 15px 15px 5px 15px !important;
}

html body .internal-surface .message-bubble > p {
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

html body .internal-surface .message-author,
html body .internal-surface .private-ai-author,
html body .internal-surface .private-ai-label {
  font-size: 12px !important;
}

html body .internal-surface .message-bubble > footer {
  margin-top: 4px !important;
  font-size: 12px !important;
}

html body .internal-surface .message-avatar {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 9px !important;
}

/* Composer follows the entire conversation column, exactly like Atendimento. */
html body .internal-surface .composer {
  min-height: 68px !important;
  width: 100% !important;
  padding: 9px 13px !important;
  border-top: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface) !important;
}

html body .internal-surface .composer > * {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .internal-surface .composer .box {
  min-height: 46px !important;
  padding: 4px 6px !important;
  border-radius: 13px !important;
}

html body .internal-surface .composer textarea {
  min-width: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
 * GROUP MANAGEMENT — REAL 320PX INFO COLUMN, NOT A 500PX WALL
 * -------------------------------------------------------------------------- */
@media (min-width: 1181px) {
  html body .internal-surface.is-page .conversation-pane:has(> .group-manager) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

  html body .internal-surface.is-page .conversation-pane:has(> .group-manager) > .conversation-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body .internal-surface.is-page .conversation-pane:has(> .group-manager) > .message-area {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .internal-surface.is-page .conversation-pane:has(> .group-manager) > .composer {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  html body .internal-surface.is-page .conversation-pane:has(> .group-manager) > .group-manager {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
  }

  /* Avoid rendering two competing info rails if Manage group was opened from Details. */
  html body .internal-surface.is-page.details-open:has(.group-manager) {
    grid-template-columns: 350px minmax(0, 1fr) !important;
  }

  html body .internal-surface.is-page:has(.group-manager) > .details {
    display: none !important;
  }
}

html body .internal-surface .group-manager {
  z-index: 45 !important;
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
  height: 100% !important;
  max-height: none !important;
  position: relative !important;
  inset: auto !important;
  padding: 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: 0 !important;
  border-left: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}

html body .internal-surface .group-manager > header {
  min-height: 58px !important;
  padding: 2px 0 10px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
}

html body .internal-surface .group-manager > header small {
  font-size: 12px !important;
  letter-spacing: .1em !important;
}

html body .internal-surface .group-manager > header strong {
  margin-top: 2px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

html body .internal-surface .group-manager > header > button {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
}

html body .internal-surface .group-manager-name {
  min-height: 42px !important;
  margin: 10px 0 8px !important;
  padding: 3px 3px 3px 10px !important;
  border-radius: 11px !important;
}

html body .internal-surface .group-manager-name input {
  font-size: 12px !important;
}

html body .internal-surface .group-manager-name button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

html body .internal-surface .group-manager > .add-members,
html body .internal-surface .group-manager > .leave-group {
  min-height: 36px !important;
  height: 36px !important;
  margin-top: 8px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

html body .internal-surface .group-members-list {
  margin-top: 8px !important;
  padding: 6px !important;
  display: grid !important;
  gap: 3px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 13px !important;
  background: color-mix(in srgb, var(--foxie-surface-soft) 62%, transparent) !important;
}

html body .internal-surface .group-members-list > div {
  min-height: 62px !important;
  padding: 7px 6px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  border-radius: 10px !important;
}

html body .internal-surface .group-members-list > div:hover {
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .group-members-list .avatar,
html body .internal-surface .add-member-list .avatar {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 12px !important;
}

html body .internal-surface .group-members-list strong,
html body .internal-surface .add-member-list strong {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html body .internal-surface .group-members-list small,
html body .internal-surface .add-member-list small {
  margin-top: 2px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body .internal-surface .member-admin {
  grid-column: 1 / -1 !important;
  width: auto !important;
  margin-left: 50px !important;
  padding: 2px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 34px 34px !important;
  gap: 5px !important;
}

html body .internal-surface .member-admin select {
  width: 100% !important;
  max-width: none !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 9px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  font-size: 12px !important;
}

html body .internal-surface .member-admin button {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface .member-admin button.active {
  color: #7756e8 !important;
  border-color: color-mix(in srgb, #7756e8 28%, var(--foxie-border)) !important;
  background: color-mix(in srgb, #7756e8 8%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface .add-member-list {
  max-height: 210px !important;
  margin-top: 5px !important;
  overflow-y: auto !important;
}

html body .internal-surface .add-member-list > button {
  min-height: 54px !important;
  padding: 6px !important;
  border-radius: 10px !important;
}

/* --------------------------------------------------------------------------
 * DETAILS / MEDIA / PEOPLE — SAME 320PX THIRD COLUMN AS ATENDIMENTO
 * -------------------------------------------------------------------------- */
html body .internal-surface.is-page > .details {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
  height: 100% !important;
  border-left: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}

html body .internal-surface > .details > header {
  min-height: 70px !important;
  padding: 10px 12px !important;
}

html body .internal-surface > .details > header small {
  font-size: 12px !important;
}

html body .internal-surface > .details > header strong {
  margin-top: 2px !important;
  font-size: 13px !important;
}

html body .internal-surface > .details > nav {
  padding: 6px !important;
  gap: 3px !important;
}

html body .internal-surface > .details > nav button {
  height: 43px !important;
  font-size: 12px !important;
}

html body .internal-surface > .details > section {
  padding: 8px !important;
}

html body .internal-surface > .details .people article {
  min-height: 56px !important;
  padding: 6px 3px !important;
  gap: 7px !important;
}

html body .internal-surface > .details .people .avatar {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
}

html body .internal-surface > .details .people strong {
  font-size: 12px !important;
}

html body .internal-surface > .details .people small {
  font-size: 12px !important;
}

html body .internal-surface > .details .member-tools {
  gap: 3px !important;
}

html body .internal-surface > .details .member-tools select {
  width: 84px !important;
  height: 28px !important;
  font-size: 12px !important;
}

html body .internal-surface > .details .member-tools button {
  width: 28px !important;
  height: 28px !important;
}

/* --------------------------------------------------------------------------
 * RESPONSIVE — MIRROR ATENDIMENTO BREAKPOINT BEHAVIOR
 * -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
  html body .internal-surface.is-page,
  html body .internal-surface.is-page.details-open {
    grid-template-columns: 310px minmax(0, 1fr) !important;
  }

  html body .internal-surface.is-page > .details {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    position: absolute !important;
    z-index: 48 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    box-shadow: -18px 0 45px rgba(8, 38, 29, .12) !important;
  }

  html body .internal-surface.is-page .conversation-pane:has(> .group-manager) {
    display: flex !important;
    flex-direction: column !important;
  }

  html body .internal-surface.is-page .group-manager {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    position: absolute !important;
    z-index: 49 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    box-shadow: -18px 0 45px rgba(8, 38, 29, .12) !important;
  }
}

@media (max-width: 900px) {
  html body .internal-surface.is-page,
  html body .internal-surface.is-page.details-open {
    grid-template-columns: 310px minmax(0, 1fr) !important;
  }

  html body .internal-surface .message-area {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body .internal-surface .message-shell {
    max-width: min(78%, 620px) !important;
  }
}

@media (max-width: 700px) {
  html body .internal-surface.is-page,
  html body .internal-surface.is-page.details-open {
    display: block !important;
  }

  html body .internal-surface.is-page .thread-pane,
  html body .internal-surface.is-page .conversation-pane {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body .internal-surface.is-page .conversation-pane {
    display: none !important;
  }

  html body .internal-surface.is-page.has-channel .thread-pane {
    display: none !important;
  }

  html body .internal-surface.is-page.has-channel .conversation-pane {
    display: flex !important;
  }

  html body .internal-surface.is-page > .details,
  html body .internal-surface.is-page .group-manager {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    position: absolute !important;
    z-index: 60 !important;
    inset: 0 !important;
    height: 100% !important;
    padding: 12px !important;
    box-shadow: none !important;
  }

  html body .internal-surface .conversation-head {
    min-height: 62px !important;
    padding: 7px 9px !important;
  }

  html body .internal-surface .message-area {
    padding: 15px 10px 18px !important;
  }

  html body .internal-surface .message-shell {
    max-width: 87% !important;
  }

  html body .internal-surface .composer {
    padding: 8px 9px max(9px, env(safe-area-inset-bottom)) !important;
  }

  html body .internal-surface .member-admin {
    margin-left: 0 !important;
  }
}
/* FOXIE TEAM ROLE EXPERIENCE */
.team-page-v2 .team-card,.team-page-v2 .invite-panel{overflow:visible!important}.team-page-v2 .member-list{padding:14px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;background:color-mix(in srgb,var(--foxie-surface-soft) 48%,transparent)!important}.team-page-v2 .member-row{min-height:168px!important;padding:15px!important;border:1px solid var(--foxie-border)!important;border-radius:17px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'person actions' 'role role' 'access access'!important;gap:12px!important;align-content:start!important;background:var(--foxie-surface-raised)!important;box-shadow:0 8px 24px rgba(6,35,25,.045)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;position:relative!important;overflow:hidden!important}.team-page-v2 .member-row:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border))!important;box-shadow:0 13px 30px rgba(6,35,25,.075)!important}.team-page-v2 .member-row.has-custom-role:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--role-color);box-shadow:0 0 18px color-mix(in srgb,var(--role-color) 50%,transparent)}.team-page-v2 .member-row .person{grid-area:person!important;align-items:flex-start!important}.team-page-v2 .member-row .member-actions{grid-area:actions!important;align-self:start!important}.team-page-v2 .member-row .role-column{grid-area:role!important;padding-top:2px!important}.team-page-v2 .member-row .access-summary{grid-area:access!important;padding-top:8px!important;border-top:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent)!important}.team-page-v2 .member-row .avatar{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important}.team-page-v2 .member-row .person strong{font-size:.78rem!important}.team-page-v2 .member-row .person small{font-size:12px!important}.team-page-v2 .member-row .access-summary span,.team-page-v2 .member-row .access-summary em{padding:5px 7px!important;border:1px solid color-mix(in srgb,var(--foxie-border) 80%,transparent)!important;border-radius:8px!important;background:var(--foxie-surface-soft)!important}.team-page-v2 .role-column{gap:5px!important}.team-role-quick{margin-top:4px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.team-role-quick>span{color:var(--foxie-muted);font-size:12px;font-weight:850}.team-role-quick select{height:34px;min-width:0;padding:0 28px 0 10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border));border-radius:9px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:750}.team-role-quick select:focus{border-color:color-mix(in srgb,var(--foxie-accent) 46%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 8%,transparent)}

.team-page-v2 .invite-list{padding:14px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;background:color-mix(in srgb,var(--foxie-surface-soft) 48%,transparent)!important}.team-page-v2 .invite-list article{min-height:126px!important;padding:13px!important;border:1px solid var(--foxie-border)!important;border-radius:15px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:'icon info revoke' 'resend resend resend'!important;align-items:start!important;gap:10px!important;background:var(--foxie-surface-raised)!important;box-shadow:0 7px 20px rgba(6,35,25,.04)!important}.team-page-v2 .invite-list .invite-icon{grid-area:icon!important}.team-page-v2 .invite-list article>div{grid-area:info!important;min-width:0!important}.team-page-v2 .invite-list article>.btn{grid-area:resend!important;width:100%!important;min-height:35px!important}.team-page-v2 .invite-list article>.icon-btn{grid-area:revoke!important;width:34px!important;height:34px!important}.team-page-v2 .invite-list strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}.team-page-v2 .invite-list small{line-height:1.45!important}.team-page-v2 .invite-icon{background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))!important}

.role-editor-dialog{max-width:1180px!important;overflow:hidden!important}.role-editor-dialog .dialog-head{padding:15px 18px!important}.role-editor-dialog .role-editor-body{min-height:610px!important;background:color-mix(in srgb,var(--foxie-surface-soft) 70%,var(--foxie-surface-raised))!important}.role-editor-dialog .role-editor-library{width:255px!important;min-width:255px!important;padding:12px!important;background:var(--foxie-surface-raised)!important}.role-editor-dialog .role-editor-main{padding:18px 20px 24px!important;overflow-y:auto!important}.role-editor-dialog .identity-box{padding:14px!important;border-radius:16px!important;background:var(--foxie-surface-raised)!important;box-shadow:0 8px 24px rgba(6,35,25,.035)!important}.role-editor-dialog .identity-box>header{align-items:center!important;gap:14px!important}.role-editor-dialog .identity-grid{gap:10px!important}.role-editor-dialog .identity-grid>label{min-width:0!important}.role-editor-dialog .identity-grid input,.role-editor-dialog .identity-grid select{height:39px!important;border-radius:10px!important;font-size:12px!important}.role-editor-dialog .live-role{min-height:34px!important;padding:0 11px!important;font-size:12px!important}

.team-role-extras{margin-top:13px;padding:14px;border:1px solid var(--foxie-border);border-radius:17px;background:var(--foxie-surface-raised);box-shadow:0 8px 24px rgba(6,35,25,.035)}.team-role-extras>header>div{display:grid}.team-role-extras>header span{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}.team-role-extras>header strong{margin-top:2px;font-size:13px}.team-role-extras>header small{margin-top:3px;color:var(--foxie-muted);font-size:12px}.role-extras-grid{margin-top:11px;display:grid;grid-template-columns:1.1fr .75fr .75fr 1fr 1fr;gap:8px}.role-extras-grid label{display:grid;gap:5px;min-width:0}.role-extras-grid label>span{color:var(--foxie-muted);font-size:12px;font-weight:850}.role-extras-grid input[type=color],.role-extras-grid select{width:100%;height:39px;padding:4px 8px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-soft);outline:0;font-size:12px}.role-extras-grid input[type=color]:disabled{opacity:.35}.extra-toggle>div{height:39px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:8px;background:var(--foxie-surface-soft)}.extra-toggle input{accent-color:var(--foxie-accent)}.extra-toggle b{font-size:12px;font-weight:800}

.team-role-studio{margin-top:13px;padding:14px;border:1px solid color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-border));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised)),var(--foxie-surface-raised));box-shadow:0 12px 34px rgba(6,35,25,.05)}.team-role-studio>header>div{display:grid}.team-role-studio>header span{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}.team-role-studio>header strong{margin-top:2px;font-size:13px}.team-role-studio>header small{margin-top:3px;color:var(--foxie-muted);font-size:12px}.team-role-preview{margin-top:12px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}.preview-person,.preview-chat{min-height:116px;padding:13px;border:1px solid var(--foxie-border);border-radius:14px;background:var(--foxie-surface);box-shadow:0 6px 18px rgba(7,36,27,.035)}.preview-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.preview-person>div{min-width:0;display:grid;justify-items:start;gap:5px}.preview-person>div>strong{font-size:12px}.preview-person>div>small{color:var(--foxie-muted);font-size:12px}.preview-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),color-mix(in srgb,var(--foxie-accent) 68%,#256b88));font-size:12px;font-weight:900}.preview-chat{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.preview-author{margin:0 0 4px 5px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:850}.preview-bubble{max-width:90%;padding:9px 10px 7px;border:1px solid var(--foxie-border);border-radius:14px 14px 14px 5px;background:var(--foxie-surface-raised);font-size:12px;line-height:1.45}.preview-bubble small{display:block;margin-top:4px;text-align:right;color:var(--foxie-muted);font-size:12px}.preview-badge{--role-color:#6C5CE7;--role-bg:color-mix(in srgb,var(--role-color) 8%,var(--foxie-surface-raised));--role-border:var(--role-color);--role-border-style:solid;min-height:23px;width:max-content;max-width:100%;padding:3px 8px;border:1px var(--role-border-style) color-mix(in srgb,var(--role-border) 65%,var(--foxie-border));border-radius:999px;display:inline-flex;align-items:center;gap:4px;position:relative;overflow:visible;color:var(--role-color);background:var(--role-bg);font-size:12px;font-weight:850;transition:.18s ease}.preview-badge.compact{min-height:18px;padding:2px 5px;font-size:12px}.preview-badge em{font-style:normal}.preview-badge.font-normal{font-weight:600}.preview-badge.font-strong{font-weight:950}.preview-badge.font-italic{font-style:italic}.preview-badge.font-uppercase{text-transform:uppercase}.preview-badge.font-spaced{letter-spacing:.13em;text-transform:uppercase}.preview-badge.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.preview-badge.font-serif{font-family:Georgia,'Times New Roman',serif;font-weight:700}.preview-badge.effect-glow{box-shadow:0 0 16px color-mix(in srgb,var(--role-color) 35%,transparent)}.preview-badge.effect-pulse{animation:teamRolePulse 1.7s ease-in-out infinite}.preview-badge.effect-shimmer,.preview-badge.effect-reflect,.preview-badge.effect-aurora,.preview-badge.effect-electric{overflow:hidden}.preview-badge.effect-shimmer:after,.preview-badge.effect-reflect:after{content:"";position:absolute;inset:-45%;background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.62) 50%,transparent 66%);animation:teamRoleShine 2.25s linear infinite;pointer-events:none}.preview-badge.effect-reflect:after{animation-duration:3.4s}.preview-badge.effect-particles{box-shadow:0 0 13px color-mix(in srgb,var(--role-color) 21%,transparent)}.preview-badge.effect-neon{box-shadow:0 0 4px var(--role-color),0 0 14px color-mix(in srgb,var(--role-color) 70%,transparent),inset 0 0 9px color-mix(in srgb,var(--role-color) 16%,transparent);text-shadow:0 0 7px color-mix(in srgb,var(--role-color) 75%,transparent)}.preview-badge.effect-aurora:before{content:"";position:absolute;inset:-70%;background:conic-gradient(from 0deg,transparent,var(--role-color),#72f4ce,#8c72ff,var(--role-color),transparent);opacity:.22;animation:teamRoleRotate 4s linear infinite}.preview-badge.effect-sparkle{animation:teamRoleSparkle 1.6s steps(2,end) infinite}.preview-badge.effect-float{animation:teamRoleFloat 2.4s ease-in-out infinite}.preview-badge.effect-electric{animation:teamRoleElectric 1.1s steps(2,end) infinite}.preview-badge.effect-electric:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,color-mix(in srgb,#fff 76%,var(--role-color)) 49%,transparent 57%);opacity:.5;animation:teamRoleShine 1.15s linear infinite}.preview-badge .particle{display:none}.preview-badge.effect-particles .particle,.preview-badge.effect-sparkle .particle{display:block;width:3px;height:3px;position:absolute;border-radius:50%;color:var(--role-color);font-size:12px;font-style:normal;line-height:1;opacity:0;pointer-events:none;animation:teamParticle 2.2s ease-out infinite}.preview-badge.effect-sparkle .particle{animation:teamSparkParticle 1.35s ease-in-out infinite}.preview-badge.effect-particles .p1,.preview-badge.effect-sparkle .p1{left:8%;bottom:-2px}.preview-badge.effect-particles .p2,.preview-badge.effect-sparkle .p2{left:28%;bottom:-2px;animation-delay:.4s}.preview-badge.effect-particles .p3,.preview-badge.effect-sparkle .p3{left:51%;bottom:-2px;animation-delay:.8s}.preview-badge.effect-particles .p4,.preview-badge.effect-sparkle .p4{left:73%;bottom:-2px;animation-delay:1.2s}.preview-badge.effect-particles .p5,.preview-badge.effect-sparkle .p5{left:90%;bottom:-2px;animation-delay:1.6s}.preset-block{margin-top:12px}.preset-block>strong{display:block;margin-bottom:7px;font-size:12px}.preset-grid{display:flex;flex-wrap:wrap;gap:6px}.team-role-preset{width:36px;height:36px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;place-items:center;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:17px;transition:.15s ease}.team-role-preset:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--foxie-accent) 32%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised));box-shadow:0 6px 14px rgba(6,35,25,.06)}.team-role-preset.icon{font-size:18px;color:var(--foxie-accent)}

.team-page-v2 .custom-role-pill{background:var(--role-bg)!important;border-color:color-mix(in srgb,var(--role-border,var(--role-color)) 65%,var(--foxie-border))!important;border-style:var(--role-border-style,solid)!important}.team-page-v2 .custom-role-pill[data-role-font=normal]{font-weight:600!important}.team-page-v2 .custom-role-pill[data-role-font=strong]{font-weight:950!important}.team-page-v2 .custom-role-pill[data-role-font=italic]{font-style:italic!important}.team-page-v2 .custom-role-pill[data-role-font=uppercase]{text-transform:uppercase!important}.team-page-v2 .custom-role-pill[data-role-font=spaced]{letter-spacing:.12em!important;text-transform:uppercase!important}.team-page-v2 .custom-role-pill[data-role-font=mono]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}.team-page-v2 .custom-role-pill[data-role-font=serif]{font-family:Georgia,'Times New Roman',serif!important}.team-page-v2 .custom-role-pill[data-role-effect=glow]{box-shadow:0 0 13px color-mix(in srgb,var(--role-color) 34%,transparent)}.team-page-v2 .custom-role-pill[data-role-effect=neon]{box-shadow:0 0 4px var(--role-color),0 0 12px color-mix(in srgb,var(--role-color) 60%,transparent);text-shadow:0 0 6px color-mix(in srgb,var(--role-color) 70%,transparent)}.team-page-v2 .custom-role-pill[data-role-effect=pulse]{animation:teamRolePulse 1.7s ease-in-out infinite}.team-page-v2 .custom-role-pill[data-role-effect=float]{animation:teamRoleFloat 2.4s ease-in-out infinite}.team-page-v2 .custom-role-pill[data-role-effect=electric]{animation:teamRoleElectric 1.1s steps(2,end) infinite}.team-page-v2 .role-library-item{border:1px solid transparent!important;border-radius:14px!important}.team-page-v2 .role-library-item:hover{border-color:color-mix(in srgb,var(--role-color,var(--foxie-accent)) 22%,var(--foxie-border))!important;background:color-mix(in srgb,var(--role-bg,var(--foxie-surface-soft)) 72%,var(--foxie-surface-soft))!important}

@keyframes teamRolePulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--role-color) 11%,transparent),0 0 15px color-mix(in srgb,var(--role-color) 30%,transparent)}}@keyframes teamRoleShine{from{transform:translateX(-95%)}to{transform:translateX(95%)}}@keyframes teamParticle{0%{opacity:0;transform:translateY(1px) scale(.7)}20%{opacity:1}70%{opacity:.45}100%{opacity:0;transform:translateY(-15px) translateX(4px) scale(1.12)}}@keyframes teamSparkParticle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}@keyframes teamRoleRotate{to{transform:rotate(360deg)}}@keyframes teamRoleSparkle{50%{filter:brightness(1.28) saturate(1.25)}}@keyframes teamRoleFloat{50%{transform:translateY(-2px);box-shadow:0 5px 13px color-mix(in srgb,var(--role-color) 20%,transparent)}}@keyframes teamRoleElectric{0%,100%{filter:none}45%{filter:brightness(1.35) contrast(1.08)}50%{transform:translateX(1px)}55%{transform:translateX(-1px)}}

@media(max-width:1250px){.team-page-v2 .invite-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.role-extras-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.team-page-v2 .member-list{grid-template-columns:1fr!important}}@media(max-width:900px){.role-editor-dialog .role-editor-library{width:210px!important;min-width:210px!important}.team-role-preview{grid-template-columns:1fr}.team-role-quick{grid-template-columns:1fr}.team-role-quick select{min-width:150px}.role-extras-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.team-page-v2 .invite-list{grid-template-columns:1fr!important}.role-editor-dialog .role-editor-body{display:block!important}.role-editor-dialog .role-editor-library{width:100%!important;min-width:0!important;max-height:180px!important}.role-editor-dialog .role-editor-main{padding:14px!important}.team-role-quick select{width:100%;min-width:0}.role-extras-grid{grid-template-columns:1fr}}@media(max-width:520px){.team-page-v2 .member-list,.team-page-v2 .invite-list{padding:9px!important}.team-page-v2 .member-row{grid-template-columns:1fr!important;grid-template-areas:'person' 'role' 'access' 'actions'!important}.team-page-v2 .member-row .member-actions{justify-content:flex-start!important}}@media(prefers-reduced-motion:reduce){.preview-badge.effect-pulse,.preview-badge.effect-shimmer:after,.preview-badge.effect-reflect:after,.preview-badge.effect-particles .particle,.preview-badge.effect-sparkle,.preview-badge.effect-sparkle .particle,.preview-badge.effect-float,.preview-badge.effect-electric,.preview-badge.effect-electric:after,.preview-badge.effect-aurora:before,.team-page-v2 .custom-role-pill{animation:none!important}.team-role-preset,.team-page-v2 .member-row{transition:none!important}}
.role-multi-effects {
  display: grid;
  gap: 8px;
}

.role-effect-chip-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.role-effect-chip-grid button {
  min-height: 38px;
  padding: 0 9px;
  border: 1px solid var(--foxie-border);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  color: var(--foxie-muted);
  background: var(--foxie-surface-raised);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.role-effect-chip-grid button:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--foxie-accent) 24%, var(--foxie-border));
}

.role-effect-chip-grid button > i:first-child {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--foxie-border);
}

.role-effect-chip-grid button.active {
  color: var(--foxie-accent);
  border-color: color-mix(in srgb, var(--foxie-accent) 42%, var(--foxie-border));
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-raised));
  box-shadow: 0 7px 20px color-mix(in srgb, var(--foxie-accent) 11%, transparent);
}

.role-effect-chip-grid button.active > i:first-child {
  background: var(--foxie-accent);
  box-shadow: 0 0 11px color-mix(in srgb, var(--foxie-accent) 68%, transparent);
}

.role-effect-chip-grid button .v-icon {
  margin-left: auto;
}

.role-message-studio {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr);
  gap: 14px;
}

.role-message-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.role-message-fields label {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--foxie-border);
  border-radius: 12px;
  display: grid;
  gap: 6px;
  background: var(--foxie-surface-soft);
}

.role-message-fields label > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--foxie-muted);
  font-size: 12px;
  font-weight: 850;
}

.role-message-fields select {
  height: 35px;
  padding: 0 8px;
  border: 1px solid var(--foxie-border);
  border-radius: 9px;
  outline: 0;
  color: var(--foxie-ink);
  background: var(--foxie-surface-raised);
  font-size: 12px;
}

.role-message-fields input[type='color'] {
  width: 100%;
  height: 35px;
  padding: 2px;
  border: 1px solid var(--foxie-border);
  border-radius: 9px;
  background: var(--foxie-surface-raised);
}

.role-message-blur-field {
  grid-column: 1 / -1;
}

.role-message-blur-field input {
  width: 100%;
}

.role-message-live-preview {
  min-width: 0;
  padding: 14px;
  border: 1px dashed color-mix(in srgb, var(--foxie-accent) 27%, var(--foxie-border));
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background:
    radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--foxie-accent) 8%, transparent), transparent 46%),
    var(--foxie-surface-soft);
}

.role-message-live-preview > small {
  width: 100%;
  margin-bottom: 12px;
  color: var(--foxie-accent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .09em;
}

.role-message-live-preview > em {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  color: var(--foxie-muted);
  font-size: 12px;
  font-style: normal;
  text-align: right;
}

.role-message-preview-bubble {
  position: relative;
  isolation: isolate;
  max-width: 330px;
  padding: 12px 13px 9px;
  border: 1px solid var(--foxie-border);
  border-radius: 18px 18px 6px 18px;
  overflow: visible;
  background: var(--foxie-surface-raised);
  box-shadow: 0 12px 28px rgba(8, 33, 25, .08);
}

.role-message-preview-bubble > *:not(.foxie-message-fx) {
  position: relative;
  z-index: 3;
}

.role-message-preview-bubble > strong {
  display: block;
  font-size: 12px;
}

.role-message-preview-bubble > p {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.role-message-preview-bubble > time {
  display: block;
  margin-top: 6px;
  color: var(--foxie-muted);
  font-size: 12px;
  text-align: right;
}

.foxie-runtime-role-badge {
  --role-color: var(--foxie-accent);
  --role-bg: color-mix(in srgb, var(--role-color) 9%, var(--foxie-surface-raised));
  --role-border: var(--role-color);
  --role-border-style: solid;
  position: relative;
  isolation: isolate;
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px var(--role-border-style) color-mix(in srgb, var(--role-border) 68%, var(--foxie-border));
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  overflow: visible;
  color: var(--role-color);
  background: var(--role-bg);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.foxie-runtime-role-badge.compact {
  padding: 3px 6px;
  font-size: 12px;
}

.foxie-runtime-role-badge > strong,
.foxie-runtime-role-badge__emoji,
.foxie-runtime-role-badge__icon {
  position: relative;
  z-index: 3;
}

.font-normal { font-weight: 600 !important; }
.font-strong { font-weight: 950 !important; }
.font-italic { font-style: italic !important; }
.font-uppercase { text-transform: uppercase !important; }
.font-spaced { text-transform: uppercase !important; letter-spacing: .13em !important; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; }
.font-serif { font-family: Georgia, 'Times New Roman', serif !important; }

.foxie-role-fx,
.foxie-message-fx {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.foxie-role-fx--glow,
.foxie-message-fx--glow {
  box-shadow: 0 0 7px color-mix(in srgb, var(--role-color) 45%, transparent), 0 0 20px color-mix(in srgb, var(--role-color) 27%, transparent);
}

.foxie-role-fx--neon,
.foxie-message-fx--neon {
  box-shadow:
    0 0 5px var(--role-color),
    0 0 17px color-mix(in srgb, var(--role-color) 58%, transparent),
    inset 0 0 11px color-mix(in srgb, var(--role-color) 16%, transparent);
}

.foxie-role-fx--pulse,
.foxie-message-fx--pulse {
  animation: foxieRolePulse 1.75s ease-in-out infinite;
}

.foxie-role-fx--float,
.foxie-message-fx--float {
  border: 1px solid color-mix(in srgb, var(--role-color) 24%, transparent);
  box-shadow: 0 5px 13px color-mix(in srgb, var(--role-color) 14%, transparent);
  animation: foxieRoleFloat 2.5s ease-in-out infinite;
}

.foxie-role-fx--shimmer,
.foxie-role-fx--reflect,
.foxie-role-fx--electric,
.foxie-message-fx--shimmer,
.foxie-message-fx--reflect,
.foxie-message-fx--electric {
  overflow: hidden;
}

.foxie-role-fx--shimmer::after,
.foxie-role-fx--reflect::after,
.foxie-message-fx--shimmer::after,
.foxie-message-fx--reflect::after {
  content: '';
  position: absolute;
  inset: -70%;
  background: linear-gradient(112deg, transparent 38%, rgba(255,255,255,.68) 50%, transparent 62%);
  animation: foxieRoleShine 2.2s linear infinite;
}

.foxie-role-fx--reflect::after,
.foxie-message-fx--reflect::after {
  opacity: .72;
  animation-duration: 3.5s;
}

.foxie-role-fx--aurora::before,
.foxie-message-fx--aurora::before {
  content: '';
  position: absolute;
  inset: -90%;
  border-radius: inherit;
  background: conic-gradient(from 0deg, transparent, var(--role-color), #5ae2bd, #8e70ff, var(--role-color), transparent);
  opacity: .2;
  animation: foxieRoleRotate 5s linear infinite;
}

.foxie-role-fx--sparkle::before,
.foxie-message-fx--sparkle::before {
  content: '✦  ·  ✧  ✦';
  position: absolute;
  top: -8px;
  right: -5px;
  color: var(--role-color);
  font-size: 12px;
  letter-spacing: 5px;
  white-space: nowrap;
  text-shadow: 0 0 7px var(--role-color);
  animation: foxieRoleSparkle 1.4s steps(2, end) infinite;
}

.foxie-role-fx--particles::before,
.foxie-message-fx--particles::before {
  content: '•  ·  •  ✦  ·';
  position: absolute;
  left: 8%;
  bottom: -10px;
  color: var(--role-color);
  font-size: 12px;
  letter-spacing: 6px;
  white-space: nowrap;
  text-shadow: 0 0 6px var(--role-color);
  animation: foxieRoleParticles 2.1s ease-out infinite;
}

.foxie-role-fx--electric::after,
.foxie-message-fx--electric::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 40%, color-mix(in srgb, #fff 76%, var(--role-color)) 49%, transparent 58%);
  opacity: .58;
  animation: foxieRoleShine 1.1s linear infinite;
}

.foxie-role-fx--electric,
.foxie-message-fx--electric {
  box-shadow: 0 0 10px color-mix(in srgb, var(--role-color) 36%, transparent);
  animation: foxieRoleElectric 1.15s steps(2, end) infinite;
}

.role-message-style-glass {
  background: color-mix(in srgb, var(--role-message-from) 14%, rgba(255,255,255,.28)) !important;
  border-color: color-mix(in srgb, var(--role-message-from) 34%, var(--foxie-border)) !important;
  backdrop-filter: blur(var(--role-message-blur, 12px)) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(var(--role-message-blur, 12px)) saturate(1.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 24px rgba(10,34,26,.08) !important;
}

.role-message-style-gradient {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--role-message-from) 34%, var(--foxie-surface-raised)),
    color-mix(in srgb, var(--role-message-to) 34%, var(--foxie-surface-raised))
  ) !important;
  border-color: color-mix(in srgb, var(--role-message-from) 43%, var(--foxie-border)) !important;
}

.role-message-style-tint {
  background: color-mix(in srgb, var(--role-message-from) 18%, var(--foxie-surface-raised)) !important;
  border-color: color-mix(in srgb, var(--role-message-from) 35%, var(--foxie-border)) !important;
}

.role-message-style-outline {
  background: color-mix(in srgb, var(--foxie-surface-raised) 86%, transparent) !important;
  border: 2px solid color-mix(in srgb, var(--role-message-from) 72%, var(--foxie-border)) !important;
}

.role-message-style-neon {
  background: color-mix(in srgb, var(--role-message-from) 9%, var(--foxie-surface-raised)) !important;
  border-color: var(--role-message-from) !important;
  box-shadow:
    0 0 6px color-mix(in srgb, var(--role-message-from) 72%, transparent),
    0 0 21px color-mix(in srgb, var(--role-message-from) 31%, transparent),
    inset 0 0 13px color-mix(in srgb, var(--role-message-from) 9%, transparent) !important;
}

.role-message-style-aurora {
  background: linear-gradient(
    125deg,
    color-mix(in srgb, var(--role-message-from) 22%, var(--foxie-surface-raised)),
    color-mix(in srgb, #4bd3ad 15%, var(--foxie-surface-raised)),
    color-mix(in srgb, #8e70ff 13%, var(--foxie-surface-raised)),
    color-mix(in srgb, var(--role-message-to) 22%, var(--foxie-surface-raised))
  ) !important;
  background-size: 180% 180% !important;
  border-color: color-mix(in srgb, var(--role-message-from) 38%, var(--foxie-border)) !important;
  animation: foxieMessageAurora 7s ease-in-out infinite;
}

.role-message-shape-rounded { border-radius: 17px 17px 5px 17px !important; }
.role-message-shape-soft { border-radius: 22px !important; }
.role-message-shape-pill { border-radius: 999px !important; padding-left: 16px !important; padding-right: 16px !important; }
.role-message-shape-sharp { border-radius: 3px !important; }
.role-message-shape-ticket { border-radius: 12px 3px 12px 3px !important; border-left-width: 3px !important; }
.role-message-shape-comic { border-radius: 18px 18px 18px 4px !important; transform: rotate(-.25deg); }

.internal-surface .message-bubble,
.whisper-panel .whisper-bubble,
.inbox-v3 .message.out .bubble {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.internal-surface .message-bubble > *:not(.foxie-message-fx),
.whisper-panel .whisper-bubble > *:not(.foxie-message-fx),
.inbox-v3 .message.out .bubble > *:not(.foxie-message-fx) {
  position: relative;
  z-index: 3;
}

.whisper-panel .whisper-message__meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 6px !important;
}

.whisper-panel .whisper-message__meta > .foxie-runtime-role-badge {
  margin-right: auto;
}

.whisper-panel .member-pill .foxie-runtime-role-badge {
  margin-top: 3px;
}

.inbox-v3 .message.out .message-author {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px !important;
}

.inbox-v3 .message.out .message-author > .foxie-runtime-role-badge {
  margin-left: 2px;
}

/* Group avatars are always real circular media frames, never free-floating square images. */
.internal-surface .thread-row > .avatar.group {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  flex: 0 0 46px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid color-mix(in srgb, var(--foxie-accent) 44%, var(--foxie-border)) !important;
  outline: 1px solid color-mix(in srgb, var(--foxie-surface-raised) 92%, transparent) !important;
  outline-offset: -3px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-raised)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foxie-accent) 7%, transparent), 0 7px 18px rgba(8,34,25,.1) !important;
}

.internal-surface .conversation-head > .avatar.group {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  flex: 0 0 50px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid color-mix(in srgb, var(--foxie-accent) 44%, var(--foxie-border)) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-raised)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foxie-accent) 7%, transparent) !important;
}

.internal-surface .thread-row > .avatar.group > img,
.internal-surface .conversation-head > .avatar.group > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block !important;
  border: 0 !important;
  border-radius: inherit !important;
  object-fit: cover !important;
  object-position: center !important;
}

.internal-surface .thread-row > .avatar.group > .v-icon,
.internal-surface .conversation-head > .avatar.group > .v-icon {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes foxieRolePulse {
  50% {
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--role-color) 11%, transparent), 0 0 19px color-mix(in srgb, var(--role-color) 33%, transparent);
  }
}

@keyframes foxieRoleFloat {
  50% { transform: translateY(-3px); opacity: .78; }
}

@keyframes foxieRoleShine {
  from { transform: translateX(-115%); }
  to { transform: translateX(115%); }
}

@keyframes foxieRoleRotate {
  to { transform: rotate(360deg); }
}

@keyframes foxieRoleSparkle {
  50% { opacity: .35; transform: scale(.9) rotate(2deg); }
}

@keyframes foxieRoleParticles {
  0% { opacity: 0; transform: translateY(4px); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: translate(7px, -16px); }
}

@keyframes foxieRoleElectric {
  0%, 100% { filter: none; }
  48% { filter: brightness(1.35) contrast(1.08); }
  52% { transform: translateX(1px); }
}

@keyframes foxieMessageAurora {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@media (max-width: 1080px) {
  .role-effect-chip-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .role-message-studio { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .role-effect-chip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-message-fields { grid-template-columns: 1fr; }
  .role-message-blur-field { grid-column: auto; }
  .internal-surface .thread-row > .avatar.group { width: 42px !important; height: 42px !important; min-width: 42px !important; flex-basis: 42px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .foxie-role-fx,
  .foxie-role-fx::before,
  .foxie-role-fx::after,
  .foxie-message-fx,
  .foxie-message-fx::before,
  .foxie-message-fx::after,
  .role-message-style-aurora {
    animation: none !important;
  }
}
/* Final internal-chat role identity contract.
 * The persisted custom role is the single source of truth for badges and
 * message appearance. This layer loads after legacy chat styles.
 */

html body .internal-surface .message-author {
  min-height:18px!important;
  margin:0 0 5px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  color:var(--foxie-muted)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

html body .internal-surface .message-row.mine .message-author {
  justify-content:flex-end!important;
  text-align:right!important;
}

html body .internal-surface .message-author > [data-role-runtime-name='1'] {
  min-width:0!important;
  color:inherit;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

/* A single persisted runtime badge owns the role surface. InternalRoleBadge.vue
 * renders .role-badge (not the old .internal-role-badge class), so hide that
 * mounted fallback whenever the runtime has taken ownership of the container. */
html body [data-role-runtime-owned='1'] > .role-badge,
html body [data-role-runtime-owned='1'] > .internal-role-badge,
html body .team-member-rail__copy[data-role-runtime-owned='1'] > .team-member-rail__role {
  display:none!important;
}

html body .internal-surface .message-author > .foxie-runtime-role-badge {
  margin:0!important;
  flex:0 0 auto!important;
}

/* Message, member rail and group-member views intentionally use the exact same
 * persisted badge geometry. Do not resize the rail copy independently. */
html body .team-member-rail__copy {
  min-width:0!important;
  overflow:hidden!important;
}

html body .team-member-rail__copy > .foxie-runtime-role-badge,
html body .internal-surface .message-author > .foxie-runtime-role-badge,
html body .internal-surface .group-members-list > div > span:nth-child(2) > .foxie-runtime-role-badge {
  margin:0!important;
  padding:3px 6px!important;
  font-size:12px!important;
  line-height:1!important;
  min-height:0!important;
  border-radius:999px!important;
}

html body .team-member-rail__copy > .foxie-runtime-role-badge {
  margin-top:3px!important;
}

html body .team-member-rail__person {
  min-width:0!important;
  overflow:hidden!important;
}

html body .foxie-runtime-role-badge {
  max-width:100%!important;
  overflow:hidden!important;
  contain:paint;
}

html body .foxie-runtime-role-badge > strong {
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Message role effects should never be clipped by the layout wrappers. */
html body .internal-surface .message-row,
html body .internal-surface .message-shell,
html body .internal-surface .message-bubble {
  overflow:visible!important;
}

/* Mine and third-party bubbles obey the role surface equally. Legacy mine
 * backgrounds must not override a persisted role message style. */
html body .internal-surface .message-row.mine .message-bubble[class*='role-message-style-'],
html body .internal-surface .message-row:not(.mine) .message-bubble[class*='role-message-style-'] {
  color:var(--foxie-ink)!important;
}

html body .internal-surface .message-row.mine .message-bubble.role-message-style-default {
  background:color-mix(in srgb,var(--role-color) 9%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--role-color) 26%,var(--foxie-border))!important;
  box-shadow:0 9px 24px color-mix(in srgb,var(--role-color) 9%,transparent)!important;
}

html body .internal-surface .message-row.mine .message-bubble.role-message-style-default p,
html body .internal-surface .message-row.mine .message-bubble.role-message-style-default footer,
html body .internal-surface .message-row.mine .message-bubble[class*='role-message-style-'] p,
html body .internal-surface .message-row.mine .message-bubble[class*='role-message-style-'] footer {
  color:var(--foxie-ink)!important;
}

/* Preserve semantic system/moderation cards; the runtime deliberately clears
 * role decoration from those messages. */
html body .internal-surface .foxie-system-event .message-author {
  display:none!important;
}

@media(max-width:700px){
  html body .internal-surface .message-author,
  html body .internal-surface .message-author > [data-role-runtime-name='1']{
    font-size:12px!important;
  }
  html body .team-member-rail__copy > .foxie-runtime-role-badge,
  html body .internal-surface .message-author > .foxie-runtime-role-badge{
    font-size:12px!important;
  }
}
.chat-moderation-launcher{position:relative;color:#b87714!important;border-color:color-mix(in srgb,#d39422 28%,var(--foxie-border))!important;background:color-mix(in srgb,#d39422 7%,var(--foxie-surface-soft))!important}.chat-moderation-launcher:hover,.chat-moderation-launcher.active{color:#9d5e05!important;border-color:color-mix(in srgb,#d39422 50%,var(--foxie-border))!important;background:color-mix(in srgb,#d39422 14%,var(--foxie-surface-soft))!important}.chat-moderation-launcher.active:after{content:'';position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#d39422;box-shadow:0 0 0 3px color-mix(in srgb,#d39422 12%,transparent)}
.chat-moderation-center-backdrop{position:fixed;inset:0;z-index:4800;padding:24px;display:grid;place-items:center;background:rgba(5,18,14,.48);backdrop-filter:blur(7px)}.chat-moderation-center{width:min(920px,calc(100vw - 32px));max-height:min(780px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--foxie-border);border-radius:22px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 32px 100px rgba(5,20,15,.3)}.chat-moderation-center__head{padding:17px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;border-bottom:1px solid var(--foxie-border);background:linear-gradient(145deg,color-mix(in srgb,#d39422 8%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}.chat-moderation-center__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#b87714;background:color-mix(in srgb,#d39422 12%,var(--foxie-surface-soft))}.chat-moderation-center__head>div{display:grid;gap:2px}.chat-moderation-center__head small,.chat-moderation-roster__head small,.chat-moderation-section-title small{color:#b87714;font-size:12px;font-weight:950;letter-spacing:.11em}.chat-moderation-center__head strong{font-size:15px}.chat-moderation-center__head p{margin:1px 0 0;color:var(--foxie-muted);font-size:12px}.chat-moderation-center__head .close{width:34px;height:34px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.chat-moderation-center__body{min-height:0;max-height:calc(min(780px,100vh - 48px) - 78px);padding:16px;display:grid;grid-template-columns:minmax(300px,.86fr) minmax(360px,1.14fr);gap:14px;overflow:auto;background:var(--foxie-surface-soft)}
.chat-moderation-policy,.chat-moderation-roster{min-width:0;padding:14px;border:1px solid var(--foxie-border);border-radius:16px;background:var(--foxie-surface-raised);box-shadow:0 8px 26px rgba(8,27,22,.04)}.chat-moderation-policy{align-self:start;display:grid;gap:12px}.chat-moderation-policy.is-active{border-color:color-mix(in srgb,#d39422 34%,var(--foxie-border));background:linear-gradient(145deg,color-mix(in srgb,#d39422 5%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}.chat-moderation-section-title{display:flex;align-items:center;gap:9px}.chat-moderation-section-title>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#b87714;background:color-mix(in srgb,#d39422 10%,var(--foxie-surface-soft))}.chat-moderation-section-title>div{display:grid;gap:2px}.chat-moderation-section-title strong{font-size:12px}.chat-moderation-mode-state{padding:11px;border:1px solid var(--foxie-border);border-radius:12px;display:flex;align-items:center;gap:9px;background:var(--foxie-surface-soft)}.chat-moderation-mode-state .status-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:#2fb37a;box-shadow:0 0 0 4px color-mix(in srgb,#2fb37a 10%,transparent)}.chat-moderation-policy.is-active .status-dot{background:#d39422;box-shadow:0 0 0 4px color-mix(in srgb,#d39422 12%,transparent)}.chat-moderation-mode-state>div{min-width:0;display:grid;gap:2px}.chat-moderation-mode-state strong{font-size:12px}.chat-moderation-mode-state small{color:var(--foxie-muted);font-size:12px;line-height:1.4}.chat-moderation-policy label{display:grid;gap:5px}.chat-moderation-policy label>span{font-size:12px;font-weight:900}.chat-moderation-policy textarea{width:100%;min-height:76px;padding:9px 10px;border:1px solid var(--foxie-border);border-radius:10px;resize:vertical;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-soft);font:inherit;font-size:12px}.moderation-mode-action{height:40px;border:1px solid color-mix(in srgb,#d39422 28%,var(--foxie-border));border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900;cursor:pointer}.moderation-mode-action.restrict{color:#a96409;background:color-mix(in srgb,#d39422 9%,var(--foxie-surface-raised))}.moderation-mode-action.release{color:#18835a;border-color:color-mix(in srgb,#2fb37a 28%,var(--foxie-border));background:color-mix(in srgb,#2fb37a 8%,var(--foxie-surface-raised))}.moderation-mode-action:disabled{opacity:.55;cursor:wait}.chat-moderation-policy-note{display:flex;gap:6px;align-items:flex-start;color:var(--foxie-muted);font-size:12px;line-height:1.4}
.chat-moderation-roster{min-height:360px;display:flex;flex-direction:column;gap:11px}.chat-moderation-roster__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-moderation-roster__head>div{display:grid;gap:2px}.chat-moderation-roster__head strong{font-size:12px}.chat-moderation-roster__head span{color:var(--foxie-muted);font-size:12px}.chat-moderation-roster__head>.mdi{font-size:20px;color:#b87714}.chat-moderation-member-list{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow:auto;align-content:start}.chat-moderation-member{min-height:64px;padding:8px;border:1px solid var(--foxie-border);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--foxie-surface-soft);transition:.16s ease}.chat-moderation-member:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--foxie-accent) 20%,var(--foxie-border));background:var(--foxie-surface-raised)}.chat-moderation-member.is-muted{border-color:color-mix(in srgb,#c75a64 30%,var(--foxie-border));background:color-mix(in srgb,#c75a64 5%,var(--foxie-surface-soft))}.chat-moderation-member.is-protected{opacity:.74}.chat-moderation-member__avatar{width:38px;height:38px;border-radius:11px;overflow:hidden;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);font-size:12px;font-weight:900}.chat-moderation-member__avatar img{width:100%;height:100%;object-fit:cover}.chat-moderation-member__copy{min-width:0;display:grid;gap:3px}.chat-moderation-member__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat-moderation-member__copy small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--foxie-muted);font-size:12px;line-height:1.35}.chat-moderation-member>button{height:31px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:8px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;font-weight:900}.chat-moderation-member>button.mute{color:#a96409;background:color-mix(in srgb,#d39422 7%,var(--foxie-surface-raised))}.chat-moderation-member>button.unmute{color:#18835a;background:color-mix(in srgb,#2fb37a 7%,var(--foxie-surface-raised))}.chat-moderation-member__protected{display:flex;align-items:center;gap:4px;color:var(--foxie-muted);font-size:12px;font-weight:800}.chat-moderation-empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--foxie-muted);font-size:12px}.chat-moderation-empty .mdi{font-size:24px}
.chat-moderation-restriction{margin:0 0 7px;padding:9px 11px;border:1px solid color-mix(in srgb,#d39422 28%,var(--foxie-border));border-radius:11px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;background:linear-gradient(135deg,color-mix(in srgb,#d39422 7%,var(--foxie-surface-raised)),var(--foxie-surface-soft))}.chat-moderation-restriction__icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#b46d08;background:color-mix(in srgb,#d39422 12%,var(--foxie-surface-raised))}.chat-moderation-restriction>div{display:grid;gap:2px}.chat-moderation-restriction small{color:#b87714;font-size:12px;font-weight:950;letter-spacing:.08em}.chat-moderation-restriction strong{font-size:12px}.chat-moderation-restriction p{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.35}.internal-surface .composer:has(.chat-moderation-restriction) .box{opacity:.52}.internal-surface .composer:has(.chat-moderation-restriction) .box textarea{cursor:not-allowed}
.internal-surface .moderation-notice-row{width:100%!important;max-width:none!important;margin:12px 0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;align-items:center!important}.internal-surface .moderation-notice-row>.message-avatar{display:none!important}.internal-surface .moderation-notice-row .message-shell{width:min(88%,680px)!important;max-width:680px!important;display:block!important}.internal-surface .moderation-notice-row .message-author,.internal-surface .moderation-notice-row .message-actions,.internal-surface .moderation-notice-row .private-ai-label,.internal-surface .moderation-notice-row .private-ai-author{display:none!important}.internal-surface .moderation-notice-bubble{position:relative;width:100%!important;min-width:0!important;padding:24px 14px 10px!important;border:0!important;border-radius:10px!important;color:var(--foxie-muted)!important;background:transparent!important;box-shadow:none!important;text-align:center!important}.internal-surface .moderation-notice-bubble:before{content:attr(data-moderation-label);position:absolute;left:50%;top:4px;transform:translateX(-50%);padding:2px 8px;border:1px solid color-mix(in srgb,#d39422 22%,var(--foxie-border));border-radius:999px;color:#a9680d;background:var(--foxie-surface-soft);font-size:12px;font-weight:950;letter-spacing:.11em;white-space:nowrap}.internal-surface .moderation-notice-bubble:after{content:'';position:absolute;left:0;right:0;top:13px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,#d39422 24%,var(--foxie-border)),transparent);z-index:-1}.internal-surface .moderation-notice-bubble p{display:inline-block;margin:0!important;padding:7px 11px!important;border:1px solid color-mix(in srgb,#d39422 20%,var(--foxie-border));border-radius:999px;color:var(--foxie-muted);background:color-mix(in srgb,#d39422 4%,var(--foxie-surface-raised));font-size:12px!important;font-weight:700!important;line-height:1.4}.internal-surface .moderation-notice-bubble footer{position:absolute;right:12px;bottom:1px;margin:0!important;color:var(--foxie-muted);opacity:.72;font-size:12px!important}.internal-surface .moderation-notice-bubble footer>span{font-size:12px!important}.internal-surface .moderation-notice-row.mine{margin-left:0!important;justify-content:initial!important}.internal-surface .moderation-notice-row.mine .moderation-notice-bubble{border-radius:10px!important;background:transparent!important}
.chat-mute-dialog-backdrop{position:fixed;inset:0;z-index:5000;padding:20px;display:grid;place-items:center;background:rgba(5,18,14,.56);backdrop-filter:blur(6px)}.chat-mute-dialog{width:min(520px,100%);overflow:hidden;border:1px solid var(--foxie-border);border-radius:20px;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 30px 90px rgba(5,20,15,.34)}.chat-mute-dialog>header{padding:17px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;color:#fff;background:linear-gradient(145deg,#1d1305,#4c2f08)}.chat-mute-dialog>header>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#ffd38f;background:rgba(255,210,138,.12)}.chat-mute-dialog>header>div{display:grid;gap:2px}.chat-mute-dialog>header small{color:#e7b766;font-size:12px;font-weight:950;letter-spacing:.1em}.chat-mute-dialog>header strong{font-size:13px}.chat-mute-dialog>header p{margin:1px 0 0;color:#d7c8ad;font-size:12px;line-height:1.4}.chat-mute-dialog>header>button{width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08)}.chat-mute-dialog__body{padding:17px;display:grid;gap:12px}.chat-mute-dialog__body label{display:grid;gap:5px}.chat-mute-dialog__body label>span{font-size:12px;font-weight:900}.chat-mute-dialog__body label>span b{color:#c85661;font-size:12px}.chat-mute-dialog select,.chat-mute-dialog textarea{width:100%;border:1px solid var(--foxie-border);border-radius:10px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-soft);font:inherit;font-size:12px}.chat-mute-dialog select{height:41px;padding:0 10px}.chat-mute-dialog textarea{min-height:94px;padding:9px 10px;resize:vertical}.chat-mute-dialog__body label>small{color:var(--foxie-muted);font-size:12px;line-height:1.35}.chat-mute-dialog>footer{padding:12px 17px 16px;border-top:1px solid var(--foxie-border);display:flex;justify-content:flex-end;gap:7px}.chat-mute-dialog>footer button{height:38px;padding:0 12px;border:1px solid var(--foxie-border);border-radius:10px;font-size:12px;font-weight:900;cursor:pointer}.chat-mute-dialog>footer .cancel{color:var(--foxie-muted);background:var(--foxie-surface-soft)}.chat-mute-dialog>footer .confirm{display:flex;align-items:center;gap:6px;color:#fff;border-color:#a96b0f;background:linear-gradient(135deg,#c47d16,#a35f07)}.chat-mute-dialog>footer .confirm:disabled{opacity:.55;cursor:wait}
@media(max-width:820px){.chat-moderation-center-backdrop{padding:10px}.chat-moderation-center{width:min(620px,100%);max-height:calc(100vh - 20px);border-radius:16px}.chat-moderation-center__body{max-height:calc(100vh - 92px);grid-template-columns:1fr}.chat-moderation-member-list{grid-template-columns:1fr}.chat-moderation-roster{min-height:0}.chat-moderation-restriction{margin:0 0 6px}.internal-surface .moderation-notice-row .message-shell{width:96%!important}}/* FOXIE TEAM — workspace foundation
 * Three-column collaboration layout inspired by the readability of Discord,
 * without copying its visual identity. Loaded after every legacy chat layer.
 */

html body .internal-surface.is-page.team-workspace-v1 {
  --team-left-rail: 304px;
  --team-right-rail: 296px;
  grid-template-columns: var(--team-left-rail) minmax(0, 1fr) var(--team-right-rail) !important;
  background: var(--foxie-surface) !important;
}

html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed {
  grid-template-columns: var(--team-left-rail) minmax(0, 1fr) !important;
}

html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed > .team-member-rail {
  display: none !important;
}

/* The new fixed rail replaces the old optional details drawer on page mode. */
html body .internal-surface.is-page.team-workspace-v1 > .details,
html body .internal-surface.is-page.team-workspace-v1 button[title="Equipe, mídias, arquivos e links"] {
  display: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .thread-pane {
  width: auto !important;
  min-width: 0 !important;
  border-right: 1px solid color-mix(in srgb, var(--foxie-border) 82%, transparent) !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-pane {
  min-width: 0 !important;
  overflow: hidden !important;
  background: var(--foxie-surface) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .pane-head,
html body .internal-surface.is-page.team-workspace-v1 .conversation-head {
  min-height: 62px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 78%, transparent) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 97%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-head .avatar.large {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 50% !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-title small {
  font-size: 12px !important;
  letter-spacing: .1em !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-title strong {
  font-size: 13px !important;
  line-height: 1.2 !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-title span {
  font-size: 12px !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-actions {
  gap: 4px !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-actions > button {
  width: 34px !important;
  height: 34px !important;
  border-color: transparent !important;
  border-radius: 9px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .conversation-actions > button:hover,
html body .internal-surface.is-page.team-workspace-v1 .conversation-actions > button.active {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 16%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft)) !important;
}

html body .team-member-rail-toggle i {
  font-size: 18px;
}

/* --------------------------------------------------------------------------
 * Fixed right member/activity rail
 * -------------------------------------------------------------------------- */
html body .team-member-rail {
  width: var(--team-right-rail, 296px);
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid color-mix(in srgb, var(--foxie-border) 82%, transparent);
  color: var(--foxie-ink);
  background: color-mix(in srgb, var(--foxie-surface-raised) 98%, transparent);
}

html body .team-member-rail__head {
  min-height: 62px;
  padding: 10px 10px 9px 13px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 78%, transparent);
}

html body .team-member-rail__head > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

html body .team-member-rail__head small {
  color: var(--foxie-accent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .11em;
}

html body .team-member-rail__head strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 900;
}

html body .team-member-rail__head span {
  color: var(--foxie-muted);
  font-size: 12px;
}

html body .team-member-rail__head > button {
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--foxie-muted);
  background: transparent;
  cursor: pointer;
}

html body .team-member-rail__head > button:hover {
  color: var(--foxie-accent);
  background: var(--foxie-surface-soft);
}

html body .team-member-rail__tabs {
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2px;
  border-bottom: 1px solid color-mix(in srgb, var(--foxie-border) 74%, transparent);
  background: color-mix(in srgb, var(--foxie-surface-soft) 58%, transparent);
}

html body .team-member-rail__tabs button {
  min-width: 0;
  height: 43px;
  padding: 4px 2px;
  border: 0;
  border-radius: 8px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  color: var(--foxie-muted);
  background: transparent;
  cursor: pointer;
}

html body .team-member-rail__tabs button i {
  font-size: 16px;
}

html body .team-member-rail__tabs button span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

html body .team-member-rail__tabs button:hover,
html body .team-member-rail__tabs button.active {
  color: var(--foxie-accent);
  background: var(--foxie-surface-raised);
}

html body .team-member-rail__body {
  min-height: 0;
  flex: 1 1 auto;
  padding: 9px 7px 14px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--foxie-muted) 24%, transparent) transparent;
}

html body .team-member-rail__group + .team-member-rail__group {
  margin-top: 13px;
}

html body .team-member-rail__group > header {
  min-height: 27px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--foxie-muted);
}

html body .team-member-rail__group > header span {
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html body .team-member-rail__group > header em {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--foxie-muted);
  background: var(--foxie-surface-soft);
  font-size: 12px;
  font-style: normal;
}

html body .team-member-rail__person {
  width: 100%;
  min-height: 54px;
  padding: 6px 7px;
  border: 0;
  border-radius: 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  text-align: left;
  color: var(--foxie-ink);
  background: transparent;
  cursor: pointer;
}

html body .team-member-rail__person:hover:not(:disabled) {
  background: var(--foxie-surface-soft);
}

html body .team-member-rail__person:disabled {
  cursor: default;
}

html body .team-member-rail__person.is-workspace-ai {
  cursor: default;
  border: 1px solid color-mix(in srgb, var(--foxie-accent) 14%, var(--foxie-border));
  background: color-mix(in srgb, var(--foxie-accent) 4%, var(--foxie-surface-raised));
}

html body .team-member-rail__person.is-workspace-ai:hover {
  background: color-mix(in srgb, var(--foxie-accent) 4%, var(--foxie-surface-raised));
}

html body .team-member-rail__person.is-workspace-ai > .mdi {
  color: var(--foxie-accent);
}

html body .team-member-rail__person > .mdi {
  color: transparent;
  font-size: 15px;
  transition: color .15s ease;
}

html body .team-member-rail__person:hover > .mdi {
  color: var(--foxie-muted);
}

html body .team-member-rail__avatar {
  width: 38px;
  height: 38px;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--foxie-border) 85%, transparent);
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: visible;
  color: #fff;
  background: linear-gradient(145deg, var(--foxie-accent), var(--foxie-accent-strong));
  font-size: 12px;
  font-weight: 900;
}

html body .team-member-rail__avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

html body .team-member-rail__avatar > i {
  width: 11px;
  height: 11px;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border: 3px solid var(--foxie-surface-raised);
  border-radius: 50%;
  background: color-mix(in srgb, var(--foxie-muted) 48%, var(--foxie-surface-soft));
}

html body .team-member-rail__avatar > i.online {
  background: #2ab77d;
}

html body .team-member-rail__copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 2px;
}

html body .team-member-rail__copy > strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 850;
}

html body .team-member-rail__copy > small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--foxie-muted);
  font-size: 12px;
}

html body .team-member-rail__role {
  --member-role: var(--foxie-accent);
  width: max-content;
  max-width: 100%;
  min-height: 17px;
  padding: 2px 5px;
  border: 1px solid color-mix(in srgb, var(--member-role) 34%, var(--foxie-border));
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  overflow: hidden;
  color: var(--member-role);
  background: color-mix(in srgb, var(--member-role) 6%, transparent);
  font-size: 12px;
  line-height: 1;
}

html body .team-member-rail__role strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 850;
}

html body .team-member-rail__empty {
  min-height: 220px;
  padding: 24px 18px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  text-align: center;
  color: var(--foxie-muted);
}

html body .team-member-rail__empty > i {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--foxie-accent);
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft));
  font-size: 24px;
}

html body .team-member-rail__empty strong {
  color: var(--foxie-ink);
  font-size: 12px;
}

html body .team-member-rail__empty span {
  max-width: 210px;
  font-size: 12px;
  line-height: 1.5;
}

html body .team-member-rail__activity-list,
html body .team-member-rail__file-list,
html body .team-member-rail__link-list {
  display: grid;
  gap: 5px;
}

html body .team-member-rail__activity-list article {
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--foxie-border) 72%, transparent);
  border-radius: 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  background: color-mix(in srgb, var(--foxie-surface-soft) 55%, transparent);
}

html body .team-member-rail__activity-list article > span,
html body .team-member-rail__file-list button > span,
html body .team-member-rail__link-list button > span {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: #b67a19;
  background: color-mix(in srgb, #d69a36 9%, var(--foxie-surface-raised));
}

html body .team-member-rail__activity-list article > div,
html body .team-member-rail__file-list button > div,
html body .team-member-rail__link-list button > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

html body .team-member-rail__activity-list strong,
html body .team-member-rail__file-list strong,
html body .team-member-rail__link-list strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

html body .team-member-rail__activity-list p {
  margin: 0;
  color: var(--foxie-muted);
  font-size: 12px;
  line-height: 1.45;
}

html body .team-member-rail__activity-list small,
html body .team-member-rail__file-list small,
html body .team-member-rail__link-list small {
  color: var(--foxie-muted);
  font-size: 12px;
}

html body .team-member-rail__media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

html body .team-member-rail__media-grid button {
  aspect-ratio: 1;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--foxie-border);
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--foxie-muted);
  background: var(--foxie-surface-soft);
  cursor: pointer;
}

html body .team-member-rail__media-grid button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body .team-member-rail__media-grid button.media-icon {
  padding: 6px;
  align-content: center;
  gap: 4px;
}

html body .team-member-rail__media-grid button.media-icon i {
  font-size: 23px;
}

html body .team-member-rail__media-grid button.media-icon small {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

html body .team-member-rail__file-list button,
html body .team-member-rail__link-list button {
  width: 100%;
  min-height: 48px;
  padding: 6px;
  border: 0;
  border-radius: 9px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  text-align: left;
  color: var(--foxie-ink);
  background: transparent;
  cursor: pointer;
}

html body .team-member-rail__link-list button {
  grid-template-columns: auto minmax(0, 1fr);
}

html body .team-member-rail__file-list button:hover,
html body .team-member-rail__link-list button:hover {
  background: var(--foxie-surface-soft);
}

html body .team-member-rail__file-list button > span,
html body .team-member-rail__link-list button > span {
  color: var(--foxie-accent);
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-raised));
}

/* --------------------------------------------------------------------------
 * Lighter, more readable message stream
 * -------------------------------------------------------------------------- */
html body .internal-surface.is-page.team-workspace-v1 .message-area {
  padding: 16px clamp(14px, 2.4vw, 34px) 24px !important;
  background: var(--foxie-surface) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .date-separator {
  margin: 14px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body .internal-surface.is-page.team-workspace-v1 .date-separator::before,
html body .internal-surface.is-page.team-workspace-v1 .date-separator::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: color-mix(in srgb, var(--foxie-border) 67%, transparent);
}

html body .internal-surface.is-page.team-workspace-v1 .date-separator span {
  padding: 3px 8px !important;
  border: 0 !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border-radius: 8px !important;
  align-items: flex-start !important;
  gap: 9px !important;
  transition: background .12s ease !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row:hover:not(.foxie-system-event) {
  background: color-mix(in srgb, var(--foxie-ink) 2.2%, transparent) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row.mine {
  margin-left: 0 !important;
  justify-content: flex-end !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-avatar {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  margin-top: 14px !important;
  border-radius: 50% !important;
  font-size: 12px !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-shell {
  min-width: 0 !important;
  width: auto !important;
  max-width: min(74%, 760px) !important;
  gap: 2px !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row.mine .message-shell {
  justify-items: end !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-author {
  min-height: 17px !important;
  margin: 0 0 1px 3px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-author .role-badge,
html body .internal-surface.is-page.team-workspace-v1 .message-author .foxie-runtime-role-badge {
  transform: scale(.88);
  transform-origin: left center;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble {
  min-width: 0 !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 6px 9px 5px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row.mine .message-bubble {
  border-color: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-border)) !important;
  border-radius: 10px 10px 3px 10px !important;
  background: color-mix(in srgb, var(--foxie-accent) 5%, var(--foxie-surface-raised)) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble > p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 470 !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble > footer {
  min-height: 14px !important;
  margin-top: 2px !important;
  color: color-mix(in srgb, var(--foxie-muted) 78%, transparent) !important;
  font-size: 12px !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-actions {
  opacity: 0 !important;
  transition: opacity .12s ease !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row:hover .message-actions {
  opacity: 1 !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-actions button {
  opacity: 1 !important;
}

/* Preserve configurable role surfaces, but lower their visual weight. */
html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-default,
html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-tint {
  border-color: color-mix(in srgb, var(--role-color) 12%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--role-color) 4%, transparent) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-gradient {
  border-color: color-mix(in srgb, var(--role-message-from) 13%, var(--foxie-border)) !important;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--role-message-from) 8%, var(--foxie-surface-raised)),
    color-mix(in srgb, var(--role-message-to) 7%, var(--foxie-surface-raised))) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-glass {
  border-color: color-mix(in srgb, var(--role-color) 13%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 68%, transparent) !important;
  backdrop-filter: blur(min(var(--role-message-blur, 8px), 14px)) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-outline {
  border-color: color-mix(in srgb, var(--role-color) 38%, var(--foxie-border)) !important;
  background: transparent !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-neon,
html body .internal-surface.is-page.team-workspace-v1 .message-bubble.role-message-style-aurora {
  border-color: color-mix(in srgb, var(--role-color) 30%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--role-color) 5%, var(--foxie-surface-raised)) !important;
  box-shadow: 0 0 14px color-mix(in srgb, var(--role-color) 8%, transparent) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-message-fx,
html body .internal-surface.is-page.team-workspace-v1 .foxie-role-fx {
  opacity: .24 !important;
  filter: saturate(.82) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .message-row:hover .foxie-message-fx,
html body .internal-surface.is-page.team-workspace-v1 .message-row:hover .foxie-role-fx {
  opacity: .42 !important;
}

/* --------------------------------------------------------------------------
 * True system event — centered divider, never a user bubble
 * -------------------------------------------------------------------------- */
html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event {
  width: 100% !important;
  max-width: none !important;
  margin: 10px 0 !important;
  padding: 3px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(28px, 1fr) auto minmax(28px, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  background: transparent !important;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event::before,
html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event::after {
  content: "";
  height: 1px;
  background: color-mix(in srgb, #c78a28 22%, var(--foxie-border));
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event > .message-avatar,
html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event .message-author,
html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event .message-actions,
html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event .foxie-message-fx,
html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event .foxie-role-fx {
  display: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event .message-shell {
  width: min(640px, 78vw) !important;
  max-width: min(640px, 78vw) !important;
  display: block !important;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event__bubble,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble {
  width: 100% !important;
  min-width: 0 !important;
  padding: 5px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  text-align: left !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event__bubble::before,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble::before {
  content: "AVISO DO SISTEMA";
  padding: 3px 6px;
  border: 1px solid color-mix(in srgb, #c78a28 25%, var(--foxie-border));
  border-radius: 999px;
  color: #ad741d;
  background: color-mix(in srgb, #c78a28 6%, transparent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .07em;
  white-space: nowrap;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event__bubble > p,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble > p {
  margin: 0 !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event__bubble > footer,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble > footer {
  margin: 0 !important;
  display: block !important;
  color: color-mix(in srgb, var(--foxie-muted) 72%, transparent) !important;
  font-size: 12px !important;
  white-space: nowrap;
}

/* Composer remains wide, but visually quieter. */
html body .internal-surface.is-page.team-workspace-v1 .composer {
  padding: 8px 12px 11px !important;
  border-top: 1px solid color-mix(in srgb, var(--foxie-border) 76%, transparent) !important;
  background: var(--foxie-surface-raised) !important;
}

html body .internal-surface.is-page.team-workspace-v1 .composer .box {
  min-height: 43px !important;
  border-color: color-mix(in srgb, var(--foxie-border) 86%, transparent) !important;
  border-radius: 11px !important;
  background: color-mix(in srgb, var(--foxie-surface-soft) 64%, transparent) !important;
  box-shadow: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .composer .box:focus-within {
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, var(--foxie-border)) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foxie-accent) 5%, transparent) !important;
}

@media (max-width: 1370px) {
  html body .internal-surface.is-page.team-workspace-v1 {
    --team-left-rail: 286px;
    --team-right-rail: 278px;
  }
}

@media (max-width: 1179px) {
  html body .internal-surface.is-page.team-workspace-v1,
  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed {
    grid-template-columns: 286px minmax(0, 1fr) !important;
  }

  html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail {
    width: min(330px, calc(100% - 28px));
    min-width: 0;
    position: absolute;
    z-index: 70;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    transform: translateX(102%);
    transition: transform .18s ease, box-shadow .18s ease;
    box-shadow: -18px 0 50px rgba(9, 29, 23, .14);
  }

  html body .internal-surface.is-page.team-workspace-v1.team-rail-mobile-open > .team-member-rail {
    transform: translateX(0);
  }
}

@media (max-width: 760px) {
  html body .internal-surface.is-page.team-workspace-v1,
  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed {
    grid-template-columns: 1fr !important;
  }

  html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail {
    width: 100%;
  }

  html body .internal-surface.is-page.team-workspace-v1 .message-area {
    padding: 12px 7px 18px !important;
  }

  html body .internal-surface.is-page.team-workspace-v1 .message-shell {
    max-width: 88% !important;
  }

  html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event {
    grid-template-columns: 18px minmax(0, 1fr) 18px !important;
    gap: 6px !important;
  }

  html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event .message-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .internal-surface.is-page.team-workspace-v1 .foxie-system-event__bubble,
  html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .internal-surface.is-page.team-workspace-v1 .foxie-message-fx,
  html body .internal-surface.is-page.team-workspace-v1 .foxie-role-fx {
    animation: none !important;
  }
}
/* FOXIE TEAM — avatar proportion guardrails
 *
 * Several legacy chat layers still style the generic `.avatar` selector. The final
 * collaboration workspace must therefore lock the rendered box and the image crop,
 * otherwise grid/flex shrink and global image rules can turn circular avatars into
 * ovals. This file is intentionally loaded last.
 */

/* Conversation header: group/contact avatar. */
html body .internal-surface.is-page.team-workspace-v1 .conversation-head > .avatar.large {
  inline-size: 40px !important;
  block-size: 40px !important;
  min-inline-size: 40px !important;
  min-block-size: 40px !important;
  max-inline-size: 40px !important;
  max-block-size: 40px !important;
  flex: 0 0 40px !important;
  aspect-ratio: 1 / 1 !important;
  align-self: center !important;
  justify-self: start !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/* Conversation list avatars, including groups. */
html body .internal-surface.is-page.team-workspace-v1 .thread-row > .avatar {
  inline-size: 43px !important;
  block-size: 43px !important;
  min-inline-size: 43px !important;
  min-block-size: 43px !important;
  max-inline-size: 43px !important;
  max-block-size: 43px !important;
  flex: 0 0 43px !important;
  aspect-ratio: 1 / 1 !important;
  align-self: center !important;
  justify-self: start !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/* Group manager, add-member and new-conversation avatars. */
html body .internal-surface.is-page.team-workspace-v1 .group-members-list .avatar,
html body .internal-surface.is-page.team-workspace-v1 .add-member-list .avatar,
html body .internal-surface.is-page.team-workspace-v1 .new-conversation-box .avatar,
html body .internal-surface.is-page.team-workspace-v1 .group-select .avatar {
  inline-size: 38px !important;
  block-size: 38px !important;
  min-inline-size: 38px !important;
  min-block-size: 38px !important;
  max-inline-size: 38px !important;
  max-block-size: 38px !important;
  flex: 0 0 38px !important;
  aspect-ratio: 1 / 1 !important;
  align-self: center !important;
  justify-self: start !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/* Message author avatar. */
html body .internal-surface.is-page.team-workspace-v1 .message-avatar {
  inline-size: 34px !important;
  block-size: 34px !important;
  min-inline-size: 34px !important;
  min-block-size: 34px !important;
  max-inline-size: 34px !important;
  max-block-size: 34px !important;
  flex: 0 0 34px !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/* Fixed right rail member avatar. Explicit min/max prevents CSS grid shrink. */
html body .team-member-rail__person > .team-member-rail__avatar {
  inline-size: 38px !important;
  block-size: 38px !important;
  min-inline-size: 38px !important;
  min-block-size: 38px !important;
  max-inline-size: 38px !important;
  max-block-size: 38px !important;
  aspect-ratio: 1 / 1 !important;
  align-self: center !important;
  justify-self: start !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/*
 * The shell remains overflow:visible so the online dot can sit outside. Only the
 * photo is clipped. Absolute positioning also neutralizes global img height rules.
 */
html body .internal-surface.is-page.team-workspace-v1 .avatar > img,
html body .team-member-rail__avatar > img {
  inline-size: 100% !important;
  block-size: 100% !important;
  min-inline-size: 100% !important;
  min-block-size: 100% !important;
  max-inline-size: none !important;
  max-block-size: none !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
  transform: none !important;
}

html body .internal-surface.is-page.team-workspace-v1 .avatar > b,
html body .internal-surface.is-page.team-workspace-v1 .avatar > .v-icon,
html body .team-member-rail__avatar > b {
  position: relative !important;
  z-index: 1 !important;
}

html body .internal-surface.is-page.team-workspace-v1 .presence-dot,
html body .team-member-rail__avatar > i {
  z-index: 3 !important;
  flex: none !important;
  aspect-ratio: 1 / 1 !important;
}
/* Final guardrail for internal Team system/moderation notices.
   Earlier moderation and workspace layers both target the same bubble and leave
   absolute pseudo-elements behind. This layer deliberately resets that legacy
   geometry and renders notices as compact, centered system events. */

html body .internal-surface .moderation-notice-row,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-row {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 10px 0 !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  grid-template-columns: none !important;
}

html body .internal-surface .moderation-notice-row > .message-avatar,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-row > .message-avatar {
  display: none !important;
}

html body .internal-surface .moderation-notice-row .message-shell,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-row .message-shell {
  width: auto !important;
  min-width: 0 !important;
  max-width: min(760px, 92%) !important;
  margin: 0 auto !important;
  display: block !important;
  justify-items: initial !important;
}

html body .internal-surface .moderation-notice-row .message-author,
html body .internal-surface .moderation-notice-row .message-actions,
html body .internal-surface .moderation-notice-row .private-ai-label,
html body .internal-surface .moderation-notice-row .private-ai-author {
  display: none !important;
}

html body .internal-surface .moderation-notice-bubble,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 7px 10px !important;
  display: inline-grid !important;
  grid-template-columns: auto minmax(0, auto) auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, #c78a28 22%, var(--foxie-border)) !important;
  border-radius: 999px !important;
  color: var(--foxie-muted) !important;
  background: color-mix(in srgb, #c78a28 5%, var(--foxie-surface-raised)) !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
}

html body .internal-surface .moderation-notice-bubble::before,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble::before {
  content: attr(data-moderation-label) !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  order: 0 !important;
  padding: 3px 7px !important;
  border: 1px solid color-mix(in srgb, #c78a28 28%, var(--foxie-border)) !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, #c78a28 82%, var(--foxie-ink)) !important;
  background: color-mix(in srgb, #c78a28 8%, var(--foxie-surface-soft)) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
  z-index: auto !important;
}

html body .internal-surface .moderation-notice-bubble::after,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble::after {
  content: none !important;
  display: none !important;
}

html body .internal-surface .moderation-notice-bubble > p,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble > p {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body .internal-surface .moderation-notice-bubble > footer,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble > footer {
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  color: color-mix(in srgb, var(--foxie-muted) 70%, transparent) !important;
  opacity: 1 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .internal-surface .moderation-notice-bubble > footer > span {
  font-size: inherit !important;
}

html body .internal-surface .moderation-notice-row.mine,
html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-row.mine {
  margin-left: 0 !important;
  justify-content: center !important;
}

/* Floating Team messenger: same notice language, scaled for the smaller shell. */
html body .quick-chat-window-v3 .internal-surface.is-floating .moderation-notice-row {
  margin: 8px 0 !important;
  padding: 0 7px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .moderation-notice-row .message-shell {
  max-width: 98% !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .moderation-notice-bubble {
  padding: 6px 8px !important;
  gap: 6px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .moderation-notice-bubble::before {
  font-size: 12px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .moderation-notice-bubble > p {
  font-size: 12px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .moderation-notice-bubble > footer {
  font-size: 12px !important;
}

@media (max-width: 700px) {
  html body .internal-surface .moderation-notice-row,
  html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-row {
    padding: 0 7px !important;
  }

  html body .internal-surface .moderation-notice-bubble,
  html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble {
    max-width: 100% !important;
    border-radius: 12px !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    gap: 6px 8px !important;
  }

  html body .internal-surface .moderation-notice-bubble > footer,
  html body .internal-surface.is-page.team-workspace-v1 .moderation-notice-bubble > footer {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}
/* FOXIE TEAM — presence + conversation action polish */

/* Presence dots in the fixed member rail. */
html body .team-member-rail__avatar > i.presence-status {
  width: 11px !important;
  height: 11px !important;
  position: absolute !important;
  right: -1px !important;
  bottom: -1px !important;
  border: 3px solid var(--foxie-surface-raised) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}
html body .team-member-rail__avatar > i.presence-status.is-online { background:#2ab77d !important; }
html body .team-member-rail__avatar > i.presence-status.is-away { background:#d6a329 !important; }
html body .team-member-rail__avatar > i.presence-status.is-busy { background:#d85a64 !important; }
html body .team-member-rail__avatar > i.presence-status.is-offline { background:#9aa4ad !important; opacity:.72 !important; }

/* The role badge already explains hierarchy. Presence is visual-only now. */
html body .team-member-rail__copy > small { display:none !important; }
html body .team-member-rail__person { min-height:52px !important; }

/* Presence control inside the profile dropdown. */
.profile-presence-control {
  margin:0 0 5px !important;
  padding:8px !important;
  border:1px solid var(--foxie-border) !important;
  border-radius:10px !important;
  display:grid !important;
  gap:7px !important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 74%,transparent) !important;
}
.profile-presence-control__head {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  color:var(--foxie-ink) !important;
}
.profile-presence-control__head strong { font-size:12px !important; font-weight:780 !important; }
.profile-presence-control .presence-dot {
  width:8px !important;
  height:8px !important;
  flex:0 0 8px !important;
  border-radius:50% !important;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 9%,transparent) !important;
}
.profile-presence-control .presence-dot.is-online { color:#2ab77d !important; background:#2ab77d !important; }
.profile-presence-control .presence-dot.is-busy { color:#d85a64 !important; background:#d85a64 !important; }
.profile-presence-control__choices { display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; }
.profile-presence-control__choices button {
  min-height:31px !important;
  padding:0 8px !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:var(--foxie-muted) !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:720 !important;
}
.profile-presence-control__choices button:hover,
.profile-presence-control__choices button.active {
  color:var(--foxie-ink) !important;
  border-color:var(--foxie-border) !important;
  background:var(--foxie-surface-raised) !important;
}
.profile-presence-control > small {
  color:var(--foxie-muted) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

/* Vuetify popup for the thread three-dot menu. */
.internal-thread-menu-popover {
  min-width:196px !important;
  max-width:224px !important;
  border:1px solid var(--foxie-border) !important;
  border-radius:11px !important;
  overflow:hidden !important;
  background:var(--foxie-surface-raised) !important;
  box-shadow:0 16px 42px rgba(9,28,22,.16) !important;
}
.internal-thread-menu-popover .v-list {
  padding:5px !important;
  color:var(--foxie-ink) !important;
  background:var(--foxie-surface-raised) !important;
}
.internal-thread-menu-popover .v-list-item {
  min-height:33px !important;
  padding:0 8px !important;
  border-radius:7px !important;
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  gap:7px !important;
  align-items:center !important;
  color:var(--foxie-ink) !important;
}
.internal-thread-menu-popover .v-list-item:hover { background:var(--foxie-surface-soft) !important; }
.internal-thread-menu-popover .v-list-item__prepend { display:none !important; }
.internal-thread-menu-popover .v-list-item-title { font-size:12px !important; font-weight:680 !important; }
.internal-thread-menu-leading {
  width:18px !important;
  height:18px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--foxie-muted) !important;
}
.internal-thread-menu-leading .mdi { font-size:15px !important; line-height:1 !important; }
.internal-thread-menu-divider {
  height:1px !important;
  margin:5px 4px !important;
  background:var(--foxie-border) !important;
}
.internal-thread-menu-extra {
  width:100% !important;
  min-height:33px !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:7px !important;
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  gap:7px !important;
  align-items:center !important;
  text-align:left !important;
  color:var(--foxie-ink) !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:680 !important;
  cursor:pointer !important;
}
.internal-thread-menu-extra:hover:not(:disabled) { background:var(--foxie-surface-soft) !important; }
.internal-thread-menu-extra:disabled { opacity:.5 !important; cursor:default !important; }
.internal-thread-menu-extra.danger { color:#d34e5a !important; }
.internal-thread-menu-extra.danger .internal-thread-menu-leading { color:#d34e5a !important; }

html[data-foxie-theme='dark'] .internal-thread-menu-popover { box-shadow:0 18px 48px rgba(0,0,0,.32) !important; }

@media(max-width:700px){
  .internal-thread-menu-popover { min-width:184px !important; max-width:calc(100vw - 24px) !important; }
}
/* Consolidated group administration: one fixed rail, no duplicate participant drawers. */

/* Desktop: fixed rail is authoritative. Hide both legacy participant controls. */
@media (min-width: 1180px) {
  html body .internal-surface.is-page.team-workspace-v1 .conversation-actions > button[title="Gerenciar grupo"],
  html body .internal-surface.is-page.team-workspace-v1 .conversation-actions > .team-member-rail-toggle {
    display: none !important;
  }
}

/* Mobile/tablet keeps one control only: the injected rail toggle. */
@media (max-width: 1179px) {
  html body .internal-surface.is-page.team-workspace-v1 .conversation-actions > button[title="Gerenciar grupo"] {
    display: none !important;
  }
}

html body .team-member-rail__people-toolbar {
  min-height: 34px;
  margin: 0 3px 7px;
  padding: 0 5px 0 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--foxie-muted);
}
html body .team-member-rail__people-toolbar > span {
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
html body .team-member-rail__people-toolbar > button {
  width: 29px;
  height: 29px;
  border: 1px solid transparent;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--foxie-muted);
  background: transparent;
}
html body .team-member-rail__people-toolbar > button:hover {
  color: var(--foxie-accent);
  border-color: color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border));
  background: color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft));
}
html body .team-member-rail__people-toolbar > button i { font-size: 16px; }

html body .team-member-rail__person-wrap {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
}
html body .team-member-rail__person-wrap > .team-member-rail__person {
  min-width: 0;
  grid-template-columns: auto minmax(0,1fr) !important;
  padding-right: 4px !important;
}
html body .team-member-rail__person-wrap > .team-member-rail__person > .mdi {
  display: none !important;
}
html body .team-member-rail__member-menu {
  width: 28px;
  height: 28px;
  margin-right: 4px;
  border: 1px solid transparent;
  border-radius: 8px;
  display: grid;
  place-items: center;
  opacity: .42;
  color: var(--foxie-muted);
  background: transparent;
}
html body .team-member-rail__person-wrap:hover .team-member-rail__member-menu,
html body .team-member-rail__member-menu:focus-visible {
  opacity: 1;
}
html body .team-member-rail__member-menu:hover {
  color: var(--foxie-ink);
  border-color: var(--foxie-border);
  background: var(--foxie-surface-soft);
}
html body .team-member-rail__member-menu i { font-size: 16px; }

.team-member-admin-popover,
.team-member-invite-popover {
  position: fixed;
  z-index: 2000;
  border: 1px solid var(--foxie-border);
  border-radius: 12px;
  color: var(--foxie-ink);
  background: color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);
  box-shadow: 0 18px 50px rgba(8,27,22,.18);
  backdrop-filter: blur(18px);
  overflow: hidden;
}
.team-member-admin-popover { padding: 6px; }
.team-member-admin-popover__head {
  min-height: 48px;
  padding: 6px 7px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 8px;
  align-items: center;
}
.team-member-admin-popover__avatar,
.team-member-invite-popover__avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));
  font-size: 12px;
  font-weight: 900;
}
.team-member-admin-popover__avatar img,
.team-member-invite-popover__avatar img { width:100%; height:100%; object-fit:cover; }
.team-member-admin-popover__head > div { min-width: 0; display: grid; gap: 2px; }
.team-member-admin-popover__head strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 12px; }
.team-member-admin-popover__head small { color: var(--foxie-muted); font-size: 12px; }
.team-member-admin-popover__label {
  padding: 6px 8px 4px;
  color: var(--foxie-muted);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.team-member-admin-popover__roles { display: grid; gap: 2px; }
.team-member-admin-popover__roles button,
.team-member-admin-popover__action {
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) 16px;
  gap: 7px;
  align-items: center;
  text-align: left;
  color: var(--foxie-ink);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
}
.team-member-admin-popover__roles button:hover,
.team-member-admin-popover__action:hover { background: var(--foxie-surface-soft); }
.team-member-admin-popover__roles button.active { color: var(--foxie-accent); }
.team-member-admin-popover__roles button i,
.team-member-admin-popover__action i { font-size: 15px; color: var(--foxie-muted); }
.team-member-admin-popover__roles button.active i { color: var(--foxie-accent); }
.team-member-admin-popover__action.danger,
.team-member-admin-popover__action.danger i { color: #d34e5a; }
.team-member-admin-popover__divider { height:1px; margin:5px 3px; background:var(--foxie-border); }

.team-member-invite-popover { padding: 8px; }
.team-member-invite-popover > header {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.team-member-invite-popover > header > div { display:grid; gap:2px; }
.team-member-invite-popover > header small { color:var(--foxie-accent); font-size:12px; font-weight:950; letter-spacing:.08em; }
.team-member-invite-popover > header strong { font-size:12px; }
.team-member-invite-popover > header button { width:28px; height:28px; border:0; border-radius:8px; color:var(--foxie-muted); background:transparent; }
.team-member-invite-popover__search {
  height: 34px;
  padding: 0 8px;
  border: 1px solid var(--foxie-border);
  border-radius: 9px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--foxie-muted);
  background: var(--foxie-surface-soft);
}
.team-member-invite-popover__search input { min-width:0; width:100%; border:0; outline:0; color:var(--foxie-ink); background:transparent; font-size:12px; }
.team-member-invite-popover__list { max-height: 260px; margin-top: 6px; overflow:auto; display:grid; gap:2px; }
.team-member-invite-popover__list > button {
  min-height: 48px;
  padding: 5px;
  border: 0;
  border-radius: 9px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 18px;
  gap: 8px;
  align-items: center;
  text-align: left;
  color: var(--foxie-ink);
  background: transparent;
}
.team-member-invite-popover__list > button:hover,
.team-member-invite-popover__list > button.selected { background: var(--foxie-surface-soft); }
.team-member-invite-popover__list > button > span:nth-child(2) { min-width:0; display:grid; gap:2px; }
.team-member-invite-popover__list strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.team-member-invite-popover__list small { color:var(--foxie-muted); font-size:12px; }
.team-member-invite-popover__list > button > i { color:var(--foxie-muted); font-size:16px; }
.team-member-invite-popover__list > button.selected > i { color:var(--foxie-accent); }
.team-member-invite-popover__empty { min-height:100px; display:grid; place-items:center; align-content:center; gap:6px; color:var(--foxie-muted); font-size:12px; }
.team-member-invite-popover__empty i { font-size:24px; }
.team-member-invite-popover > footer {
  min-height: 44px;
  padding-top: 7px;
  border-top: 1px solid var(--foxie-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.team-member-invite-popover > footer span { color:var(--foxie-muted); font-size:12px; }
.team-member-invite-popover > footer button {
  min-height: 31px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color:#fff;
  background: var(--foxie-accent);
  font-size:12px;
  font-weight:800;
}
.team-member-invite-popover > footer button:disabled { opacity:.45; }

html[data-foxie-theme='dark'] .team-member-admin-popover,
html[data-foxie-theme='dark'] .team-member-invite-popover { box-shadow:0 20px 56px rgba(0,0,0,.34); }
/* Reopen affordance for the fixed Foxie Team member rail.
   The fixed rail is authoritative on desktop, but once the user closes it the
   header must expose exactly one compact way to bring it back. */

@media (min-width: 1180px) {
  /* The old group-manager button remains retired permanently. */
  html body .internal-surface.is-page.team-workspace-v1
  .conversation-actions > button[title="Gerenciar grupo"] {
    display: none !important;
  }

  /* Rail visible: no redundant participants button in the conversation bar. */
  html body .internal-surface.is-page.team-workspace-v1:not(.team-rail-collapsed)
  .conversation-actions > .team-member-rail-toggle {
    display: none !important;
  }

  /* Rail collapsed: expose one clean reopen control. */
  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed
  .conversation-actions > .team-member-rail-toggle {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    color: var(--foxie-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed
  .conversation-actions > .team-member-rail-toggle:hover,
  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed
  .conversation-actions > .team-member-rail-toggle:focus-visible {
    color: var(--foxie-accent) !important;
    border-color: color-mix(in srgb, var(--foxie-accent) 18%, var(--foxie-border)) !important;
    background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft)) !important;
    outline: none !important;
  }

  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed
  .conversation-actions > .team-member-rail-toggle i {
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }
}

/* --------------------------------------------------------------------------
 * Readable people hierarchy
 * --------------------------------------------------------------------------
 * The original rail used 7-10px type for the most important information.
 * Keep the compact density, but names, hierarchy and role labels must be
 * readable without zooming the browser.
 */
html body .internal-surface.is-page.team-workspace-v1 {
  --team-right-rail: 326px !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__head strong {
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__head span {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__tabs button span {
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__group + .team-member-rail__group {
  margin-top: 16px !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__group > header {
  min-height: 32px !important;
  padding: 0 9px !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__group > header span {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__group > header em {
  min-width: 21px !important;
  height: 21px !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person {
  min-height: 64px !important;
  padding: 7px 9px !important;
  gap: 10px !important;
  border-radius: 12px !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__avatar {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  font-size: 12px !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__copy {
  gap: 4px !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__copy > strong {
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__role {
  min-height: 21px !important;
  padding: 3px 7px !important;
  gap: 4px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

html body .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__role strong {
  font-size: inherit !important;
  font-weight: 850 !important;
}

/* --------------------------------------------------------------------------
 * Mobile/tablet rail contract
 * --------------------------------------------------------------------------
 * interaction-fixes.css turns the chat into stacked absolute planes on mobile.
 * The member rail must be a plane ABOVE both conversation and thread panes,
 * never a translated element clipped behind them.
 */
@media (max-width: 1179px) {
  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail {
    position: absolute !important;
    z-index: 520 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(370px, 92vw) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(104%, 0, 0) !important;
    border-left: 1px solid var(--foxie-border) !important;
    background: var(--foxie-surface-raised) !important;
    box-shadow: -24px 0 64px rgba(5, 28, 21, .22) !important;
    transition: transform .2s cubic-bezier(.2,.82,.25,1), opacity .16s ease, visibility 0s linear .2s !important;
    will-change: transform !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1.team-rail-mobile-open > .team-member-rail {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    transition: transform .2s cubic-bezier(.2,.82,.25,1), opacity .16s ease !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 .conversation-actions > .team-member-rail-toggle {
    position: relative !important;
    z-index: 540 !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: visible !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 .conversation-actions > .team-member-rail-toggle i {
    font-size: 19px !important;
  }
}

@media (max-width: 700px) {
  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail {
    z-index: 700 !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__head {
    min-height: 64px !important;
    padding-left: max(14px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__body {
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person {
    min-height: 68px !important;
    padding: 8px 11px !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__copy > strong {
    font-size: 13px !important;
  }

  html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__role {
    font-size: 12px !important;
  }
}
/* Mention autocomplete must stay compact and preserve role badges inline. */
html body .internal-surface .composer .suggest > button {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .internal-surface .composer .suggest > button > .avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 50% !important;
}

html body .internal-surface .composer .suggest > button > span:nth-child(2) {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow: hidden !important;
}

html body .internal-surface .composer .suggest > button > span:nth-child(2) > strong {
  min-width: 0 !important;
  max-width: 52% !important;
  flex: 0 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.15 !important;
}

html body .internal-surface .composer .suggest > button .role-badge,
html body .internal-surface .composer .suggest > button .foxie-runtime-role-badge {
  width: auto !important;
  max-width: min(210px, 42%) !important;
  min-width: 0 !important;
  min-height: 16px !important;
  padding: 2px 5px !important;
  flex: 0 1 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  gap: 3px !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  transform: none !important;
}

html body .internal-surface .composer .suggest > button .role-badge > strong,
html body .internal-surface .composer .suggest > button .foxie-runtime-role-badge > strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Do not allow decorative role FX to enlarge or distort autocomplete rows. */
html body .internal-surface .composer .suggest > button .foxie-role-fx {
  overflow: hidden !important;
  border-radius: inherit !important;
}

html body .internal-surface .composer .suggest > button > :last-child {
  justify-self: end !important;
  color: var(--foxie-muted) !important;
}

/* Mentions should read as a quiet identity accent, not as a loud badge. */
html body .internal-surface .message-bubble .foxie-chat-mention {
  display: inline;
  padding: .015em .12em;
  border-radius: 3px;
  color: color-mix(in srgb, var(--foxie-accent) 72%, var(--foxie-ink)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 4%, transparent) !important;
  font-weight: 760 !important;
  text-decoration: none !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

html body .internal-surface .message-bubble .foxie-chat-mention.is-me {
  color: color-mix(in srgb, var(--foxie-accent) 82%, var(--foxie-ink)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 6%, transparent) !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Delivery/read receipts sit inline with the message timestamp without changing
   the balloon height. Clock = sending, one check = persisted, double check = read. */
html body .internal-surface .message-bubble > footer {
  gap: 4px !important;
}

html body .internal-surface .message-bubble .foxie-message-delivery {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin-left: -1px !important;
  color: color-mix(in srgb, var(--foxie-muted) 86%, transparent) !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

html body .internal-surface .message-bubble .foxie-message-delivery i {
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

html body .internal-surface .message-bubble .foxie-message-delivery[data-state='sending'] {
  color: color-mix(in srgb, var(--foxie-muted) 70%, transparent) !important;
  opacity: .82 !important;
}

html body .internal-surface .message-bubble .foxie-message-delivery[data-state='sent'] {
  color: color-mix(in srgb, var(--foxie-muted) 90%, var(--foxie-ink)) !important;
}

html body .internal-surface .message-bubble .foxie-message-delivery[data-state='read'] {
  color: var(--foxie-accent) !important;
}

html body .internal-surface .message-bubble .foxie-message-delivery[data-state='sending'] i {
  animation: foxieMessageSendingClock 1.45s linear infinite !important;
}

@keyframes foxieMessageSendingClock {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  html body .internal-surface .message-bubble .foxie-message-delivery[data-state='sending'] i {
    animation: none !important;
  }
}
/* Foxie social experience refinement — loaded last on purpose. */
.my-profile-page,
.social-feed-shell {
  --social-card-radius: 24px;
  --social-soft-shadow: 0 18px 50px rgba(15, 23, 42, .075);
  --social-float-shadow: 0 24px 70px rgba(15, 23, 42, .11);
}

.my-profile-page {
  min-height: 100%;
  padding: 25px 0 72px;
  color: var(--foxie-ink);
  background:
    radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--foxie-accent) 7%, transparent), transparent 27%),
    radial-gradient(circle at 92% 17%, color-mix(in srgb, var(--foxie-accent) 4%, transparent), transparent 24%),
    var(--foxie-surface);
}
.my-profile-page > .account-hub-nav { margin-bottom: 18px; }
.my-profile-page > .social-profile-page {
  padding: 18px 0 0 !important;
  background: transparent !important;
}
.profile-preferences-shell {
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--foxie-accent) 12%, var(--foxie-border));
  border-radius: 28px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--foxie-surface-raised) 96%, var(--foxie-accent) 4%), var(--foxie-surface-raised));
  box-shadow: var(--social-soft-shadow);
}
.profile-preferences-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 2px 2px 19px;
  border-bottom: 1px solid var(--foxie-border);
}
.profile-preferences-eyebrow {
  color: var(--foxie-accent);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
}
.profile-preferences-head h2 {
  margin: 5px 0 4px;
  font-size: 1.22rem;
  letter-spacing: -.035em;
}
.profile-preferences-head p { margin: 0; color: var(--foxie-muted); font-size: 12px; }
.profile-preferences-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.profile-preferences-actions button {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--foxie-border);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--foxie-ink);
  background: var(--foxie-surface-soft);
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
  transition: .18s ease;
}
.profile-preferences-actions button:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--foxie-accent) 35%, var(--foxie-border)); color: var(--foxie-accent); }
.profile-preferences-grid { margin-top: 18px; display: grid; grid-template-columns: 1.36fr .82fr .82fr; gap: 12px; }
.preference-suite {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--foxie-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--foxie-surface-soft) 38%, var(--foxie-surface-raised));
}
.preference-suite__title { display: flex; gap: 11px; align-items: flex-start; }
.preference-suite__title > span {
  width: 41px; height: 41px; flex: 0 0 41px; border-radius: 13px;
  display: grid; place-items: center; color: var(--foxie-accent);
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-soft));
}
.preference-suite__title > div { min-width: 0; display: grid; }
.preference-suite__title small { color: var(--foxie-accent); font-size: 12px; font-weight: 950; letter-spacing: .09em; }
.preference-suite__title strong { margin-top: 2px; font-size: 12px; }
.preference-suite__title p { margin: 3px 0 0; color: var(--foxie-muted); font-size: 12px; line-height: 1.45; }
.theme-mode-switch { margin-top: 14px; padding: 4px; border-radius: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; background: var(--foxie-surface-soft); }
.theme-mode-switch button {
  min-height: 34px; border: 0; border-radius: 9px; display: flex; align-items: center; justify-content: center; gap: 6px;
  color: var(--foxie-muted); background: transparent; font-size: 12px; font-weight: 800; cursor: pointer;
}
.theme-mode-switch button.active { color: var(--foxie-accent); background: var(--foxie-surface-raised); box-shadow: 0 4px 14px rgba(15,23,42,.06); }
.theme-presets { margin-top: 10px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
.theme-presets > button {
  min-width: 0; min-height: 66px; padding: 7px; border: 1px solid var(--foxie-border); border-radius: 13px;
  display: grid; grid-template-columns: 37px minmax(0,1fr) auto; gap: 8px; align-items: center; text-align: left;
  color: var(--foxie-ink); background: var(--foxie-surface-raised); cursor: pointer; transition: .18s ease;
}
.theme-presets > button:hover,.theme-presets > button.active { border-color: color-mix(in srgb,var(--foxie-accent) 35%,var(--foxie-border)); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(15,23,42,.055); }
.theme-presets > button > span:nth-child(2) { min-width: 0; display: grid; }
.theme-presets strong { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-presets small { margin-top: 2px; color: var(--foxie-muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-preview { width: 37px; height: 37px; border-radius: 10px; position: relative; overflow: hidden; display: block; background: linear-gradient(145deg,#0d8f63,#dff7ee); }
.theme-preview i,.theme-preview b,.theme-preview em { position:absolute; display:block; border-radius:4px; background:rgba(255,255,255,.82); }
.theme-preview i{left:5px;top:5px;width:8px;height:27px}.theme-preview b{left:16px;top:6px;width:16px;height:7px}.theme-preview em{left:16px;top:16px;width:16px;height:15px;opacity:.72}
.theme-preview[data-preset="ocean"]{background:linear-gradient(145deg,#2563eb,#dbeafe)}
.theme-preview[data-preset="violet"]{background:linear-gradient(145deg,#312e81,#a78bfa)}
.theme-preview[data-preset="sunset"]{background:linear-gradient(145deg,#ea580c,#fed7aa)}
.theme-preview[data-preset="rose"]{background:linear-gradient(145deg,#e11d48,#ffe4e6)}
.theme-preview[data-preset="graphite"]{background:linear-gradient(145deg,#111827,#94a3b8)}
.preference-choice-list,.font-scale-list { margin-top: 14px; display: grid; gap: 7px; }
.preference-choice-list button,.font-scale-list button {
  min-height: 47px; padding: 7px 9px; border: 1px solid transparent; border-radius: 12px;
  display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; align-items:center; text-align:left;
  color:var(--foxie-ink); background:var(--foxie-surface-raised); cursor:pointer; transition:.16s ease;
}
.preference-choice-list button:hover,.preference-choice-list button.active,.font-scale-list button:hover,.font-scale-list button.active { border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border)); background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised)); }
.preference-choice-list button>b { font-size: 1rem; }
.preference-choice-list button>span,.font-scale-list button>span:nth-child(2){min-width:0;display:grid}.preference-choice-list strong,.font-scale-list strong{font-size:12px}.preference-choice-list small,.font-scale-list small{color:var(--foxie-muted);font-size:12px}
.font-sample { width:34px;height:34px;border-radius:9px;display:grid!important;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));font-weight:900!important; }
.font-sample--compact{font-size:12px}.font-sample--comfortable{font-size:.83rem}.font-sample--large{font-size:1rem}

/* Social profile */
.my-profile-page .social-profile-page .profile-hero,
.social-profile-page .profile-hero {
  max-width: 1240px !important;
  border-radius: 30px !important;
  border-color: color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-border)) !important;
  box-shadow: var(--social-float-shadow) !important;
}
.my-profile-page .social-profile-page .profile-cover,
.social-profile-page .profile-cover {
  height: 285px !important;
  background:
    linear-gradient(180deg,transparent 20%,rgba(0,0,0,.18)),
    radial-gradient(circle at 16% 10%,color-mix(in srgb,var(--foxie-accent) 38%,transparent),transparent 38%),
    linear-gradient(125deg,color-mix(in srgb,var(--foxie-accent) 21%,#16231f),color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))) !important;
}
.my-profile-page .social-profile-page .profile-hero__content,
.social-profile-page .profile-hero__content { padding: 0 38px 32px !important; grid-template-columns: 156px minmax(0,1fr) !important; gap: 25px !important; }
.social-profile-page .profile-avatar-wrap,.social-profile-page .profile-avatar{width:156px!important;height:156px!important}.social-profile-page .profile-avatar-wrap{margin-top:-79px!important}.social-profile-page .profile-avatar{border-width:6px!important;box-shadow:0 14px 38px rgba(0,0,0,.15),0 0 0 1px color-mix(in srgb,var(--foxie-accent) 18%,transparent)!important}
.social-profile-page .profile-identity{padding-top:25px!important}.social-profile-page .profile-name-row h1{font-size:2rem!important;letter-spacing:-.055em!important}.social-profile-page .profile-headline{max-width:760px;font-size:.91rem!important;color:color-mix(in srgb,var(--foxie-ink) 91%,var(--foxie-muted))}.social-profile-page .profile-meta{margin-top:16px!important}.social-profile-page .profile-meta span,.social-profile-page .profile-meta a{padding:6px 9px;border-radius:9px;background:var(--foxie-surface-soft)}
.social-profile-page .profile-stats{margin-top:20px!important;gap:8px!important}.social-profile-page .profile-stats button,.social-profile-page .profile-stats>span{min-height:38px;padding:0 11px!important;border:1px solid var(--foxie-border)!important;border-radius:11px!important;align-items:center;background:color-mix(in srgb,var(--foxie-surface-soft) 72%,transparent)!important}.social-profile-page .profile-stats button:hover{border-color:color-mix(in srgb,var(--foxie-accent) 30%,var(--foxie-border))!important;color:var(--foxie-accent)!important}
.social-profile-page .profile-tabs{max-width:1240px!important;margin-top:18px!important;padding:6px!important;border:1px solid var(--foxie-border)!important;border-radius:16px!important;gap:5px!important;background:var(--foxie-surface-raised)!important;box-shadow:0 8px 24px rgba(15,23,42,.035)}.social-profile-page .profile-tabs button{min-height:40px!important;padding:0 14px!important;border:0!important;border-radius:11px!important}.social-profile-page .profile-tabs button.active{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))!important}.social-profile-page .profile-layout{max-width:1240px!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important}
.social-profile-page .profile-post-card,.social-profile-page .about-card,.social-profile-page .side-card,.social-profile-page .workspace-card,.social-profile-page .person-card{border-radius:20px!important;border-color:color-mix(in srgb,var(--foxie-border) 88%,transparent)!important;box-shadow:0 9px 28px rgba(15,23,42,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.social-profile-page .profile-post-card:hover,.social-profile-page .person-card:hover,.social-profile-page .workspace-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--foxie-accent) 20%,var(--foxie-border))!important;box-shadow:0 15px 35px rgba(15,23,42,.06)}.social-profile-page .profile-post-card{padding:21px 22px!important}.social-profile-page .about-card{padding:27px!important}.social-profile-page .side-card{padding:19px!important}.social-profile-page .discover-card{background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised)),var(--foxie-surface-raised))!important}

/* Feed */
.social-feed-shell {
  background:
    radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--foxie-accent) 6%,transparent),transparent 25%),
    radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--foxie-accent) 4%,transparent),transparent 22%),
    var(--foxie-surface) !important;
}
.social-feed-shell .social-feed-layout { width:min(1260px,100%)!important;padding:28px 28px 90px!important;grid-template-columns:minmax(0,760px) 320px!important;gap:42px!important; }
.social-feed-shell .social-feed-header { height:60px!important;margin-bottom:14px!important; }
.social-feed-shell .social-feed-header small { font-size:12px!important; }
.social-feed-shell .social-feed-header strong { margin-top:2px;font-size:1.65rem!important;letter-spacing:-.055em!important; }
.social-feed-shell .social-feed-header>button { border:1px solid var(--foxie-border)!important;background:var(--foxie-surface-raised)!important;box-shadow:0 6px 20px rgba(15,23,42,.04) }
.social-feed-shell .social-composer { padding:18px!important;border-radius:24px!important;border-color:color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-border))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-surface-raised) 98%,var(--foxie-accent) 2%),var(--foxie-surface-raised))!important;box-shadow:0 13px 38px rgba(15,23,42,.055)!important; }
.social-feed-shell .social-composer:focus-within { border-color:color-mix(in srgb,var(--foxie-accent) 34%,var(--foxie-border))!important;box-shadow:0 18px 46px rgba(15,23,42,.075),0 0 0 3px color-mix(in srgb,var(--foxie-accent) 5%,transparent)!important; }
.social-feed-shell .social-avatar { width:48px!important;height:48px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--foxie-accent) 12%,transparent); }
.social-feed-shell .social-composer textarea { min-height:48px!important;font-size:.82rem!important; }
.social-feed-shell .publish-button { min-width:92px;height:38px!important;box-shadow:0 7px 18px color-mix(in srgb,var(--foxie-accent) 22%,transparent); }
.social-feed-shell .social-feed-tabs { margin:16px 0 12px!important;padding:5px!important;border:1px solid var(--foxie-border)!important;border-radius:14px!important;display:flex!important;gap:4px!important;background:var(--foxie-surface-raised)!important;overflow:auto; }
.social-feed-shell .social-feed-tabs button { min-height:36px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;white-space:nowrap;color:var(--foxie-muted)!important;background:transparent!important;font-size:12px!important;font-weight:800!important; }
.social-feed-shell .social-feed-tabs button.active { color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))!important; }
.social-feed-shell .social-stream { display:grid!important;gap:14px!important; }
.social-feed-shell .social-post { border:1px solid color-mix(in srgb,var(--foxie-border) 92%,transparent)!important;border-radius:24px!important;overflow:hidden!important;background:var(--foxie-surface-raised)!important;box-shadow:0 13px 36px rgba(15,23,42,.045)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.social-feed-shell .social-post:hover { transform:translateY(-1px);border-color:color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;box-shadow:0 19px 48px rgba(15,23,42,.07)!important; }
.social-feed-shell .social-post__header { padding:19px 20px 8px!important; }
.social-feed-shell .social-post__content { padding:8px 20px 15px!important; }
.social-feed-shell .social-post__content h2 { margin:5px 0 8px!important;font-size:1.05rem!important;letter-spacing:-.025em!important; }
.social-feed-shell .social-post__content p { font-size:.76rem!important;line-height:1.68!important; }
.social-feed-shell .post-media-grid { margin:0 12px 14px!important;border-radius:18px!important; }
.social-feed-shell .social-post__counts { margin:0 20px!important;padding:11px 0!important;border-bottom:1px solid var(--foxie-border)!important; }
.social-feed-shell .social-post__actions { margin:0!important;padding:7px 12px!important;border:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important; }
.social-feed-shell .social-post__actions button { min-height:39px!important;border:0!important;border-radius:11px!important;background:transparent!important; }
.social-feed-shell .social-post__actions button:hover,.social-feed-shell .social-post__actions button.active { background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important;color:var(--foxie-accent)!important; }
.social-feed-shell .comments-panel { margin:0!important;padding:16px 20px 20px!important;border-top:1px solid var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-soft) 42%,var(--foxie-surface-raised))!important; }
.social-feed-shell .comment-bubble { border-radius:15px!important;background:var(--foxie-surface-raised)!important;border:1px solid color-mix(in srgb,var(--foxie-border) 85%,transparent)!important; }
.social-feed-shell .social-feed-side { position:sticky!important;top:22px!important;align-self:start!important;display:grid!important;gap:12px!important; }
.social-feed-shell .side-profile,.social-feed-shell .people-suggestions { border:1px solid var(--foxie-border)!important;border-radius:20px!important;background:var(--foxie-surface-raised)!important;box-shadow:0 10px 30px rgba(15,23,42,.04)!important; }
.social-feed-shell .side-profile { padding:16px!important; }
.social-feed-shell .people-suggestions { padding:15px!important; }

@media (max-width:1100px){
  .profile-preferences-grid{grid-template-columns:1fr 1fr}.preference-suite--theme{grid-column:1/-1}
  .social-feed-shell .social-feed-layout{grid-template-columns:minmax(0,1fr) 290px!important;gap:24px!important}
}
@media (max-width:860px){
  .profile-preferences-shell{width:calc(100% - 28px)}.profile-preferences-head{display:grid}.profile-preferences-grid{grid-template-columns:1fr}.preference-suite--theme{grid-column:auto}.theme-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-feed-shell .social-feed-layout{grid-template-columns:minmax(0,1fr)!important;padding:18px 14px 70px!important}.social-feed-shell .social-feed-side{display:none!important}
  .social-profile-page .profile-layout{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:620px){
  .my-profile-page{padding-top:14px}.profile-preferences-shell{width:calc(100% - 20px);padding:15px;border-radius:20px}.profile-preferences-actions{display:grid;grid-template-columns:1fr 1fr}.theme-presets{grid-template-columns:1fr}.profile-preferences-head h2{font-size:1.05rem}
  .my-profile-page > .social-profile-page{padding-top:12px!important}.social-profile-page .profile-hero{border-radius:0!important}.social-profile-page .profile-cover{height:190px!important}.social-profile-page .profile-hero__content{padding:0 16px 23px!important;display:block!important}.social-profile-page .profile-tabs{margin:12px 10px 0!important;border-radius:14px!important}.social-profile-page .profile-layout{margin:12px 10px 0!important}.social-feed-shell .social-post{border-radius:19px!important}.social-feed-shell .social-composer{border-radius:19px!important}.social-feed-shell .social-post__actions button{font-size:12px!important}
}
.feed-comment-item{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;align-items:flex-start}.feed-comment-avatar{width:35px;height:35px;overflow:hidden;border-radius:50%;display:grid;place-items:center;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));font-size:12px;text-decoration:none}.feed-comment-avatar img{width:100%;height:100%;object-fit:cover}.feed-comment-content{min-width:0}.feed-comment-bubble{width:max-content;max-width:min(100%,520px);position:relative;padding:9px 11px 8px;border:1px solid color-mix(in srgb,var(--foxie-border) 80%,transparent);border-radius:5px 15px 15px 15px;background:var(--foxie-surface-raised);box-shadow:0 4px 12px rgba(15,23,42,.025)}.feed-comment-author{display:flex;align-items:center;gap:6px}.feed-comment-author strong{font-size:12px}.feed-comment-author span{font-size:12px;font-weight:800}.feed-comment-bubble p{margin:4px 0 0;white-space:pre-wrap;font-size:12px;line-height:1.5}.feed-comment-sticker{padding:4px 3px 2px;font-size:46px;line-height:1.05;filter:drop-shadow(0 5px 8px rgba(15,23,42,.08))}.feed-comment-media{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px}.feed-comment-media img{width:min(230px,100%);max-height:240px;border-radius:10px;display:block;object-fit:cover}.feed-comment-file{padding:7px 9px;border-radius:8px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;text-decoration:none}.feed-comment-reaction-count{height:20px;padding:0 6px;position:absolute;right:-6px;bottom:-10px;border:1px solid var(--foxie-border);border-radius:999px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;box-shadow:0 3px 8px rgba(0,0,0,.06);cursor:pointer}.feed-comment-reaction-count.active{color:#e54866}.feed-comment-meta{margin:5px 0 0 8px;display:flex;align-items:center;gap:9px;color:var(--foxie-muted);font-size:12px}.feed-comment-meta button{padding:0;border:0;color:inherit;background:transparent;font:inherit;font-weight:800;cursor:pointer}.feed-comment-meta button.active{color:#e54866}.feed-comment-meta button.danger:hover{color:#d95555}.feed-replies{margin:1px 0 2px 44px;padding-left:13px;border-left:2px solid color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-border));display:grid;gap:11px}.feed-replies .feed-comment-item{grid-template-columns:30px minmax(0,1fr)}.feed-replies .feed-comment-avatar{width:30px;height:30px}@media(max-width:640px){.feed-replies{margin-left:25px}.feed-comment-bubble{max-width:100%}}/* Compact quick messenger. Must load after every full chat layout layer. */
html body .quick-chat-window-v3{
  width:min(410px,calc(100vw - 28px))!important;
  height:min(620px,calc(100vh - 92px))!important;
  right:18px!important;
  bottom:18px!important;
  overflow:visible!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;
  border-radius:22px!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:0 26px 78px rgba(9,30,23,.2)!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating>.thread-pane,
html body .quick-chat-window-v3 .internal-surface.is-floating>.conversation-pane{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  position:absolute!important;
  inset:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:none!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating>.thread-pane{display:flex!important;flex-direction:column!important}
html body .quick-chat-window-v3 .internal-surface.is-floating>.conversation-pane{display:flex!important;flex-direction:column!important}
html body .quick-chat-window-v3 .internal-surface.is-floating>.thread-pane.hidden,
html body .quick-chat-window-v3 .internal-surface.is-floating>.conversation-pane.hidden{display:none!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head{
  min-height:61px!important;
  height:61px!important;
  padding:8px 10px!important;
  flex:0 0 61px!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head .brand-mark{width:36px!important;height:36px!important;border-radius:11px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head small,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title small{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head strong,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title strong{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head span,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title span{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head .avatar.large{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:50%!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions{gap:2px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions>button,
html body .quick-chat-window-v3 .internal-surface.is-floating .back-button,
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head>button{width:31px!important;height:31px!important;border-radius:9px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions>button[title="Equipe, mídias, arquivos e links"]{display:none!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-actions{margin:8px 9px 7px!important;padding:3px!important;gap:3px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-actions>button{height:34px!important;min-height:34px!important;padding:0 7px!important;font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .archive-tabs{margin:0 9px 7px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .archive-tabs button{height:27px!important;min-height:27px!important;font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-search{height:36px!important;min-height:36px!important;margin:0 9px 7px!important;padding:0 9px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-search input{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-list{height:0!important;min-height:0!important;flex:1 1 0!important;padding:0 6px 8px!important;overflow-y:auto!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-row{min-height:60px!important;margin:1px 0!important;padding:6px!important;border-radius:11px!important;gap:8px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-row .avatar{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-copy strong{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-copy small{font-size:12px!important;margin-top:2px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-meta time{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-area{height:0!important;min-height:0!important;flex:1 1 0!important;padding:13px 11px 15px!important;overflow-y:auto!important;background:color-mix(in srgb,var(--foxie-surface-soft) 74%,var(--foxie-surface))!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-row{width:100%!important;max-width:none!important;margin:3px 0!important;gap:5px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-shell{max-width:82%!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-avatar{width:27px!important;height:27px!important;flex:0 0 27px!important;border-radius:50%!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble{min-width:0!important;padding:7px 9px 5px!important;border-radius:13px!important;box-shadow:none!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble>p{font-size:12px!important;line-height:1.45!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-author,
html body .quick-chat-window-v3 .internal-surface.is-floating .private-ai-author,
html body .quick-chat-window-v3 .internal-surface.is-floating .private-ai-label{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble>footer{font-size:12px!important;margin-top:3px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .composer{width:100%!important;min-height:58px!important;padding:7px 8px!important;flex:0 0 auto!important;border-top:1px solid var(--foxie-border)!important;background:var(--foxie-surface-raised)!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .box{min-height:42px!important;padding:3px 5px!important;border-radius:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .composer textarea{font-size:12px!important}
html body .quick-chat-window-v3 .internal-surface.is-floating>.details{display:none!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .group-manager{
  width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;position:absolute!important;z-index:70!important;inset:0!important;border:0!important;border-radius:0!important;padding:10px!important;box-shadow:none!important
}
html body .quick-chat-window-v3 .internal-surface.is-floating .new-conversation-box{z-index:75!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important}
html body .quick-chat-window-v3 .internal-surface.is-floating .drop-overlay{z-index:90!important}
@media(max-width:700px){html body .quick-chat-window-v3{width:min(410px,calc(100vw - 20px))!important;height:min(620px,calc(100vh - 88px))!important;inset:auto 10px 72px auto!important}html body .quick-chat-window-v3 .internal-surface.is-floating{border-radius:20px!important}}
/* Quick chat-only cleanup. Loaded after internal-chat-floating-compact.css. */

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head {
  display: grid !important;
  grid-template-columns: 32px 38px minmax(0,1fr) auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  overflow: hidden !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head .back-button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  flex: 0 0 32px !important;
}

/* Header + conversation-list avatars must always remain true 1:1 circles. */
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head .avatar.large,
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-row > .avatar {
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  padding: 0 !important;
  line-height: 1 !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head .avatar.large {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .thread-row > .avatar {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  flex: 0 0 40px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head .avatar.large img,
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-row > .avatar img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title small,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title strong,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions {
  min-width: max-content !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;
}

/* Composer grows naturally with the textarea, up to 8 visible lines. */
html body .quick-chat-window-v3 .internal-surface.is-floating .composer {
  --floating-composer-textarea-height: 30px;
  width: 100% !important;
  min-height: 54px !important;
  height: auto !important;
  max-height: none !important;
  padding: 6px 7px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer .box {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  max-height: none !important;
  padding: 3px 5px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 1px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer .box > button {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  flex: 0 0 30px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer .box > button .v-icon,
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .slash-button {
  font-size: 17px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer textarea {
  min-width: 0 !important;
  width: 0 !important;
  flex: 1 1 0 !important;
  height: var(--floating-composer-textarea-height) !important;
  min-height: 30px !important;
  max-height: calc(18px * 8 + 12px) !important;
  padding: 6px 7px !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden;
  resize: none !important;
  border: 0 !important;
  outline: 0 !important;
  line-height: 18px !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  background: transparent !important;
  scrollbar-width: thin !important;
  box-sizing: border-box !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer textarea::-webkit-scrollbar {
  width: 4px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer textarea::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--foxie-muted) 24%, transparent) !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .composer textarea::placeholder {
  color: var(--foxie-muted) !important;
  opacity: .82 !important;
  white-space: nowrap !important;
}

/* Attachment/media content can never escape its message balloon. */
html body .quick-chat-window-v3 .internal-surface.is-floating .message-shell,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble {
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-file,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-image,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-video,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-audio,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .reply-quote {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-file {
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) 22px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-file > span:first-child {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: grid !important;
  place-items: center !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-file > div {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-file strong,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-file small {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-image img,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-video video {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble .media-audio audio {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Keep secondary overlays above the compact composer without altering page chat. */
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .suggest,
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .gifs,
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .emoji,
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .reply,
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .pending,
html body .quick-chat-window-v3 .internal-surface.is-floating .composer .ai-note {
  z-index: 120 !important;
}

@media (max-width: 420px) {
  html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head {
    grid-template-columns: 30px 34px minmax(0,1fr) auto !important;
    column-gap: 6px !important;
  }

  html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-head .avatar.large {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex-basis: 34px !important;
  }

  html body .quick-chat-window-v3 .internal-surface.is-floating .thread-row > .avatar {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex-basis: 36px !important;
  }

  html body .quick-chat-window-v3 .internal-surface.is-floating .composer .box > button:nth-of-type(2),
  html body .quick-chat-window-v3 .internal-surface.is-floating .composer .box > button:nth-of-type(4) {
    display: none !important;
  }
}
/* Unified member rail: page and quick chat share one people/activity/media/files/links experience. */

/* Never expose the legacy group manager anymore. This rule does not wait for
   runtime classes, preventing the old icon from flashing on route navigation. */
html body .internal-surface .conversation-actions > button[title="Gerenciar grupo"],
html body .internal-surface .conversation-actions > button[aria-label="Gerenciar grupo"] {
  display: none !important;
}

/* The old details drawer is also retired from the floating surface. */
html body .quick-chat-window-v3 .internal-surface.is-floating > .details,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions > button[title="Equipe, mídias, arquivos e links"] {
  display: none !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating.floating-team-workspace-v1 {
  position: relative !important;
  overflow: hidden !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail {
  width: min(310px, calc(100% - 54px)) !important;
  min-width: 0 !important;
  height: calc(100% - 62px) !important;
  position: absolute !important;
  z-index: 180 !important;
  top: 62px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  border: 0 !important;
  border-left: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 99%, transparent) !important;
  box-shadow: -18px 0 44px color-mix(in srgb, var(--foxie-ink) 10%, transparent) !important;
  backdrop-filter: blur(16px) !important;
  animation: foxieFloatingRailIn .18s cubic-bezier(.2,.8,.2,1) !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__head {
  min-height: 58px !important;
  padding: 8px 9px 8px 12px !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__tabs {
  padding: 5px !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__tabs button {
  height: 40px !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__body {
  padding: 7px 6px 12px !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__person {
  min-height: 50px !important;
  padding: 5px 6px !important;
}

html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__avatar {
  width: 34px !important;
  height: 34px !important;
}

/* One participants control in quick chat: the new rail toggle. */
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions > .floating-team-member-rail-toggle {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions > .floating-team-member-rail-toggle:hover,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions > .floating-team-member-rail-toggle.active {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border)) !important;
  background: color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft)) !important;
}

html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-actions > .floating-team-member-rail-toggle i {
  font-size: 17px !important;
}

/* Page mode: hide old details/group buttons immediately, even before
   internalChatWorkspaceRuntime adds team-workspace-v1. */
html body .internal-surface.is-page .conversation-actions > button[title="Gerenciar grupo"],
html body .internal-surface.is-page .conversation-actions > button[title="Equipe, mídias, arquivos e links"] {
  display: none !important;
}

@keyframes foxieFloatingRailIn {
  from { opacity: 0; transform: translateX(14px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 560px) {
  html body .quick-chat-window-v3 .floating-team-member-rail {
    width: min(88vw, 320px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .quick-chat-window-v3 .floating-team-member-rail {
    animation: none !important;
  }
}
/* Final Foxie Team interaction guardrails. Loaded after legacy chat layers. */

/* The page workspace contract must survive reactive root-class rewrites (for example drag-active). */
html body .foxie-team-view[data-team-view="chat"] > .internal-surface.is-page {
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

html body .internal-surface.is-page.team-workspace-v1.drag-active {
  grid-template-columns:var(--team-left-rail,304px) minmax(0,1fr) var(--team-right-rail,296px)!important;
}
html body .internal-surface.is-page.team-workspace-v1.drag-active.team-rail-collapsed {
  grid-template-columns:var(--team-left-rail,304px) minmax(0,1fr)!important;
}

/* DnD is a visual overlay only; it may never participate in layout. */
html body .internal-surface.is-page .drop-overlay {
  position:absolute!important;
  z-index:214!important;
  inset:10px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}
html body .internal-surface.is-page.drag-active > .thread-pane,
html body .internal-surface.is-page.drag-active > .conversation-pane,
html body .internal-surface.is-page.drag-active > .team-member-rail {
  min-height:0!important;
  height:100%!important;
}

/* Conversation/group avatars are hard locked so no transient state can make them square. */
html body .internal-surface.is-page .conversation-head > .avatar.large,
html body .internal-surface.is-page .thread-row > .avatar,
html body .internal-surface.is-page .message-avatar {
  aspect-ratio:1/1!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
}
html body .internal-surface.is-page .conversation-head > .avatar.large > img,
html body .internal-surface.is-page .thread-row > .avatar > img,
html body .internal-surface.is-page .message-avatar > img {
  width:100%!important;
  height:100%!important;
  border-radius:999px!important;
  object-fit:cover!important;
}

/* Pending attachments remain inside the composer instead of stretching the page. */
html body .internal-surface .composer > .pending {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  max-height:92px!important;
  margin:0 0 6px!important;
  padding:0!important;
  display:flex!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
}
html body .internal-surface .composer > .pending > article {
  min-width:150px!important;
  max-width:min(240px,72vw)!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}

/* GIF shelf is a contained popover, not a full-width/flex participant. */
html body .internal-surface .composer > .gifs {
  width:min(620px,calc(100% - 20px))!important;
  min-width:0!important;
  max-width:620px!important;
  max-height:min(330px,52vh)!important;
  left:10px!important;
  right:auto!important;
  bottom:58px!important;
  padding:8px!important;
  position:absolute!important;
  z-index:240!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body .internal-surface .composer > .gifs > header {
  min-height:32px!important;
  padding:2px 4px 7px!important;
  align-items:center!important;
}
html body .internal-surface .composer > .gifs > div {
  max-height:270px!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  overscroll-behavior:contain!important;
}
html body .internal-surface .composer > .gifs > div > button {
  min-width:0!important;
  aspect-ratio:16/11!important;
  overflow:hidden!important;
}
html body .internal-surface .composer > .gifs img {
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* Native/mobile transition between list and conversation, matching Atendimento semantics. */
@media(max-width:700px){
  html body .foxie-team-page{
    height:calc(100dvh - 58px)!important;
    overflow:hidden!important;
  }
  html body .foxie-team-stage,
  html body .foxie-team-view[data-team-view="chat"]{
    overflow:hidden!important;
  }
  html body .internal-surface.is-page.team-workspace-v1,
  html body .internal-surface.is-page.team-workspace-v1.team-rail-collapsed{
    width:100%!important;
    height:100%!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 > .thread-pane,
  html body .internal-surface.is-page.team-workspace-v1 > .conversation-pane{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    flex-direction:column!important;
    transition:transform .22s cubic-bezier(.2,.82,.25,1),opacity .18s ease!important;
    will-change:transform!important;
  }
  html body .internal-surface.is-page.team-workspace-v1:not(.has-channel) > .thread-pane{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body .internal-surface.is-page.team-workspace-v1:not(.has-channel) > .conversation-pane{
    transform:translate3d(100%,0,0)!important;
    opacity:1!important;
    pointer-events:none!important;
  }
  html body .internal-surface.is-page.team-workspace-v1.has-channel > .thread-pane{
    transform:translate3d(-18%,0,0)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body .internal-surface.is-page.team-workspace-v1.has-channel > .conversation-pane{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body .internal-surface.is-page.team-workspace-v1.internal-mobile-back-swiping > .thread-pane,
  html body .internal-surface.is-page.team-workspace-v1.internal-mobile-back-commit > .thread-pane{
    transform:translate3d(var(--internal-mobile-list-x,-18%),0,0)!important;
    opacity:var(--internal-mobile-list-opacity,0)!important;
    pointer-events:none!important;
    transition:none!important;
  }
  html body .internal-surface.is-page.team-workspace-v1.internal-mobile-back-swiping > .conversation-pane,
  html body .internal-surface.is-page.team-workspace-v1.internal-mobile-back-commit > .conversation-pane{
    transform:translate3d(var(--internal-mobile-back-x,0),0,0)!important;
    transition:none!important;
    box-shadow:-18px 0 38px rgba(5,31,23,.12)!important;
  }
  html body .internal-surface.is-page.team-workspace-v1.internal-mobile-back-commit > .thread-pane,
  html body .internal-surface.is-page.team-workspace-v1.internal-mobile-back-commit > .conversation-pane{
    transition:transform .18s ease-out,opacity .18s ease-out!important;
  }

  html body .internal-surface.is-page.team-workspace-v1 .conversation-head{
    min-height:60px!important;
    height:60px!important;
    padding:7px 9px 7px 7px!important;
    grid-template-columns:auto auto minmax(0,1fr) auto!important;
    gap:7px!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .internal-mobile-back-button{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-muted)!important;
    background:var(--foxie-surface-soft)!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .conversation-head > .avatar.large{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .conversation-title strong{font-size:12.5px!important}
  html body .internal-surface.is-page.team-workspace-v1 .conversation-title span{font-size:12px!important}
  html body .internal-surface.is-page.team-workspace-v1 .conversation-actions{
    max-width:124px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .conversation-actions::-webkit-scrollbar{display:none!important}
  html body .internal-surface.is-page.team-workspace-v1 .message-area{
    padding:12px 9px 18px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .message-row{
    position:relative!important;
    touch-action:pan-y!important;
    transform:translate3d(var(--internal-message-swipe-x,0),0,0)!important;
    transition:transform .22s cubic-bezier(.2,.82,.25,1)!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .message-row.internal-message-swiping{
    transition:none!important;
    will-change:transform!important;
  }
  html body .internal-surface.is-page.team-workspace-v1 .message-row::before{
    content:'↩';
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    z-index:-1;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:var(--foxie-accent);
    background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised));
    opacity:0;
    transform:translateY(-50%) scale(.82);
    transition:opacity .14s ease,transform .14s ease;
  }
  html body .internal-surface.is-page.team-workspace-v1 .message-row:not(.mine)::before{left:-31px}
  html body .internal-surface.is-page.team-workspace-v1 .message-row.mine::before{right:-31px;transform:translateY(-50%) scale(.82) rotate(180deg)}
  html body .internal-surface.is-page.team-workspace-v1 .message-row.internal-message-swiping::before{opacity:.62}
  html body .internal-surface.is-page.team-workspace-v1 .message-row.internal-message-reply-ready::before{opacity:1;transform:translateY(-50%) scale(1)}
  html body .internal-surface.is-page.team-workspace-v1 .message-row.mine.internal-message-reply-ready::before{transform:translateY(-50%) scale(1) rotate(180deg)}

  html body .internal-surface .composer > .gifs{
    width:calc(100% - 14px)!important;
    max-width:none!important;
    left:7px!important;
    right:7px!important;
    bottom:58px!important;
    max-height:min(360px,52dvh)!important;
    border-radius:15px!important;
  }
  html body .internal-surface .composer > .gifs > div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:300px!important;
  }
  html body .internal-surface .composer > .pending{max-height:78px!important}
  html body .internal-surface .composer textarea{font-size:16px!important}
}

/* Long-press action sheet mirrors the Atendimento bottom-sheet interaction. */
.internal-mobile-message-actions{
  position:fixed;
  z-index:2147483000;
  inset:0;
  padding:14px 10px max(14px,env(safe-area-inset-bottom));
  display:grid;
  align-items:end;
  justify-items:center;
  opacity:0;
  background:rgba(3,18,13,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:opacity .18s ease;
}
.internal-mobile-message-actions.visible{opacity:1}
.internal-mobile-message-actions__sheet{
  width:min(430px,100%);
  overflow:hidden;
  border:1px solid var(--foxie-border);
  border-radius:20px;
  color:var(--foxie-ink);
  background:var(--foxie-surface-raised);
  box-shadow:0 24px 70px rgba(0,0,0,.3);
  transform:translateY(18px);
  transition:transform .18s ease;
}
.internal-mobile-message-actions.visible .internal-mobile-message-actions__sheet{transform:translateY(0)}
.internal-mobile-message-actions__sheet>header{
  min-height:46px;
  padding:8px 10px 8px 14px;
  border-bottom:1px solid var(--foxie-border);
  display:flex;
  align-items:center;
  gap:8px;
}
.internal-mobile-message-actions__sheet>header strong{min-width:0;flex:1;font-size:12px}
.internal-mobile-message-actions__sheet>header button{width:30px;height:30px;border:0;border-radius:9px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}
.internal-mobile-message-actions__sheet>button{
  width:100%;
  min-height:52px;
  padding:8px 13px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 74%,transparent);
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
  text-align:left;
  color:var(--foxie-ink);
  background:transparent;
}
.internal-mobile-message-actions__sheet>button:last-child{border-bottom:0}
.internal-mobile-message-actions__sheet>button:active{background:var(--foxie-surface-soft)}
.internal-mobile-message-actions__sheet>button>i{color:var(--foxie-accent);font-size:19px}
.internal-mobile-message-actions__sheet>button>span{display:grid}
.internal-mobile-message-actions__sheet>button strong{font-size:12px}
.internal-mobile-message-actions__sheet>button small{margin-top:1px;color:var(--foxie-muted);font-size:12px}
.internal-mobile-message-actions__sheet>button.danger,
.internal-mobile-message-actions__sheet>button.danger>i{color:#d45050}

@media(prefers-reduced-motion:reduce){
  html body .internal-surface.is-page.team-workspace-v1 > .thread-pane,
  html body .internal-surface.is-page.team-workspace-v1 > .conversation-pane,
  html body .internal-surface.is-page.team-workspace-v1 .message-row,
  .internal-mobile-message-actions,
  .internal-mobile-message-actions__sheet{transition:none!important}
}
/* foxie-integrations-theme-breadcrumb-v2: sidebar/channel chrome follows the selected theme accent. */
/* WhatsApp connection identity + compact action menu. */
.connection-team-name-action {
  max-width: 180px;
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid var(--foxie-border);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: var(--foxie-muted);
  background: var(--foxie-surface-raised);
  cursor: pointer;
}
.connection-team-name-action:hover {
  color: var(--foxie-accent);
  border-color: color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));
  background: color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised));
}
.connection-team-name-action > i { flex:0 0 auto; font-size:15px; }
.connection-team-name-action > span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:720;
}

.connection-action-menu-popover {
  min-width:196px !important;
  max-width:224px !important;
  border:1px solid var(--foxie-border) !important;
  border-radius:11px !important;
  overflow:hidden !important;
  background:var(--foxie-surface-raised) !important;
  box-shadow:0 16px 42px rgba(9,28,22,.16) !important;
}
.connection-action-menu-popover .v-list {
  padding:5px !important;
  color:var(--foxie-ink) !important;
  background:var(--foxie-surface-raised) !important;
}
.connection-action-menu-popover .v-list-item {
  min-height:33px !important;
  padding:0 8px !important;
  border-radius:7px !important;
  color:var(--foxie-ink) !important;
}
.connection-action-menu-popover .v-list-item:hover { background:var(--foxie-surface-soft) !important; }
.connection-action-menu-popover .v-list-item__prepend {
  min-width:18px !important;
  margin-inline-end:7px !important;
}
.connection-action-menu-popover .v-list-item__prepend .v-icon { font-size:15px !important; color:var(--foxie-muted) !important; }
.connection-action-menu-popover .v-list-item-title { font-size:12px !important; font-weight:680 !important; }
.connection-action-menu-popover .v-divider { margin:5px 4px !important; border-color:var(--foxie-border) !important; }

.connection-team-popover {
  position:fixed;
  z-index:2600;
  border:1px solid var(--foxie-border);
  border-radius:14px;
  overflow:hidden;
  color:var(--foxie-ink);
  background:color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent);
  box-shadow:0 22px 58px rgba(7,27,21,.2);
  backdrop-filter:blur(18px);
}
.connection-team-popover > header {
  min-height:58px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 30px;
  align-items:center;
  gap:8px;
  border-bottom:1px solid var(--foxie-border);
}
.connection-team-popover > header > span {
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  color:var(--foxie-accent);background:var(--foxie-accent-soft);
}
.connection-team-popover > header > span i { font-size:17px; }
.connection-team-popover > header > div { min-width:0;display:grid;gap:2px; }
.connection-team-popover > header small { color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em; }
.connection-team-popover > header strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }
.connection-team-popover > header > button {
  width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;
}
.connection-team-popover > header > button:hover { color:var(--foxie-ink);background:var(--foxie-surface-soft); }
.connection-team-popover__body { padding:12px;display:grid;gap:10px; }
.connection-team-popover__body label { display:grid;gap:6px; }
.connection-team-popover__body label > span { font-size:12px;font-weight:800; }
.connection-team-popover__body input,
.connection-team-settings-field input {
  width:100%;height:38px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:9px;outline:none;
  color:var(--foxie-ink);background:var(--foxie-surface-raised);font:inherit;font-size:12px;
}
.connection-team-popover__body input:focus,
.connection-team-settings-field input:focus {
  border-color:color-mix(in srgb,var(--foxie-accent) 46%,var(--foxie-border));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 9%,transparent);
}
.connection-team-popover__body > p { margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.45; }
.connection-team-popover__workspace {
  min-height:44px;padding:6px 8px;border:1px solid var(--foxie-border);border-radius:9px;display:grid;
  grid-template-columns:20px minmax(0,1fr);gap:2px 7px;align-items:center;text-align:left;color:var(--foxie-ink);background:var(--foxie-surface-soft);
}
.connection-team-popover__workspace > i { grid-row:1 / span 2;color:var(--foxie-accent);font-size:16px; }
.connection-team-popover__workspace span { font-size:12px;font-weight:780; }
.connection-team-popover__workspace small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px; }
.connection-team-popover > footer { padding:8px 10px;display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--foxie-border); }
.connection-team-popover > footer button { min-height:32px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px;font-weight:750; }
.connection-team-popover > footer button.primary { border-color:transparent;color:#fff;background:var(--foxie-accent); }

.connection-team-settings-field { grid-column:1 / -1 !important; }
.connection-team-settings-field > small { color:var(--foxie-muted);font-size:12px;line-height:1.4; }
.connection-team-settings-field > div {
  height:52px;padding:6px 9px;border:1px solid var(--foxie-border);border-radius:11px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;background:var(--foxie-surface-soft);
}
.connection-team-settings-field > div > i { color:var(--foxie-accent);font-size:17px; }
.connection-team-settings-field input { height:38px; }

html[data-foxie-theme='dark'] .connection-action-menu-popover,
html[data-foxie-theme='dark'] .connection-team-popover { box-shadow:0 22px 60px rgba(0,0,0,.34) !important; }

/* foxie-whatsapp-sidebar-inbox-theme-v4: Atendimento and Conexoes intentionally use the exact base nav-item-v2 chrome. */

@media(max-width:760px){
  .connection-team-name-action { max-width:42px;width:42px;padding:0;justify-content:center; }
  .connection-team-name-action > span { display:none; }
  .connection-team-popover { max-width:calc(100vw - 20px); }
}


/* foxie-whatsapp-sidebar-inbox-theme-v4: Atendimento follows the selected Foxie theme instead of a fixed WhatsApp-green canvas. */
.inbox-v3 .empty-conversation{
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--foxie-accent) 5%,transparent),transparent 34%)!important;
}
.inbox-v3 .empty-card{
  border-color:color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent)!important;
  box-shadow:0 20px 55px color-mix(in srgb,var(--foxie-accent) 7%,transparent)!important;
}
.inbox-v3 .empty-icon{
  border-color:color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border))!important;
  color:var(--foxie-accent)!important;
  background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;
}
.inbox-v3 .empty-kicker{color:var(--foxie-accent)!important}
.inbox-v3 .empty-features .v-icon{color:var(--foxie-accent)!important}

/* The old V3 dark skin hard-coded green-tinted surfaces. Restore theme-owned surfaces. */
html[data-foxie-theme='dark'] .inbox-v3{background:var(--foxie-surface-soft)!important}
html[data-foxie-theme='dark'] .inbox-v3 .chat-list-pane,
html[data-foxie-theme='dark'] .inbox-v3 .conversation-pane,
html[data-foxie-theme='dark'] .inbox-v3 .media-panel{background:var(--foxie-surface)!important}
html[data-foxie-theme='dark'] .inbox-v3 .messages-area{background:var(--foxie-surface-soft)!important}
html[data-foxie-theme='dark'] .inbox-v3 .composer{background:var(--foxie-surface)!important}
html[data-foxie-theme='dark'] .inbox-v3 .bubble{background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html[data-foxie-theme='dark'] .inbox-v3 .message.out .bubble{
  background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;
}

/* Product chrome inside Atendimento uses the chosen accent. Online/error states keep semantic colors elsewhere. */
.inbox-v3 .list-head>div:first-child>span,
.inbox-v3 .connection-switcher__icon,
.inbox-v3 .segmented button.active,
.inbox-v3 .type-filter button.active,
.inbox-v3 .list-state>span,
.inbox-v3 .mobile-tools-trigger{color:var(--foxie-accent)!important}
.inbox-v3 .connection-switcher{
  border-color:color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised))!important;
}
.inbox-v3 .connection-switcher__rail>button:hover{border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))!important}
.inbox-v3 .connection-switcher__rail>button.active{
  border-color:color-mix(in srgb,var(--foxie-accent) 44%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--foxie-accent) 7%,transparent)!important;
}
.inbox-v3 .connection-switcher__rail>button.active .connection-switcher__stats em{color:var(--foxie-accent)!important}
.inbox-v3 .connection-switcher__icon{background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))!important}
.inbox-v3 .segmented button.active{box-shadow:0 4px 12px color-mix(in srgb,var(--foxie-accent) 6%,transparent)!important}
.inbox-v3 .type-filter button.active{background:color-mix(in srgb,var(--foxie-accent) 6%,transparent)!important}
.inbox-v3 .chat-row:hover,.inbox-v3 .chat-row.active{background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised))!important}
.inbox-v3 .chat-row.active{border-color:color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border))!important}
/* SuperBot flow builder focus layer.
   This file changes only the editor chrome. Canvas, nodes, edges and workflow internals remain untouched. */

.superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-route-switch {
  display: none !important;
}

.superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle {
  position: fixed;
  z-index: 100003;
  top: 10px;
  right: 12px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--flow-border, rgba(90,110,100,.24));
  border-radius: 9px;
  display: flex !important;
  align-items: center;
  gap: 6px;
  color: var(--flow-text-muted, #64756c);
  background: color-mix(in srgb, var(--flow-surface, #fff) 94%, transparent);
  box-shadow: 0 8px 24px rgba(13,53,38,.08);
  backdrop-filter: blur(14px);
  font-size: 12px;
  font-weight: 800;
}

.superbot-workspace-route.builder-focus-mode:has(.whatsapp-builder-shell) .whatsapp-builder-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* One compact command bar. */
.whatsapp-builder-shell .builder-topbar {
  position: relative !important;
  z-index: 80 !important;
  min-height: 62px !important;
  height: 62px !important;
  padding: 7px 54px 7px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid var(--flow-border) !important;
  background: color-mix(in srgb, var(--flow-topbar) 94%, transparent) !important;
  box-shadow: 0 6px 20px rgba(13,53,38,.045) !important;
  backdrop-filter: blur(16px) !important;
}

.whatsapp-builder-shell .topbar-left {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.whatsapp-builder-shell .builder-mark {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

.whatsapp-builder-shell .builder-title {
  min-width: 0 !important;
}

.whatsapp-builder-shell .builder-eyebrow {
  display: none !important;
}

.whatsapp-builder-shell .title-line {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.whatsapp-builder-shell .title-line input {
  width: min(420px, 38vw) !important;
  min-width: 120px !important;
  height: 30px !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--flow-text) !important;
  background: transparent !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
}

.whatsapp-builder-shell .draft-status {
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
}

.whatsapp-builder-shell .title-meta {
  height: 18px !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  overflow: hidden !important;
  color: var(--flow-text-soft) !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .title-meta > span:not(.node-budget):last-child,
.whatsapp-builder-shell .title-meta > span:not(.node-budget):not(:last-child),
.whatsapp-builder-shell .title-meta > i,
.whatsapp-builder-shell .runtime-meta {
  display: none !important;
}

.whatsapp-builder-shell .title-meta .node-budget {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.whatsapp-builder-shell .topbar-center {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 3px !important;
  border: 1px solid var(--flow-border) !important;
  border-radius: 10px !important;
  background: var(--flow-surface-2) !important;
}

.whatsapp-builder-shell .topbar-center > button,
.whatsapp-builder-shell .topbar-actions > button,
.whatsapp-builder-shell .icon-button,
.whatsapp-builder-shell .compact-action,
.whatsapp-builder-shell .save-action,
.whatsapp-builder-shell .publish-action {
  min-width: 34px !important;
  width: auto !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .topbar-center > i {
  width: 1px !important;
  height: 20px !important;
  margin: 0 2px !important;
}

.whatsapp-builder-shell .topbar-actions {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.whatsapp-builder-shell .topbar-actions .compact-action span {
  display: none !important;
}

.whatsapp-builder-shell .topbar-actions .validation-action b {
  min-width: 17px !important;
  height: 17px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .save-action {
  color: var(--flow-text-muted) !important;
  border: 1px solid var(--flow-border) !important;
  background: var(--flow-surface) !important;
}

.whatsapp-builder-shell .publish-action {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--flow-brand-600), var(--flow-brand-700)) !important;
}

/* Side tabs: the existing toolbar controls become permanent edge tabs. */
.whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
.whatsapp-builder-shell .topbar-center > button[title="Configurações"],
.whatsapp-builder-shell .topbar-center > button[title="Painel contextual"] {
  position: fixed !important;
  z-index: 100006 !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 1px solid var(--flow-border) !important;
  background: color-mix(in srgb, var(--flow-surface) 96%, transparent) !important;
  box-shadow: 0 10px 26px rgba(13,53,38,.10) !important;
  backdrop-filter: blur(12px) !important;
}

.whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"] {
  left: 0 !important;
  top: 42% !important;
  border-left: 0 !important;
  border-radius: 0 10px 10px 0 !important;
}

.whatsapp-builder-shell .topbar-center > button[title="Configurações"] {
  right: 0 !important;
  top: 42% !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
}

.whatsapp-builder-shell .topbar-center > button[title="Painel contextual"] {
  right: 0 !important;
  top: calc(42% + 50px) !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
}

/* Canvas owns the screen. */
.whatsapp-builder-shell .builder-body,
.whatsapp-builder-shell .canvas-column,
.whatsapp-builder-shell .canvas-stage {
  min-width: 0 !important;
  min-height: 0 !important;
}

.whatsapp-builder-shell .builder-body {
  position: relative !important;
  flex: 1 1 auto !important;
  display: block !important;
  overflow: hidden !important;
}

.whatsapp-builder-shell .canvas-column {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.whatsapp-builder-shell .canvas-stage {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.whatsapp-builder-shell .whatsapp-flow-canvas {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.whatsapp-builder-shell .scope-bar {
  top: 10px !important;
  left: 48px !important;
  right: 48px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 5px 10px !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 24px rgba(13,53,38,.07) !important;
  backdrop-filter: blur(12px) !important;
}

.whatsapp-builder-shell .scope-help {
  opacity: .68 !important;
  font-size: 12px !important;
}

/* Palette is a left drawer over the canvas, never a layout column. */
.whatsapp-builder-shell .flow-palette {
  position: absolute !important;
  z-index: 72 !important;
  top: 8px !important;
  left: 8px !important;
  bottom: 8px !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: min(360px, calc(100vw - 72px)) !important;
  height: auto !important;
  border: 1px solid var(--flow-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  resize: none !important;
  box-shadow: 0 20px 58px rgba(10,45,33,.16) !important;
  transform: translateX(calc(-100% - 16px)) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1) !important;
}

.whatsapp-builder-shell .flow-palette.open {
  transform: translateX(0) !important;
}

/* Inspector follows the same drawer model on the right. */
.whatsapp-builder-shell .flow-inspector {
  position: absolute !important;
  z-index: 74 !important;
  top: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  width: 330px !important;
  min-width: 0 !important;
  max-width: min(380px, calc(100vw - 72px)) !important;
  height: auto !important;
  border: 1px solid var(--flow-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 58px rgba(10,45,33,.16) !important;
  transform: translateX(calc(100% + 16px)) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1) !important;
}

.whatsapp-builder-shell .flow-inspector.open {
  transform: translateX(0) !important;
}

/* The old bottom sheet becomes a right-side contextual drawer. */
.whatsapp-builder-shell .builder-bottom-panel {
  position: absolute !important;
  z-index: 76 !important;
  top: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  width: min(460px, calc(100vw - 72px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 1px solid var(--flow-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--flow-panel) !important;
  box-shadow: 0 20px 58px rgba(10,45,33,.17) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .panel-resizer {
  display: none !important;
}

.whatsapp-builder-shell .builder-bottom-panel > header {
  height: auto !important;
  min-height: 48px !important;
  padding: 6px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 6px !important;
  border-bottom: 1px solid var(--flow-border) !important;
}

.whatsapp-builder-shell .bottom-tabs {
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
}

.whatsapp-builder-shell .bottom-tabs button {
  min-height: 30px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .panel-actions > span {
  display: none !important;
}

.whatsapp-builder-shell .bottom-content {
  height: calc(100% - 54px) !important;
  min-height: 0 !important;
  overflow: auto !important;
}

/* Backdrop is unnecessary for desktop tool drawers; keep the graph interactive around them. */
.whatsapp-builder-shell .builder-drawer-backdrop {
  display: none !important;
}

/* Minimap is useful, but should not dominate the editor. */
.whatsapp-builder-shell .flow-minimap,
.whatsapp-builder-shell .whatsapp-flow-minimap {
  transform: scale(.86) !important;
  transform-origin: right bottom !important;
  opacity: .88 !important;
}

@media (max-width: 1180px) {
  .whatsapp-builder-shell .builder-topbar {
    grid-template-columns: minmax(200px,1fr) auto !important;
  }
  .whatsapp-builder-shell .topbar-center {
    display: none !important;
  }
  .whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
  .whatsapp-builder-shell .topbar-center > button[title="Configurações"],
  .whatsapp-builder-shell .topbar-center > button[title="Painel contextual"] {
    display: grid !important;
  }
  .whatsapp-builder-shell .title-line input {
    width: min(360px, 42vw) !important;
  }
}

@media (max-width: 760px) {
  .superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle {
    top: 7px;
    right: 7px;
    width: 34px;
    min-width: 34px;
    padding: 0;
    justify-content: center;
  }
  .superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle span {
    display: none;
  }
  .whatsapp-builder-shell .builder-topbar {
    height: 54px !important;
    min-height: 54px !important;
    padding: 5px 46px 5px 6px !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 5px !important;
  }
  .whatsapp-builder-shell .builder-mark,
  .whatsapp-builder-shell .title-meta,
  .whatsapp-builder-shell .draft-status {
    display: none !important;
  }
  .whatsapp-builder-shell .title-line input {
    width: 100% !important;
    max-width: 180px !important;
    font-size: 12px !important;
  }
  .whatsapp-builder-shell .topbar-actions {
    gap: 2px !important;
  }
  .whatsapp-builder-shell .topbar-actions .compact-action,
  .whatsapp-builder-shell .topbar-actions .runtime-action,
  .whatsapp-builder-shell .topbar-actions .validation-action {
    display: none !important;
  }
  .whatsapp-builder-shell .save-action span,
  .whatsapp-builder-shell .publish-action span {
    display: none !important;
  }
  .whatsapp-builder-shell .save-action,
  .whatsapp-builder-shell .publish-action,
  .whatsapp-builder-shell .topbar-actions .icon-button {
    width: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
  }
  .whatsapp-builder-shell .scope-bar {
    top: 7px !important;
    left: 42px !important;
    right: 42px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  .whatsapp-builder-shell .scope-help {
    display: none !important;
  }
  .whatsapp-builder-shell .flow-palette,
  .whatsapp-builder-shell .flow-inspector,
  .whatsapp-builder-shell .builder-bottom-panel {
    top: 6px !important;
    bottom: 6px !important;
    width: calc(100vw - 54px) !important;
    max-width: calc(100vw - 54px) !important;
    border-radius: 12px !important;
  }
  .whatsapp-builder-shell .flow-palette { left: 6px !important; }
  .whatsapp-builder-shell .flow-inspector,
  .whatsapp-builder-shell .builder-bottom-panel { right: 6px !important; }
  .whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
  .whatsapp-builder-shell .topbar-center > button[title="Configurações"],
  .whatsapp-builder-shell .topbar-center > button[title="Painel contextual"] {
    width: 34px !important;
    min-width: 34px !important;
    height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-builder-shell .flow-palette,
  .whatsapp-builder-shell .flow-inspector {
    transition: none !important;
  }
}
/* Compact-screen correction for the canvas edge tabs. */
@media (max-width: 1180px) {
  .whatsapp-builder-shell .topbar-center {
    display: flex !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .whatsapp-builder-shell .topbar-center > button:not([title="Biblioteca de elementos"]):not([title="Configurações"]):not([title="Painel contextual"]),
  .whatsapp-builder-shell .topbar-center > i {
    display: none !important;
  }

  .whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
  .whatsapp-builder-shell .topbar-center > button[title="Configurações"],
  .whatsapp-builder-shell .topbar-center > button[title="Painel contextual"] {
    display: grid !important;
  }
}
/* SuperBot builder theme bridge.
   The flow studio keeps its own semantic variable names, but their values now
   derive from the global Foxie theme selected in profile preferences. */

.whatsapp-builder-shell,
.whatsapp-builder-shell .flow-palette,
.whatsapp-builder-shell .flow-inspector,
.whatsapp-builder-shell .builder-bottom-panel,
.whatsapp-builder-shell .whatsapp-flow-canvas {
  --flow-brand-50: color-mix(in srgb, var(--foxie-accent) 8%, var(--foxie-surface-raised));
  --flow-brand-100: color-mix(in srgb, var(--foxie-accent) 14%, var(--foxie-surface-raised));
  --flow-brand-200: color-mix(in srgb, var(--foxie-accent) 24%, var(--foxie-surface-raised));
  --flow-brand-300: color-mix(in srgb, var(--foxie-accent) 42%, var(--foxie-surface-raised));
  --flow-brand-400: color-mix(in srgb, var(--foxie-accent) 72%, var(--foxie-surface-raised));
  --flow-brand-500: var(--foxie-accent);
  --flow-brand-600: var(--foxie-accent);
  --flow-brand-700: var(--foxie-accent-strong);
  --flow-brand-800: var(--foxie-accent-strong);

  --flow-slate-25: var(--foxie-surface-soft);
  --flow-slate-50: color-mix(in srgb, var(--foxie-surface-soft) 94%, var(--foxie-surface-raised));
  --flow-slate-100: color-mix(in srgb, var(--foxie-surface-soft) 82%, var(--foxie-border));
  --flow-slate-200: color-mix(in srgb, var(--foxie-border) 72%, var(--foxie-surface-raised));
  --flow-slate-300: color-mix(in srgb, var(--foxie-muted) 34%, var(--foxie-surface-raised));
  --flow-slate-400: color-mix(in srgb, var(--foxie-muted) 70%, var(--foxie-surface-raised));
  --flow-slate-500: var(--foxie-muted);
  --flow-slate-600: color-mix(in srgb, var(--foxie-ink) 72%, var(--foxie-muted));
  --flow-slate-700: color-mix(in srgb, var(--foxie-ink) 84%, var(--foxie-muted));
  --flow-slate-800: color-mix(in srgb, var(--foxie-ink) 92%, var(--foxie-muted));
  --flow-slate-900: var(--foxie-ink);

  --flow-background: var(--foxie-surface-soft);
  --flow-surface: var(--foxie-surface-raised);
  --flow-surface-2: color-mix(in srgb, var(--foxie-surface-raised) 88%, var(--foxie-surface-soft));
  --flow-surface-3: color-mix(in srgb, var(--foxie-surface-raised) 76%, var(--foxie-border));
  --flow-elevated: color-mix(in srgb, var(--foxie-surface-raised) 94%, transparent);
  --flow-overlay: var(--foxie-backdrop);
  --flow-text: var(--foxie-ink);
  --flow-text-muted: var(--foxie-muted);
  --flow-text-soft: color-mix(in srgb, var(--foxie-muted) 78%, transparent);
  --flow-canvas: var(--foxie-surface-soft);
  --flow-canvas-glow: color-mix(in srgb, var(--foxie-accent) 5%, transparent);
  --flow-grid-micro: color-mix(in srgb, var(--foxie-muted) 11%, transparent);
  --flow-grid-mid: color-mix(in srgb, var(--foxie-accent) 15%, transparent);
  --flow-grid-major: color-mix(in srgb, var(--foxie-accent) 27%, transparent);
  --flow-border: var(--foxie-border);
  --flow-border-strong: color-mix(in srgb, var(--foxie-border) 58%, var(--foxie-muted));
  --flow-input: color-mix(in srgb, var(--foxie-surface-raised) 86%, var(--foxie-surface-soft));
  --flow-topbar: color-mix(in srgb, var(--foxie-surface-raised) 96%, transparent);
  --flow-panel: color-mix(in srgb, var(--foxie-surface-raised) 98%, transparent);
  --flow-statusbar: var(--foxie-surface-raised);
  --flow-node-surface: var(--foxie-surface-raised);
  --flow-node-surface-end: color-mix(in srgb, var(--foxie-surface-raised) 88%, var(--foxie-surface-soft));
  --flow-node-border-mix: var(--foxie-border);
  --flow-edge: color-mix(in srgb, var(--foxie-muted) 78%, var(--foxie-accent));
  --flow-minimap-bg: color-mix(in srgb, var(--foxie-surface-raised) 90%, var(--foxie-surface-soft));
  --flow-shadow-xs: 0 1px 2px color-mix(in srgb, var(--foxie-ink) 5%, transparent);
  --flow-shadow-sm: 0 8px 24px color-mix(in srgb, var(--foxie-ink) 8%, transparent);
  --flow-shadow-md: 0 18px 48px color-mix(in srgb, var(--foxie-ink) 12%, transparent);
  --flow-shadow-lg: 0 28px 80px color-mix(in srgb, var(--foxie-ink) 18%, transparent);
}

/* Canvas and chrome must visibly follow the current appearance mode. */
.whatsapp-builder-shell {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .builder-topbar,
.whatsapp-builder-shell .scope-bar,
.whatsapp-builder-shell .flow-palette,
.whatsapp-builder-shell .flow-inspector,
.whatsapp-builder-shell .builder-bottom-panel,
.whatsapp-builder-shell .selection-toolbar,
.whatsapp-builder-shell .canvas-controls,
.whatsapp-builder-shell .flow-minimap,
.whatsapp-builder-shell .whatsapp-flow-minimap {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background-color: var(--foxie-surface-raised) !important;
}

.whatsapp-builder-shell .whatsapp-flow-canvas,
.whatsapp-builder-shell .grid-overlay {
  background-color: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .grid-overlay {
  opacity: 1 !important;
}

.whatsapp-builder-shell .topbar-center > button.active,
.whatsapp-builder-shell .palette-tabs button.active,
.whatsapp-builder-shell .palette-category-grid button.active,
.whatsapp-builder-shell .inspector-tabs button.active,
.whatsapp-builder-shell .bottom-tabs button.active,
.whatsapp-builder-shell .scope-path > button,
.whatsapp-builder-shell .scope-path > b {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, var(--foxie-border)) !important;
  background: var(--foxie-accent-soft) !important;
}

.whatsapp-builder-shell .flow-node,
.whatsapp-builder-shell .whatsapp-flow-node,
.whatsapp-builder-shell [class*="flow-node"] {
  color: var(--foxie-ink);
}

.whatsapp-builder-shell .edge-line:not(.edge-failure),
.whatsapp-builder-shell .edge-preview {
  stroke: var(--flow-edge) !important;
}

.whatsapp-builder-shell .edge-line.selected,
.whatsapp-builder-shell .edge-preview {
  stroke: var(--foxie-accent) !important;
}

.whatsapp-builder-shell .edge-label-bg {
  fill: var(--foxie-surface-raised) !important;
  stroke: var(--foxie-border) !important;
}

.whatsapp-builder-shell .edge-label {
  fill: var(--foxie-ink) !important;
}

/* Keep destructive/error states semantic while every product/chrome accent follows user preference. */
html[data-foxie-theme='dark'] .whatsapp-builder-shell .builder-topbar,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .scope-bar,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .flow-palette,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .flow-inspector,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .builder-bottom-panel,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .selection-toolbar,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .canvas-controls,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .flow-minimap,
html[data-foxie-theme='dark'] .whatsapp-builder-shell .whatsapp-flow-minimap {
  box-shadow: 0 18px 52px rgba(0,0,0,.28) !important;
}
/* Node chrome follows the profile accent; semantic danger/failure states stay semantic. */
.whatsapp-builder-shell .whatsapp-flow-node:not(.invalid):not(.simulation-failed) {
  --node-color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 18%, var(--foxie-border)) !important;
  background: linear-gradient(180deg, var(--foxie-surface-raised), color-mix(in srgb, var(--foxie-surface-raised) 92%, var(--foxie-surface-soft))) !important;
  color: var(--foxie-ink) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node:not(.invalid):not(.simulation-failed) .node-accent {
  background: var(--foxie-accent) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node:not(.invalid):not(.simulation-failed) .node-icon {
  color: var(--foxie-accent) !important;
  background: var(--foxie-accent-soft) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node.selected {
  border-color: var(--foxie-accent) !important;
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--foxie-accent) 18%, transparent),
    0 14px 34px color-mix(in srgb, var(--foxie-ink) 10%, transparent) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node header,
.whatsapp-builder-shell .whatsapp-flow-node footer,
.whatsapp-builder-shell .whatsapp-flow-node .node-content,
.whatsapp-builder-shell .whatsapp-flow-node .keyword-route-list,
.whatsapp-builder-shell .whatsapp-flow-node .node-menu,
.whatsapp-builder-shell .whatsapp-flow-node .node-clock-popover {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node .node-content,
.whatsapp-builder-shell .whatsapp-flow-node .keyword-route-list,
.whatsapp-builder-shell .whatsapp-flow-node .node-menu,
.whatsapp-builder-shell .whatsapp-flow-node .node-clock-popover {
  background-color: var(--foxie-surface-raised) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node header small,
.whatsapp-builder-shell .whatsapp-flow-node .node-content p,
.whatsapp-builder-shell .whatsapp-flow-node .node-status,
.whatsapp-builder-shell .whatsapp-flow-node .keyword-route-row small,
.whatsapp-builder-shell .whatsapp-flow-node .clock-help {
  color: var(--foxie-muted) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node .node-port:not(.kind-failure),
.whatsapp-builder-shell .whatsapp-flow-node .keyword-route-port:not(.kind-failure) {
  --node-color: var(--foxie-accent) !important;
}

.whatsapp-builder-shell .whatsapp-flow-node .node-status i {
  background: var(--foxie-accent) !important;
}

html[data-foxie-theme='dark'] .whatsapp-builder-shell .whatsapp-flow-node:not(.invalid):not(.simulation-failed) {
  box-shadow: 0 12px 34px rgba(0,0,0,.26) !important;
}
/* Final geometry corrections for the canvas-first SuperBot builder. */

.superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle {
  position: fixed !important;
  z-index: 100007 !important;
  top: 14px !important;
  right: 12px !important;
  min-width: 38px !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid var(--flow-border) !important;
  border-radius: 8px !important;
  color: var(--flow-text-muted) !important;
  background: var(--flow-surface) !important;
  box-shadow: none !important;
}

/* Reserve a real slot in the command bar instead of floating above its actions. */
.whatsapp-builder-shell .builder-topbar {
  padding-right: 156px !important;
}

/* Edge tabs start below the command bar and never cover title/actions. */
.whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
.whatsapp-builder-shell .topbar-center > button[title="Element library"],
.whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
.whatsapp-builder-shell .topbar-center > button[title="Configurações"],
.whatsapp-builder-shell .topbar-center > button[title="Settings"],
.whatsapp-builder-shell .topbar-center > button[title="Configuración"],
.whatsapp-builder-shell .topbar-center > button[title="Painel contextual"],
.whatsapp-builder-shell .topbar-center > button[title="Context panel"],
.whatsapp-builder-shell .topbar-center > button[title="Panel contextual"] {
  top: auto !important;
}

.whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
.whatsapp-builder-shell .topbar-center > button[title="Element library"] {
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  top: 84px !important;
}

.whatsapp-builder-shell .topbar-center > button[title="Configurações"],
.whatsapp-builder-shell .topbar-center > button[title="Settings"],
.whatsapp-builder-shell .topbar-center > button[title="Configuración"] {
  left: auto !important;
  right: 0 !important;
  bottom: auto !important;
  top: 84px !important;
}

.whatsapp-builder-shell .topbar-center > button[title="Painel contextual"],
.whatsapp-builder-shell .topbar-center > button[title="Context panel"],
.whatsapp-builder-shell .topbar-center > button[title="Panel contextual"] {
  left: auto !important;
  right: 0 !important;
  bottom: auto !important;
  top: 134px !important;
}

/* Keep the scope strip clear of the edge tabs. */
.whatsapp-builder-shell .scope-bar {
  left: 54px !important;
  right: 54px !important;
}

@media (max-width: 1180px) {
  .whatsapp-builder-shell .builder-topbar {
    padding-right: 128px !important;
  }
  .superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle span {
    display: none !important;
  }
  .superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle {
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
  }
}

@media (max-width: 760px) {
  .whatsapp-builder-shell .builder-topbar {
    padding-right: 52px !important;
  }
  .superbot-workspace-route:has(.whatsapp-builder-shell) .superbot-builder-focus-toggle {
    top: 8px !important;
    right: 8px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }
  .whatsapp-builder-shell .topbar-center > button[title="Biblioteca de elementos"],
  .whatsapp-builder-shell .topbar-center > button[title="Element library"] {
    top: 72px !important;
  }
  .whatsapp-builder-shell .topbar-center > button[title="Configurações"],
  .whatsapp-builder-shell .topbar-center > button[title="Settings"],
  .whatsapp-builder-shell .topbar-center > button[title="Configuración"] {
    top: 72px !important;
  }
  .whatsapp-builder-shell .topbar-center > button[title="Painel contextual"],
  .whatsapp-builder-shell .topbar-center > button[title="Context panel"],
  .whatsapp-builder-shell .topbar-center > button[title="Panel contextual"] {
    top: 118px !important;
  }
}
/* Final SuperBot builder polish.
   Loaded last on purpose: legacy editor chrome must never beat profile theme,
   edge tabs stay pinned to the viewport, and the contextual tool is a real
   right-side drawer instead of a squeezed bottom-sheet layout. */

.whatsapp-builder-shell {
  --builder-palette-width: clamp(270px, 18vw, 320px);
  --builder-inspector-width: clamp(310px, 21vw, 360px);
  --builder-context-width: clamp(560px, 36vw, 680px);
}

/* -------------------------------------------------------------------------- */
/* Profile accent is the ONLY brand color inside the editor chrome.           */
/* Semantic error/warning/success colors intentionally remain semantic.       */
/* -------------------------------------------------------------------------- */

.whatsapp-builder-shell .builder-mark,
.whatsapp-builder-shell .builder-mark.whatsapp-mark {
  color: #fff !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, var(--foxie-border)) !important;
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--foxie-accent) 20%, transparent) !important;
}

.whatsapp-builder-shell .draft-status,
.whatsapp-builder-shell .draft-status.draft,
.whatsapp-builder-shell .draft-status.published {
  color: var(--foxie-accent) !important;
  border: 1px solid color-mix(in srgb, var(--foxie-accent) 22%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-raised)) !important;
}

.whatsapp-builder-shell .draft-status > i {
  background: var(--foxie-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foxie-accent) 12%, transparent) !important;
}

.whatsapp-builder-shell .title-meta .node-budget:not(.full),
.whatsapp-builder-shell .title-meta .node-budget:not(.full) .v-icon,
.whatsapp-builder-shell .runtime-meta,
.whatsapp-builder-shell .runtime-meta .v-icon {
  color: var(--foxie-accent) !important;
}

.whatsapp-builder-shell .publish-action,
.whatsapp-builder-shell button.publish-action:not(:disabled) {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.whatsapp-builder-shell .publish-action:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--foxie-accent-strong), var(--foxie-accent)) !important;
}

.whatsapp-builder-shell .topbar-center > button.active,
.whatsapp-builder-shell .topbar-center > button:hover:not(:disabled),
.whatsapp-builder-shell .compact-action:hover:not(:disabled),
.whatsapp-builder-shell .runtime-action:hover:not(:disabled),
.whatsapp-builder-shell .save-action:hover:not(:disabled) {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 28%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-raised)) !important;
}

.whatsapp-builder-shell .scope-path > button,
.whatsapp-builder-shell .scope-path > b,
.whatsapp-builder-shell .flow-palette .palette-head > div > span,
.whatsapp-builder-shell .flow-palette .palette-tabs button.active,
.whatsapp-builder-shell .flow-inspector .inspector-head > div > span,
.whatsapp-builder-shell .builder-bottom-panel .section-caption > span,
.whatsapp-builder-shell .builder-bottom-panel .variables-panel header span,
.whatsapp-builder-shell .builder-bottom-panel .executions-panel header span,
.whatsapp-builder-shell .builder-bottom-panel .settings-panel header span {
  color: var(--foxie-accent) !important;
}

/* -------------------------------------------------------------------------- */
/* Stable viewport edge tabs.                                                 */
/* They NEVER follow drawers. Opening a drawer only changes the active state. */
/* nth-of-type survives translated title strings (PT/EN/ES).                  */
/* -------------------------------------------------------------------------- */

.whatsapp-builder-shell .builder-topbar {
  z-index: 320 !important;
  overflow: visible !important;
}

.whatsapp-builder-shell .builder-body {
  z-index: 1 !important;
}

.whatsapp-builder-shell .flow-palette {
  z-index: 220 !important;
  width: var(--builder-palette-width) !important;
  min-width: var(--builder-palette-width) !important;
  max-width: var(--builder-palette-width) !important;
}

.whatsapp-builder-shell .flow-inspector {
  z-index: 222 !important;
  width: var(--builder-inspector-width) !important;
  max-width: var(--builder-inspector-width) !important;
}

.whatsapp-builder-shell .builder-bottom-panel {
  z-index: 240 !important;
  top: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  left: auto !important;
  width: var(--builder-context-width) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 74px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 18px !important;
  color: var(--foxie-ink) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 98%, transparent) !important;
  box-shadow: 0 26px 70px color-mix(in srgb, var(--foxie-ink) 15%, transparent) !important;
  backdrop-filter: blur(18px) !important;
}

.whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
.whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
.whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
  position: fixed !important;
  z-index: 380 !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  color: var(--foxie-muted) !important;
  border: 1px solid var(--foxie-border) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 96%, transparent) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--foxie-ink) 10%, transparent) !important;
  backdrop-filter: blur(14px) !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.whatsapp-builder-shell .topbar-center > button:nth-of-type(5).active,
.whatsapp-builder-shell .topbar-center > button:nth-of-type(6).active,
.whatsapp-builder-shell .topbar-center > button:nth-of-type(7).active {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 11%, var(--foxie-surface-raised)) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--foxie-accent) 15%, transparent) !important;
}

.whatsapp-builder-shell .topbar-center > button:nth-of-type(5) {
  top: 84px !important;
  right: auto !important;
  left: 0 !important;
  border-left: 0 !important;
  border-radius: 0 10px 10px 0 !important;
}

.whatsapp-builder-shell .topbar-center > button:nth-of-type(6) {
  top: 84px !important;
  right: 0 !important;
  left: auto !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
}

.whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
  top: 134px !important;
  right: 0 !important;
  left: auto !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
}

/* Drawer surfaces use the selected profile appearance. */
.whatsapp-builder-shell .flow-palette,
.whatsapp-builder-shell .flow-inspector {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 20px 58px color-mix(in srgb, var(--foxie-ink) 14%, transparent) !important;
}

/* -------------------------------------------------------------------------- */
/* Contextual drawer                                                          */
/* -------------------------------------------------------------------------- */

.whatsapp-builder-shell .builder-bottom-panel .panel-resizer {
  display: none !important;
}

.whatsapp-builder-shell .builder-bottom-panel > header {
  flex: 0 0 58px !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 96%, var(--foxie-surface-soft)) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-tabs {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-tabs::-webkit-scrollbar {
  display: none !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-tabs button {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  gap: 6px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-tabs button:hover {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-tabs button.active {
  color: var(--foxie-accent) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 20%, var(--foxie-border)) !important;
  background: var(--foxie-accent-soft) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--foxie-accent) 5%, transparent) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-tabs b {
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-raised)) !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .panel-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

.whatsapp-builder-shell .builder-bottom-panel .panel-actions > span {
  display: none !important;
}

.whatsapp-builder-shell .builder-bottom-panel .panel-actions button {
  position: relative !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 9px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
}

/* The old control still renders a downward chevron because this used to be a
   bottom sheet. Visually expose the correct side-drawer close affordance. */
.whatsapp-builder-shell .builder-bottom-panel .panel-actions button .v-icon {
  display: none !important;
}

.whatsapp-builder-shell .builder-bottom-panel .panel-actions button::before {
  content: "×" !important;
  display: block !important;
  font: 400 22px/1 Arial, sans-serif !important;
  transform: translateY(-1px) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .panel-actions button:hover {
  color: var(--foxie-ink) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 20%, var(--foxie-border)) !important;
  background: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-content,
.whatsapp-builder-shell .builder-bottom-panel .bottom-content.flush {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-content {
  padding: 14px !important;
  overflow: auto !important;
  background: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .bottom-content.flush {
  padding: 0 !important;
  overflow: hidden !important;
}

/* Side drawer should slide horizontally, never vertically. */
.whatsapp-builder-shell .bottom-panel-enter-active,
.whatsapp-builder-shell .bottom-panel-leave-active {
  transition: opacity .18s ease, transform .22s cubic-bezier(.2,.8,.2,1) !important;
}

.whatsapp-builder-shell .bottom-panel-enter-from,
.whatsapp-builder-shell .bottom-panel-leave-to {
  max-height: none !important;
  opacity: 0 !important;
  transform: translateX(22px) !important;
}

/* Simulator: two balanced work surfaces. The previous 300px + 1fr layout
   squeezed the console down to ~150px inside the contextual drawer. */
.whatsapp-builder-shell .builder-bottom-panel .simulator-panel {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: minmax(245px, .82fr) minmax(285px, 1.18fr) !important;
  gap: 10px !important;
  overflow: hidden !important;
  background: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow: auto !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 14px !important;
  background: var(--foxie-surface-raised) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .section-caption strong {
  margin-top: 4px !important;
  color: var(--foxie-ink) !important;
  font-size: .92rem !important;
  letter-spacing: -.015em !important;
}

.whatsapp-builder-shell .builder-bottom-panel .section-caption span {
  font-size: 12px !important;
  letter-spacing: .11em !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs label {
  margin-top: 12px !important;
  gap: 6px !important;
  color: var(--foxie-ink) !important;
  font-size: .76rem !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs input,
.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs textarea {
  min-height: 42px !important;
  padding: 10px 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
  font-size: .8rem !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs textarea {
  min-height: 94px !important;
  resize: vertical !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs input:focus,
.whatsapp-builder-shell .builder-bottom-panel .simulator-inputs textarea:focus {
  outline: none !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 48%, var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--foxie-accent) 10%, transparent) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-buttons {
  margin-top: 14px !important;
  gap: 8px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-buttons button {
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-buttons button.primary {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
  box-shadow: 0 9px 24px color-mix(in srgb, var(--foxie-accent) 18%, transparent) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-console {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, #64748b 22%, transparent) !important;
  border-radius: 14px !important;
  background: #0c1424 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-console > header {
  flex: 0 0 56px !important;
  height: 56px !important;
  padding: 0 14px !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.018) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-console > header span {
  font-size: 12px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .simulation-console > header strong {
  font-size: .84rem !important;
}

.whatsapp-builder-shell .builder-bottom-panel .console-logs {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 6px 10px !important;
  overflow: auto !important;
}

.whatsapp-builder-shell .builder-bottom-panel .console-logs article {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 10px 4px !important;
  grid-template-columns: 58px 18px minmax(0,1fr) !important;
  gap: 7px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .console-logs article > div {
  min-width: 0 !important;
}

.whatsapp-builder-shell .builder-bottom-panel .console-logs article strong,
.whatsapp-builder-shell .builder-bottom-panel .console-logs article span {
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.whatsapp-builder-shell .builder-bottom-panel .console-logs article strong {
  font-size: .76rem !important;
}

.whatsapp-builder-shell .builder-bottom-panel .console-logs article span {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* Variables / history / settings use the same quiet drawer language. */
.whatsapp-builder-shell .builder-bottom-panel .variables-panel,
.whatsapp-builder-shell .builder-bottom-panel .executions-panel,
.whatsapp-builder-shell .builder-bottom-panel .settings-panel {
  height: 100% !important;
  padding: 16px !important;
  overflow: auto !important;
  background: var(--foxie-surface-soft) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .variables-panel > header,
.whatsapp-builder-shell .builder-bottom-panel .executions-panel > header,
.whatsapp-builder-shell .builder-bottom-panel .settings-panel > header {
  margin-bottom: 14px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .variables-panel header strong,
.whatsapp-builder-shell .builder-bottom-panel .executions-panel header strong,
.whatsapp-builder-shell .builder-bottom-panel .settings-panel header strong {
  color: var(--foxie-ink) !important;
  font-size: .92rem !important;
}

.whatsapp-builder-shell .builder-bottom-panel .variables-panel header p,
.whatsapp-builder-shell .builder-bottom-panel .executions-panel header p,
.whatsapp-builder-shell .builder-bottom-panel .settings-panel header p {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .variable-table,
.whatsapp-builder-shell .builder-bottom-panel .execution-table {
  border: 1px solid var(--foxie-border) !important;
  border-radius: 13px !important;
  background: var(--foxie-surface-raised) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .variable-row {
  grid-template-columns: 1fr 1.05fr .75fr 1fr 34px !important;
  gap: 7px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .execution-row {
  grid-template-columns: 108px 120px minmax(82px,1fr) 76px minmax(105px,1.15fr) !important;
  gap: 7px !important;
  font-size: 12px !important;
}

.whatsapp-builder-shell .builder-bottom-panel .variable-row input,
.whatsapp-builder-shell .builder-bottom-panel .variable-row select,
.whatsapp-builder-shell .builder-bottom-panel .settings-grid input,
.whatsapp-builder-shell .builder-bottom-panel .settings-grid textarea {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .settings-grid label:not(.debounce-setting-note) {
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}

.whatsapp-builder-shell .builder-bottom-panel .settings-grid label > input[type="checkbox"] {
  accent-color: var(--foxie-accent) !important;
}

html[data-foxie-theme='dark'] .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
html[data-foxie-theme='dark'] .whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
html[data-foxie-theme='dark'] .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
  box-shadow: 0 12px 30px rgba(0,0,0,.32) !important;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1180px) {
  .whatsapp-builder-shell {
    --builder-palette-width: min(310px, calc(100vw - 70px));
    --builder-inspector-width: min(340px, calc(100vw - 70px));
    --builder-context-width: min(600px, calc(100vw - 70px));
  }

  .whatsapp-builder-shell .topbar-center {
    display: block !important;
    position: static !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .whatsapp-builder-shell .topbar-center > :not(button:nth-of-type(5)):not(button:nth-of-type(6)):not(button:nth-of-type(7)) {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .whatsapp-builder-shell {
    --builder-context-width: min(620px, calc(100vw - 62px));
  }

  .whatsapp-builder-shell .builder-bottom-panel .simulator-panel {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(300px,1fr) !important;
    overflow: auto !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .simulator-inputs {
    overflow: visible !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .simulation-console {
    min-height: 320px !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .execution-row {
    grid-template-columns: 105px 118px minmax(100px,1fr) !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .execution-row > *:nth-child(4),
  .whatsapp-builder-shell .builder-bottom-panel .execution-row > *:nth-child(5) {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .whatsapp-builder-shell {
    --builder-palette-width: min(88vw, 340px);
    --builder-inspector-width: min(88vw, 350px);
    --builder-context-width: calc(100vw - 54px);
  }

  .whatsapp-builder-shell .builder-bottom-panel {
    top: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    width: var(--builder-context-width) !important;
    max-width: var(--builder-context-width) !important;
    border-radius: 13px !important;
  }

  .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
  .whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
  .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
    width: 36px !important;
    min-width: 36px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
  .whatsapp-builder-shell .topbar-center > button:nth-of-type(6) {
    top: 72px !important;
  }

  .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
    top: 118px !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel > header {
    height: 54px !important;
    min-height: 54px !important;
    flex-basis: 54px !important;
    padding: 7px !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .bottom-tabs button {
    padding: 0 9px !important;
    font-size: 12px !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .simulator-panel {
    padding: 8px !important;
    gap: 8px !important;
  }
}

@media (max-width: 520px) {
  .whatsapp-builder-shell .builder-bottom-panel .bottom-tabs button span {
    display: none !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .bottom-tabs button {
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .bottom-tabs b {
    position: absolute !important;
    margin: -24px -28px 0 0 !important;
    transform: scale(.82) !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .variable-head {
    display: none !important;
  }

  .whatsapp-builder-shell .builder-bottom-panel .variable-row {
    grid-template-columns: 1fr 1fr !important;
    padding: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-builder-shell .bottom-panel-enter-active,
  .whatsapp-builder-shell .bottom-panel-leave-active,
  .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
  .whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
  .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
    transition: none !important;
  }
}
/* Attendance final guardrails.
 * Generic Foxie chrome follows the active profile theme/accent. WhatsApp state
 * colors remain semantic; this file only removes the old green-tinted product
 * surface and fixes metadata geometry in the conversation list.
 */

html[data-foxie-theme='dark'] body .inbox-v3 {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .chat-list-pane,
html[data-foxie-theme='dark'] body .inbox-v3 .conversation-pane,
html[data-foxie-theme='dark'] body .inbox-v3 .media-panel {
  background: color-mix(in srgb, var(--foxie-surface-raised) 98%, transparent) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .messages-area {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--foxie-surface) 97%, var(--foxie-surface-soft)),
    color-mix(in srgb, var(--foxie-surface-soft) 97%, var(--foxie-surface))
  ) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .composer,
html[data-foxie-theme='dark'] body .inbox-v3 .composer-readonly {
  background: var(--foxie-surface-raised) !important;
}

/* Decorative depth must follow the selected accent, never force Foxie green. */
html[data-foxie-theme='dark'] body .inbox-v3 .organic-layer span,
html[data-foxie-theme='dark'] body .inbox-v3 .message-wallpaper i {
  border-color: color-mix(in srgb, var(--foxie-accent) 8%, transparent) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .organic-layer i {
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--foxie-accent) 5%, transparent),
    transparent 70%
  ) !important;
}

/* Incoming messages are neutral and readable. */
html[data-foxie-theme='dark'] body .inbox-v3 .message .bubble {
  color: #f5f7fb !important;
  border-color: color-mix(in srgb, var(--foxie-border) 84%, var(--foxie-accent) 16%) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, var(--foxie-surface-soft)) !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .12) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .message .bubble > p,
html[data-foxie-theme='dark'] body .inbox-v3 .mobile-focused-message__bubble > p {
  color: #f5f7fb !important;
}

/* Outgoing messages get a restrained accent tint and a visible accent edge. */
html[data-foxie-theme='dark'] body .inbox-v3 .message.out .bubble {
  color: #f8f9fc !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-raised)) !important;
  box-shadow: 0 5px 20px color-mix(in srgb, var(--foxie-accent) 6%, rgba(0,0,0,.16)) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .message.out:hover .bubble {
  border-color: color-mix(in srgb, var(--foxie-accent) 43%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 13%, var(--foxie-surface-raised)) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .bubble footer {
  color: color-mix(in srgb, #fff 54%, var(--foxie-muted)) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .message-author {
  color: color-mix(in srgb, var(--foxie-accent) 72%, #fff) !important;
  border-bottom-color: color-mix(in srgb, var(--foxie-accent) 16%, var(--foxie-border)) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .message-author > span {
  background: linear-gradient(145deg, var(--foxie-accent), var(--foxie-accent-strong)) !important;
}

/* The mobile held-message preview must mirror the normal conversation palette. */
html[data-foxie-theme='dark'] body .inbox-v3 .mobile-focused-message__bubble {
  color: #f5f7fb !important;
  border-color: color-mix(in srgb, var(--foxie-border) 84%, var(--foxie-accent) 16%) !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, var(--foxie-surface-soft)) !important;
}

html[data-foxie-theme='dark'] body .inbox-v3 .mobile-focused-message.out .mobile-focused-message__bubble {
  border-color: color-mix(in srgb, var(--foxie-accent) 34%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 10%, var(--foxie-surface-raised)) !important;
}

/* Conversation list: status/message indicators stay left; assignee is always
 * the final/rightmost visual anchor. This applies to the ownership list that
 * replaces the legacy inbox list.
 */
html body .inbox-v3 .ownership-meta__badges > .ownership-unread {
  order: 1 !important;
}

html body .inbox-v3 .ownership-meta__badges > .assignee-avatar,
html body .inbox-v3 .ownership-meta__badges > .assignee-empty {
  order: 99 !important;
  margin-left: 1px !important;
}

/* Keep the assignee visually distinct from counters without stealing focus. */
html body .inbox-v3 .ownership-meta__badges > .assignee-avatar {
  border-color: color-mix(in srgb, var(--foxie-accent) 24%, var(--foxie-border)) !important;
  background: color-mix(in srgb, var(--foxie-accent) 9%, var(--foxie-surface-soft)) !important;
}
/* Foxie core module refinement
   DashboardViewV2 is the visual reference for these surfaces.
   This file intentionally loads last and uses route-level specificity to beat
   older theme-audit hero rules that painted whole headers with the accent. */

/* --------------------------------------------------------------------------
   Small geometry fixes kept from the previous pass
   -------------------------------------------------------------------------- */
html body .superbot-guide__chat-avatar,
html body .superbot-guide__chat-message-avatar,
html body .dev-help,
html body .dev-search kbd,
html body .assistant-panel > header > div > span,
html body .assistant-panel > header > button,
html body .assistant-welcome > span {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  display: inline-grid !important;
  place-items: center !important;
  line-height: 1 !important;
}

html body .superbot-guide__chat-avatar {
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 13px !important;
}
html body .superbot-guide__chat-avatar > .v-icon {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
}
html body .superbot-guide__chat-avatar > i {
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;
  width: 7px !important;
  height: 7px !important;
  border: 1.5px solid var(--foxie-surface-raised) !important;
  border-radius: 999px !important;
  background: #20bd82 !important;
}
html body .superbot-guide__chat-message-avatar { overflow: hidden !important; }
html body .superbot-guide__chat-message-avatar > .v-icon { margin: 0 !important; }
html body .superbot-guide__chat-head {
  min-height: 72px !important;
  padding: 12px 18px !important;
  align-items: center !important;
}

html body .dev-search {
  min-height: 42px !important;
  padding: 0 8px 0 13px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background: var(--foxie-surface-soft) !important;
}
html body .dev-search > .v-icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  color: var(--foxie-muted) !important;
}
html body .dev-search input {
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 8px !important;
}
html body .dev-search kbd {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 7px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
  font: 800 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}

html body .assistant-panel {
  color: var(--foxie-ink) !important;
  border-left: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: -22px 0 60px rgba(0,0,0,.14) !important;
}
html body .assistant-panel > header {
  min-height: 58px !important;
  padding: 9px 12px !important;
  border-bottom: 1px solid var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .assistant-panel > header > div > span,
html body .assistant-welcome > span {
  width: 38px !important;
  height: 38px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb,var(--foxie-accent) 20%,var(--foxie-border)) !important;
  border-radius: 11px !important;
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised)) !important;
}
html body .assistant-panel > header > button {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
}
html body .assistant-context {
  margin: 10px 12px 0 !important;
  border: 1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border)) !important;
  border-radius: 10px !important;
  color: var(--foxie-muted) !important;
  background: color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface-soft)) !important;
}
html body .assistant-messages { background: var(--foxie-surface-raised) !important; }
html body .assistant-welcome h3 { color: var(--foxie-ink) !important; }
html body .assistant-welcome p { color: var(--foxie-muted) !important; }
html body .assistant-welcome > button {
  min-height: 36px !important;
  padding: 8px 11px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
}
html body .assistant-input {
  margin: 0 12px 10px !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 13px !important;
  background: var(--foxie-surface-soft) !important;
}
html body .assistant-input textarea {
  min-height: 38px !important;
  padding: 9px 10px !important;
  color: var(--foxie-ink) !important;
  background: transparent !important;
}
html body .assistant-input button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong)) !important;
}

/* --------------------------------------------------------------------------
   Shared Dashboard-like hero contract
   -------------------------------------------------------------------------- */
html body .crm-page .pipeline-hero,
html body .connections-v4-shell .connections-v2-page .connections-hero-v2,
html body .stock-page .stock-hero,
html body .contacts-page .contacts-hero {
  color: var(--foxie-ink) !important;
  border: 1px solid color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border)) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 5% 0%,color-mix(in srgb,var(--foxie-accent) 10%,transparent),transparent 36rem),
    linear-gradient(135deg,
      color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--foxie-accent) 6%),
      color-mix(in srgb,var(--foxie-surface-soft) 96%,var(--foxie-accent) 4%)) !important;
  box-shadow: 0 14px 36px color-mix(in srgb,var(--foxie-accent) 8%,transparent) !important;
}

html body .crm-page .pipeline-hero .hero-copy h1,
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy h1,
html body .stock-page .stock-hero h1,
html body .contacts-page .contacts-hero .hero-copy h1 {
  color: var(--foxie-ink) !important;
}
html body .crm-page .pipeline-hero .hero-copy p,
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy > p,
html body .stock-page .stock-hero > div:first-child > p,
html body .contacts-page .contacts-hero .hero-copy p {
  color: var(--foxie-muted) !important;
}
html body .crm-page .pipeline-hero .hero-kicker,
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy .eyebrow,
html body .stock-page .stock-hero .hero-kicker,
html body .contacts-page .contacts-hero .hero-kicker {
  color: var(--foxie-accent) !important;
}
html body .crm-page .pipeline-hero .hero-kicker i,
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy .eyebrow i,
html body .contacts-page .contacts-hero .hero-kicker i {
  background: var(--foxie-accent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--foxie-accent) 10%,transparent) !important;
}
html body .stock-page .stock-hero .hero-kicker i { background: var(--foxie-accent) !important; }

/* --------------------------------------------------------------------------
   CRM / KANBAN — compact operational header, not a billboard
   -------------------------------------------------------------------------- */
html body .crm-page { --foxie-green: var(--foxie-accent); }
html body .crm-page .crm-shell { width: min(1500px,calc(100% - 48px)) !important; }
html body .crm-page .pipeline-hero {
  min-height: 214px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: 0 !important;
  align-items: stretch !important;
}
html body .crm-page .pipeline-hero .hero-copy {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  max-width: none !important;
  padding: 30px 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
html body .crm-page .pipeline-hero .hero-copy h1 {
  margin: 14px 0 0 !important;
  font-size: clamp(31px,3vw,44px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}
html body .crm-page .pipeline-hero .hero-copy p {
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
html body .crm-page .pipeline-hero .hero-facts {
  margin-top: 19px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 13px !important;
}
html body .crm-page .pipeline-hero .hero-facts span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}
html body .crm-page .pipeline-hero .hero-facts .v-icon { color: var(--foxie-accent) !important; }

html body .crm-page .pipeline-hero .pipeline-quicklook {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 22px 20px 5px 0 !important;
  padding: 14px 0 12px 20px !important;
  border: 0 !important;
  border-left: 1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  border-radius: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 7px !important;
  align-content: center !important;
  background: transparent !important;
  backdrop-filter: none !important;
}
html body .crm-page .pipeline-hero .pipeline-quicklook > span {
  grid-column: 1 / -1 !important;
  margin-bottom: 2px !important;
  color: var(--foxie-accent) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
}
html body .crm-page .pipeline-hero .pipeline-quicklook div {
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 11px !important;
  background: var(--foxie-surface-raised) !important;
}
html body .crm-page .pipeline-hero .pipeline-quicklook small {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}
html body .crm-page .pipeline-hero .pipeline-quicklook strong {
  margin-top: 4px !important;
  color: var(--foxie-ink) !important;
  font-size: 12px !important;
}
html body .crm-page .pipeline-hero .hero-actions {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 20px 22px 0 !important;
  padding: 10px 0 0 20px !important;
  border-left: 1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  align-self: end !important;
}
html body .crm-page .pipeline-hero .hero-actions .v-btn {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}
html body .crm-page .pipeline-hero .hero-actions .v-btn--variant-outlined {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .crm-page .pipeline-hero .hero-actions .v-btn:nth-child(3) { grid-column: 1 / -1 !important; }
html body .crm-page .pipeline-hero .hero-actions .v-btn:nth-child(4) {
  order: -1 !important;
  grid-column: 1 / -1 !important;
  height: 39px !important;
  color: #fff !important;
  background: linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb,var(--foxie-accent) 22%,transparent) !important;
}
html body .crm-page .pipeline-hero .button-badge {
  color: var(--foxie-accent-strong) !important;
  background: color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-raised)) !important;
}
html body .crm-page .pipeline-hero .hero-art { display: none !important; }

html body .crm-page .pipeline-surface {
  margin-top: 18px !important;
  border-color: var(--foxie-border) !important;
  border-radius: 18px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 10px 28px color-mix(in srgb,var(--foxie-accent) 5%,transparent) !important;
}
html body .crm-page .surface-head { padding: 18px 20px 14px !important; }
html body .crm-page .surface-head h2 { font-size: 15px !important; }
html body .crm-page .surface-head p { font-size: 12px !important; }
html body .crm-page .command-bar {
  padding: 10px 20px !important;
  background: color-mix(in srgb,var(--foxie-surface-soft) 72%,transparent) !important;
}
html body .crm-page .kanban-board { padding: 12px !important; gap: 9px !important; }
html body .crm-page .kanban-column {
  width: 278px !important;
  min-width: 278px !important;
  height: 690px !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 16px color-mix(in srgb,var(--column-color) 6%,transparent) !important;
}

/* --------------------------------------------------------------------------
   CONNECTIONS — same hero architecture as Dashboard
   -------------------------------------------------------------------------- */
html body .connections-v4-shell .connections-v2-page { padding-top: 26px !important; }
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 {
  min-height: 214px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(360px,.65fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy {
  padding: 30px 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy h1 {
  margin: 14px 0 0 !important;
  font-size: clamp(31px,3vw,44px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy > p {
  max-width: 760px !important;
  margin-top: 10px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--foxie-muted) !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-pills {
  margin-top: 18px !important;
  gap: 13px !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-pills span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-pills span.ok { color: #07875f !important; }
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-pills span.warn { color: #b77a1c !important; }
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-side {
  margin: 22px 20px 22px 0 !important;
  padding-left: 20px !important;
  border-left: 1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  gap: 10px !important;
  align-content: center !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .health-card {
  min-height: 104px !important;
  padding: 13px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 14px !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  backdrop-filter: none !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .health-card > span {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised)) !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .health-card small {
  color: var(--foxie-accent) !important;
  font-size: 12px !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .health-card strong {
  color: var(--foxie-ink) !important;
  font-size: 13px !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .health-card p {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .secondary-action {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .primary-action {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb,var(--foxie-accent) 22%,transparent) !important;
}
html body .connections-v4-shell .connections-v2-page .summary-row { margin-top: 18px !important; gap: 12px !important; }
html body .connections-v4-shell .connections-v2-page .summary-row article {
  min-height: 105px !important;
  padding: 14px 15px !important;
  border-radius: 16px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 10px 24px color-mix(in srgb,var(--foxie-accent) 4%,transparent) !important;
}
html body .connections-v4-shell .connections-v2-page .connections-toolbar-v2 {
  border-radius: 14px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   STOCK — same light hierarchy, denser catalog below
   -------------------------------------------------------------------------- */
html body .stock-page { --foxie-green: var(--foxie-accent); padding-top: 28px !important; }
html body .stock-page .stock-hero {
  min-height: 214px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}
html body .stock-page .stock-hero > div:first-child {
  padding: 30px 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
html body .stock-page .stock-hero h1 {
  max-width: 780px !important;
  margin: 14px 0 0 !important;
  color: var(--foxie-ink) !important;
  font-size: clamp(31px,3vw,44px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}
html body .stock-page .stock-hero > div:first-child > p {
  max-width: 730px !important;
  margin-top: 10px !important;
  color: var(--foxie-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
html body .stock-page .stock-hero .hero-meta {
  margin-top: 19px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 13px !important;
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}
html body .stock-page .stock-hero .hero-meta span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .stock-page .stock-hero .hero-meta .v-icon { color: var(--foxie-accent) !important; }
html body .stock-page .stock-hero .hero-actions {
  margin: 22px 20px 22px 0 !important;
  padding-left: 20px !important;
  border-left: 1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
}
html body .stock-page .stock-hero .hero-actions .v-btn {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body .stock-page .stock-hero .hero-actions .v-btn:first-child {
  order: 2 !important;
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .stock-page .stock-hero .hero-actions .v-btn:last-child {
  color: #fff !important;
  background: linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb,var(--foxie-accent) 22%,transparent) !important;
}
html body .stock-page .stock-kpis { margin: 18px 0 13px !important; gap: 12px !important; }
html body .stock-page .stock-kpis article {
  min-height: 105px !important;
  padding: 14px 15px !important;
  border-radius: 16px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 10px 24px color-mix(in srgb,var(--foxie-accent) 4%,transparent) !important;
}
html body .stock-page .stock-toolbar {
  margin-bottom: 12px !important;
  padding: 9px !important;
  border-radius: 14px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: none !important;
}
html body .stock-page .stock-panel {
  border-radius: 18px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 10px 28px color-mix(in srgb,var(--foxie-accent) 5%,transparent) !important;
}
html body .stock-page .stock-panel > header { min-height: 72px !important; padding: 15px 18px !important; }
html body .stock-page .product-grid {
  padding: 13px !important;
  grid-template-columns: repeat(auto-fit,minmax(285px,1fr)) !important;
  gap: 10px !important;
}
html body .stock-page .product-card {
  padding: 15px !important;
  border-radius: 15px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 5px 16px rgba(0,0,0,.035) !important;
}
html body .stock-page .product-card:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  box-shadow: 0 16px 34px color-mix(in srgb,var(--foxie-accent) 7%,transparent) !important;
}
html body .stock-page .product-card__copy { margin-top: 11px !important; }
html body .stock-page .product-card__copy small { color: var(--foxie-accent) !important; }
html body .stock-page .product-numbers {
  margin-top: 13px !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .stock-page .product-foot { margin-top: 9px !important; }
html body .stock-page .product-card footer {
  margin: 12px 0 0 !important;
  padding: 9px 0 0 !important;
  border-top: 1px solid var(--foxie-border) !important;
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   CONTACTS — light CRM directory header
   -------------------------------------------------------------------------- */
html body .contacts-page { --foxie-green: var(--foxie-accent); }
html body .contacts-page .contacts-shell { width: min(1500px,calc(100% - 48px)) !important; }
html body .contacts-page .contacts-hero {
  min-height: 214px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}
html body .contacts-page .contacts-hero .hero-copy {
  max-width: none !important;
  padding: 30px 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
html body .contacts-page .contacts-hero .hero-copy h1 {
  margin: 14px 0 0 !important;
  color: var(--foxie-ink) !important;
  font-size: clamp(31px,3vw,44px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}
html body .contacts-page .contacts-hero .hero-copy p {
  max-width: 760px !important;
  margin-top: 10px !important;
  color: var(--foxie-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
html body .contacts-page .contacts-hero .hero-facts {
  margin-top: 19px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 13px !important;
  color: var(--foxie-muted) !important;
}
html body .contacts-page .contacts-hero .hero-facts span {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}
html body .contacts-page .contacts-hero .hero-facts .v-icon { color: var(--foxie-accent) !important; }
html body .contacts-page .contacts-hero .hero-actions {
  margin: 22px 20px 22px 0 !important;
  padding-left: 20px !important;
  border-left: 1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
}
html body .contacts-page .contacts-hero .hero-actions .v-btn {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  border-radius: 10px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
html body .contacts-page .contacts-hero .hero-actions .v-btn:first-child {
  order: 2 !important;
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .contacts-page .contacts-hero .hero-actions .v-btn:last-child {
  color: #fff !important;
  background: linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb,var(--foxie-accent) 22%,transparent) !important;
}
html body .contacts-page .contacts-hero .hero-art { display: none !important; }
html body .contacts-page .contacts-surface {
  margin-top: 18px !important;
  border-color: var(--foxie-border) !important;
  border-radius: 18px !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 10px 28px color-mix(in srgb,var(--foxie-accent) 5%,transparent) !important;
}
html body .contacts-page .surface-head { padding: 18px 20px 14px !important; }
html body .contacts-page .toolbar {
  padding: 10px 20px !important;
  background: color-mix(in srgb,var(--foxie-surface-soft) 72%,transparent) !important;
}
html body .contacts-page .grid-head,
html body .contacts-page .grid-row { padding-left: 20px !important; padding-right: 20px !important; }

/* Dark mode uses the exact same hierarchy; only theme surfaces change. */
html[data-foxie-theme='dark'] body .crm-page .pipeline-hero,
html[data-foxie-theme='dark'] body .connections-v4-shell .connections-v2-page .connections-hero-v2,
html[data-foxie-theme='dark'] body .stock-page .stock-hero,
html[data-foxie-theme='dark'] body .contacts-page .contacts-hero {
  box-shadow: 0 18px 46px rgba(0,0,0,.22) !important;
}

@media (max-width: 1120px) {
  html body .crm-page .pipeline-hero,
  html body .connections-v4-shell .connections-v2-page .connections-hero-v2,
  html body .stock-page .stock-hero,
  html body .contacts-page .contacts-hero {
    grid-template-columns: minmax(0,1fr) 310px !important;
  }
  html body .crm-page .pipeline-hero .pipeline-quicklook {
    grid-template-columns: 1fr 1fr !important;
  }
  html body .crm-page .pipeline-hero .pipeline-quicklook div:last-child { grid-column: 1 / -1 !important; }
}

@media (max-width: 820px) {
  html body .crm-page .crm-shell,
  html body .contacts-page .contacts-shell,
  html body .stock-page,
  html body .connections-v4-shell .connections-v2-page { width: calc(100% - 24px) !important; }

  html body .crm-page .pipeline-hero,
  html body .connections-v4-shell .connections-v2-page .connections-hero-v2,
  html body .stock-page .stock-hero,
  html body .contacts-page .contacts-hero {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  html body .crm-page .pipeline-hero .hero-copy,
  html body .crm-page .pipeline-hero .pipeline-quicklook,
  html body .crm-page .pipeline-hero .hero-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .crm-page .pipeline-hero .pipeline-quicklook,
  html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-side,
  html body .stock-page .stock-hero .hero-actions,
  html body .contacts-page .contacts-hero .hero-actions {
    margin: 0 22px 22px !important;
    padding: 16px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  }
  html body .crm-page .pipeline-hero .hero-actions { margin-top: -10px !important; }
}

@media (max-width: 560px) {
  html body .crm-page .pipeline-hero .hero-copy,
  html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-copy,
  html body .stock-page .stock-hero > div:first-child,
  html body .contacts-page .contacts-hero .hero-copy { padding: 24px 21px !important; }

  html body .crm-page .pipeline-hero .pipeline-quicklook { grid-template-columns: 1fr !important; }
  html body .crm-page .pipeline-hero .pipeline-quicklook div:last-child { grid-column: auto !important; }
  html body .crm-page .pipeline-hero .hero-actions,
  html body .connections-v4-shell .connections-v2-page .connections-hero-v2 .hero-actions { grid-template-columns: 1fr !important; }
  html body .crm-page .pipeline-hero .hero-actions .v-btn:nth-child(3),
  html body .crm-page .pipeline-hero .hero-actions .v-btn:nth-child(4) { grid-column: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body .stock-page .product-card,
  html body .assistant-welcome > button { transition: none !important; }
}
/* Reports studio refinement v2
   Turns the report catalog into a compact operational workspace instead of a marketing billboard. */

html body .reports-hub-page {
  --foxie-green: var(--foxie-accent);
  width: min(1480px, calc(100% - 48px)) !important;
  padding: 24px 0 70px !important;
  color: var(--foxie-ink) !important;
}

/* Compact command surface. */
html body .reports-hub-page .hub-hero {
  min-height: 205px !important;
  padding: 30px 32px 38px !important;
  border: 1px solid color-mix(in srgb, var(--foxie-accent) 21%, var(--foxie-border)) !important;
  border-radius: 22px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  color: var(--foxie-ink) !important;
  background:
    radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--foxie-accent) 11%, transparent), transparent 34rem),
    radial-gradient(circle at 96% 100%, color-mix(in srgb, var(--foxie-accent-strong) 7%, transparent), transparent 28rem),
    linear-gradient(135deg, color-mix(in srgb, var(--foxie-surface-raised) 95%, var(--foxie-accent) 5%), color-mix(in srgb, var(--foxie-surface-soft) 96%, var(--foxie-accent) 4%)) !important;
  box-shadow: 0 18px 46px color-mix(in srgb, var(--foxie-accent) 7%, transparent) !important;
}
html body .reports-hub-page .hub-hero::after {
  content: "";
  width: 380px;
  height: 380px;
  position: absolute;
  right: -180px;
  bottom: -270px;
  border: 1px solid color-mix(in srgb, var(--foxie-accent) 12%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 0 38px color-mix(in srgb, var(--foxie-accent) 2.8%, transparent),
    0 0 0 76px color-mix(in srgb, var(--foxie-accent) 1.6%, transparent);
  pointer-events: none;
}
html body .reports-hub-page .hub-hero__copy {
  max-width: 850px !important;
  position: relative !important;
  z-index: 2 !important;
}
html body .reports-hub-page .hub-eyebrow {
  color: var(--foxie-accent) !important;
  font-size: 12px !important;
  letter-spacing: .11em !important;
}
html body .reports-hub-page .hub-eyebrow i { background: var(--foxie-accent) !important; }
html body .reports-hub-page .hub-hero h1 {
  max-width: 780px !important;
  margin: 10px 0 8px !important;
  color: var(--foxie-ink) !important;
  font-size: clamp(2rem, 3.1vw, 3rem) !important;
  line-height: 1.01 !important;
  letter-spacing: -.052em !important;
}
html body .reports-hub-page .hub-hero p {
  max-width: 760px !important;
  color: var(--foxie-muted) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}
html body .reports-hub-page .hub-hero__meta {
  margin-top: 18px !important;
  gap: 6px !important;
  color: var(--foxie-muted) !important;
}
html body .reports-hub-page .hub-hero__meta span {
  min-height: 29px !important;
  padding: 0 9px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 72%, transparent) !important;
  font-size: 12px !important;
}
/* Old orbit consumed a third of the page without helping discovery. */
html body .reports-hub-page .hub-hero__visual { display: none !important; }

/* Search/action bar becomes a floating command bar under the hero. */
html body .reports-hub-page .hub-toolbar {
  width: calc(100% - 44px) !important;
  min-height: 62px !important;
  margin: -22px auto 30px !important;
  padding: 9px 10px 9px 12px !important;
  position: relative !important;
  z-index: 4 !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  background: color-mix(in srgb, var(--foxie-surface-raised) 94%, transparent) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, #000 7%, transparent) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}
html body .reports-hub-page .hub-search {
  height: 40px !important;
  max-width: 590px !important;
  border-radius: 10px !important;
  background: var(--foxie-surface-soft) !important;
}
html body .reports-hub-page .hub-search input { font-size: 12px !important; }
html body .reports-hub-page .toolbar-right { gap: 8px !important; }
html body .reports-hub-page .toolbar-right > span { font-size: 12px !important; }
html body .reports-hub-page .toolbar-right .v-btn {
  height: 36px !important;
  border-radius: 9px !important;
  color: var(--foxie-muted) !important;
  border-color: var(--foxie-border) !important;
  background: var(--foxie-surface-raised) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html body .reports-hub-page .hub-warning {
  margin: 0 0 20px !important;
  border-color: color-mix(in srgb, #e3a029 26%, var(--foxie-border)) !important;
  color: #9b691c !important;
  background: color-mix(in srgb, #e3a029 7%, var(--foxie-surface-raised)) !important;
}

/* Each category becomes one horizontal workspace row: identity at left, reports at right. */
html body .reports-hub-page .report-section {
  margin: 0 !important;
  padding: 24px 0 !important;
  border-top: 1px solid var(--foxie-border) !important;
  display: grid !important;
  grid-template-columns: 235px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}
html body .reports-hub-page .report-section:first-of-type { border-top: 0 !important; }
html body .reports-hub-page .report-section__header {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  display: block !important;
}
html body .reports-hub-page .section-identity {
  display: grid !important;
  grid-template-columns: 39px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}
html body .reports-hub-page .section-icon {
  width: 39px !important;
  height: 39px !important;
  border: 1px solid color-mix(in srgb, var(--foxie-border) 88%, transparent) !important;
  border-radius: 11px !important;
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-raised)) !important;
}
html body .reports-hub-page .section-identity > div > span {
  color: var(--foxie-accent) !important;
  font-size: 12px !important;
  letter-spacing: .09em !important;
}
html body .reports-hub-page .section-identity h2 {
  margin: 4px 0 !important;
  font-size: 15px !important;
  line-height: 1.16 !important;
}
html body .reports-hub-page .section-identity p {
  max-width: 195px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
html body .reports-hub-page .section-summary {
  margin: 13px 0 0 49px !important;
  text-align: left !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 5px !important;
}
html body .reports-hub-page .section-summary strong {
  color: var(--foxie-ink) !important;
  font-size: 13px !important;
}
html body .reports-hub-page .section-summary span {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}

/* Compact report tiles: description + live metrics, no giant repetitive cards. */
html body .reports-hub-page .report-card-grid {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}
html body .reports-hub-page .report-hub-card {
  min-height: 190px !important;
  padding: 15px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 15px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  color: var(--foxie-ink) !important;
  background: linear-gradient(145deg, var(--foxie-surface-raised), color-mix(in srgb, var(--foxie-accent) 1.6%, var(--foxie-surface-raised))) !important;
  box-shadow: 0 5px 16px color-mix(in srgb, #000 3.5%, transparent) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), border-color .2s ease, box-shadow .2s ease !important;
}
html body .reports-hub-page .report-hub-card::before { display: none !important; }
html body .reports-hub-page .report-hub-card:hover {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--foxie-accent) 24%, var(--foxie-border)) !important;
  box-shadow: 0 18px 38px color-mix(in srgb, var(--foxie-accent) 7%, transparent) !important;
}
html body .reports-hub-page .report-card__head { min-height: 34px !important; }
html body .reports-hub-page .report-icon {
  width: 35px !important;
  height: 35px !important;
  border: 1px solid var(--foxie-border) !important;
  border-radius: 10px !important;
  color: var(--foxie-accent) !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft)) !important;
}
html body .reports-hub-page .report-formats span {
  padding: 3px 5px !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
  font-size: 12px !important;
}
html body .reports-hub-page .report-card__copy { margin-top: 11px !important; }
html body .reports-hub-page .report-card__copy > span {
  color: var(--foxie-muted) !important;
  font-size: 12px !important;
}
html body .reports-hub-page .report-card__copy h3 {
  margin: 3px 0 5px !important;
  font-size: 14px !important;
}
html body .reports-hub-page .report-card__copy p {
  max-width: 540px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}
html body .reports-hub-page .report-preview {
  margin-top: 11px !important;
  padding: 9px 0 0 !important;
  border-top: 1px solid var(--foxie-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .reports-hub-page .report-preview small { font-size: 12px !important; }
html body .reports-hub-page .report-preview strong { font-size: 12px !important; }
html body .reports-hub-page .report-hub-card footer {
  margin-top: 10px !important;
  padding-top: 9px !important;
  border-top: 1px solid color-mix(in srgb, var(--foxie-border) 72%, transparent) !important;
  color: var(--foxie-accent) !important;
  font-size: 12px !important;
}
html body .reports-hub-page .report-hub-card footer i {
  width: 27px !important;
  height: 27px !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--foxie-accent) 7%, var(--foxie-surface-soft)) !important;
}

html[data-foxie-theme='dark'] body .reports-hub-page .hub-hero {
  box-shadow: 0 20px 55px rgba(0,0,0,.22) !important;
}
html[data-foxie-theme='dark'] body .reports-hub-page .hub-toolbar {
  box-shadow: 0 16px 38px rgba(0,0,0,.24) !important;
}

@media (min-width: 1360px) {
  html body .reports-hub-page .report-section:has(.report-hub-card:nth-child(3)) .report-card-grid {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}
@media (max-width: 1040px) {
  html body .reports-hub-page .report-section {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }
  html body .reports-hub-page .report-section__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }
  html body .reports-hub-page .section-identity p { max-width: 560px !important; }
  html body .reports-hub-page .section-summary { margin: 0 !important; }
}
@media (max-width: 720px) {
  html body .reports-hub-page { width: calc(100% - 22px) !important; padding-top: 14px !important; }
  html body .reports-hub-page .hub-hero { min-height: 0 !important; padding: 24px 20px 48px !important; }
  html body .reports-hub-page .hub-hero h1 { font-size: 1.8rem !important; }
  html body .reports-hub-page .hub-toolbar { width: calc(100% - 20px) !important; margin-top: -28px !important; align-items: stretch !important; }
  html body .reports-hub-page .toolbar-right { justify-content: space-between !important; }
  html body .reports-hub-page .report-card-grid { grid-template-columns: 1fr !important; }
  html body .reports-hub-page .report-section__header { align-items: flex-start !important; }
  html body .reports-hub-page .section-summary { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body .reports-hub-page .report-hub-card { transition: none !important; }
}
/* Dashboard recent conversations: rows must stay compact regardless of message length. */
html body .dashboard-v2 .dash-conversation-list {
  overflow: hidden !important;
}

html body .dashboard-v2 .dash-conversation-row {
  min-width: 0 !important;
  min-height: 76px !important;
  height: 76px !important;
  padding: 0 16px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) minmax(170px, 210px) auto !important;
  gap: 12px !important;
  align-items: center !important;
  overflow: hidden !important;
  transition: background .16s ease, box-shadow .16s ease !important;
}

html body .dashboard-v2 .dash-conversation-row:hover {
  background: color-mix(in srgb, var(--d-accent) 3.5%, var(--foxie-surface-raised)) !important;
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--d-accent) 62%, transparent) !important;
}

html body .dashboard-v2 .dash-avatar {
  align-self: center !important;
}

html body .dashboard-v2 .dash-conversation-copy,
html body .dashboard-v2 .dash-conversation-copy > div,
html body .dashboard-v2 .dash-connection-copy,
html body .dashboard-v2 .dash-connection-copy > span {
  min-width: 0 !important;
}

html body .dashboard-v2 .dash-conversation-copy {
  width: 100% !important;
  overflow: hidden !important;
}

html body .dashboard-v2 .dash-conversation-copy > div {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  overflow: hidden !important;
}

html body .dashboard-v2 .dash-conversation-copy > div > strong {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .dashboard-v2 .dash-conversation-copy > div > time {
  flex: 0 0 auto !important;
}

html body .dashboard-v2 .dash-conversation-copy > p {
  width: 100% !important;
  max-width: 100% !important;
  height: 1.4em !important;
  margin: 4px 0 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}

html body .dashboard-v2 .dash-connection-copy {
  overflow: hidden !important;
}

html body .dashboard-v2 .dash-connection-copy > span > strong,
html body .dashboard-v2 .dash-connection-copy > span > small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .dashboard-v2 .dash-conversation-end {
  min-width: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  color: var(--foxie-muted) !important;
}

/* The whole row is already a RouterLink, so the end affordance should communicate navigation, not a menu. */
html body .dashboard-v2 .dash-conversation-end > .v-icon {
  display: none !important;
}

html body .dashboard-v2 .dash-conversation-end::after {
  content: '↗';
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border: 1px solid var(--foxie-border);
  border-radius: 9px;
  display: grid;
  place-items: center;
  color: var(--foxie-muted);
  background: var(--foxie-surface-raised);
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
  transition: transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease;
}

html body .dashboard-v2 .dash-conversation-row:hover .dash-conversation-end::after {
  transform: translate(1px, -1px);
  color: var(--d-accent);
  border-color: color-mix(in srgb, var(--d-accent) 28%, var(--foxie-border));
  background: color-mix(in srgb, var(--d-accent) 7%, var(--foxie-surface-raised));
}

@media (max-width: 980px) {
  html body .dashboard-v2 .dash-conversation-row {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
  }
  html body .dashboard-v2 .dash-connection-copy {
    display: none !important;
  }
}

@media (max-width: 560px) {
  html body .dashboard-v2 .dash-conversation-row {
    min-height: 70px !important;
    height: 70px !important;
    padding: 0 11px !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    gap: 9px !important;
  }
  html body .dashboard-v2 .dash-conversation-end::after {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}
/* Final guardrails for CRM Automations and the profile dropdown.
 * This file is loaded last on purpose: older scoped/audit rules still contain
 * fixed light/dark paint and should not win over the current theme contract.
 */

/* --------------------------------------------------------------------------
   CRM Automations — use the same neutral, theme-aware product surface as CRM
   -------------------------------------------------------------------------- */
html body .automation-page {
  --crm-auto-accent: var(--foxie-accent);
  --crm-auto-strong: var(--foxie-accent-strong);
}

html body .automation-page .hero,
html body .automation-page .builder-hero {
  color: var(--foxie-ink) !important;
  border: 1px solid color-mix(in srgb,var(--crm-auto-accent) 22%,var(--foxie-border)) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 5% 0%,color-mix(in srgb,var(--crm-auto-accent) 10%,transparent),transparent 36rem),
    linear-gradient(135deg,
      color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--crm-auto-accent) 6%),
      color-mix(in srgb,var(--foxie-surface-soft) 96%,var(--crm-auto-accent) 4%)) !important;
  box-shadow: 0 14px 36px color-mix(in srgb,var(--crm-auto-accent) 8%,transparent) !important;
}

html body .automation-page .hero h1,
html body .automation-page .builder-hero h1,
html body .automation-page .hero-side > strong,
html body .automation-page .hero-side b { color: var(--foxie-ink) !important; }
html body .automation-page .hero p,
html body .automation-page .builder-hero p { color: var(--foxie-muted) !important; }
html body .automation-page .kicker,
html body .automation-page .hero-side > small { color: var(--crm-auto-accent) !important; }
html body .automation-page .kicker i { background: var(--crm-auto-accent) !important;box-shadow:0 0 0 5px color-mix(in srgb,var(--crm-auto-accent) 10%,transparent)!important; }
html body .automation-page .hero-side { border:1px solid var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 92%,transparent)!important;box-shadow:0 9px 26px color-mix(in srgb,var(--crm-auto-accent) 5%,transparent)!important;backdrop-filter:none!important; }
html body .automation-page .hero-side > div { border-top-color:var(--foxie-border)!important;color:var(--foxie-muted)!important; }
html body .automation-page .side-icon { border:1px solid color-mix(in srgb,var(--crm-auto-accent) 16%,var(--foxie-border))!important;color:var(--crm-auto-accent)!important;background:color-mix(in srgb,var(--crm-auto-accent) 8%,var(--foxie-surface-soft))!important; }
html body .automation-page .soft,
html body .automation-page .back,
html body .automation-page .carousel-controls button,
html body .automation-page .rule-buttons button,
html body .automation-page .refresh { border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;box-shadow:none!important; }
html body .automation-page .soft:hover,
html body .automation-page .back:hover,
html body .automation-page .carousel-controls button:hover,
html body .automation-page .rule-buttons button:hover:not(:disabled),
html body .automation-page .refresh:hover:not(:disabled) { border-color:color-mix(in srgb,var(--crm-auto-accent) 28%,var(--foxie-border))!important;color:var(--crm-auto-accent)!important;background:color-mix(in srgb,var(--crm-auto-accent) 6%,var(--foxie-surface-raised))!important; }
html body .automation-page .rule-buttons button.danger,
html body .automation-page .rule-buttons button.danger:hover:not(:disabled) { color:#be4a52!important; }
html body .automation-page .rules-actions label,
html body .automation-page .filter-pills button { border-color:var(--foxie-border)!important;background:var(--foxie-surface-raised)!important; }
html body .automation-page .rules-actions label:focus-within { border-color:color-mix(in srgb,var(--crm-auto-accent) 44%,var(--foxie-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--crm-auto-accent) 8%,transparent)!important; }
html body .automation-page .v-btn.bg-primary,
html body .automation-page .v-btn.text-primary { color:#fff!important;background:linear-gradient(145deg,var(--crm-auto-accent),var(--crm-auto-strong))!important;border-color:transparent!important;box-shadow:0 8px 20px color-mix(in srgb,var(--crm-auto-accent) 18%,transparent)!important;text-transform:none!important;letter-spacing:0!important; }
html body .automation-page .v-btn.bg-primary:hover,
html body .automation-page .v-btn.text-primary:hover { box-shadow:0 10px 25px color-mix(in srgb,var(--crm-auto-accent) 24%,transparent)!important; }
html body .automation-page .active-switch span { background:color-mix(in srgb,var(--foxie-muted) 18%,var(--foxie-surface-soft))!important; }
html body .automation-page .active-switch span::after { background:var(--foxie-surface-raised)!important; }
html body .automation-page .active-switch input:checked + span { background:var(--crm-auto-accent)!important; }
html body .automation-page .active-switch b { color:var(--foxie-ink)!important; }
html body .automation-page .orb-a { border-color:color-mix(in srgb,var(--crm-auto-accent) 15%,transparent)!important;box-shadow:0 0 0 42px color-mix(in srgb,var(--crm-auto-accent) 3.5%,transparent),0 0 0 84px color-mix(in srgb,var(--crm-auto-accent) 2%,transparent)!important; }
html body .automation-page .orb-b { background:radial-gradient(circle,color-mix(in srgb,var(--crm-auto-accent) 8%,transparent),transparent 70%)!important; }
html[data-foxie-theme='dark'] body .automation-page .hero,
html[data-foxie-theme='dark'] body .automation-page .builder-hero,
html[data-foxie-theme='dark'] body .automation-page .hero-side { box-shadow:0 18px 48px rgba(0,0,0,.22)!important; }

/* --------------------------------------------------------------------------
   Profile dropdown / presence
   -------------------------------------------------------------------------- */
html body .profile-menu-v2 .profile-action-icon,
html body .profile-menu-v2 .profile-action-icon.green,
html body .profile-menu-v2 .profile-action-icon.blue,
html body .profile-menu-v2 .profile-action-icon.violet,
html body .profile-menu-v2 .profile-action-icon.api { width:28px!important;height:28px!important;border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border))!important;border-radius:8px!important;color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important;box-shadow:none!important; }
html body .profile-menu-v2 .profile-menu-item:hover .profile-action-icon { border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))!important;color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised))!important; }
html body .profile-menu-v2 #foxie-profile-credentials-entry { display:grid!important;visibility:visible!important;opacity:1!important; }
html body .profile-menu-v2 #foxie-profile-credentials-entry .profile-action-icon.api { width:30px!important;height:30px!important; }
html body .profile-presence-control__choices button { pointer-events:auto!important;cursor:pointer!important; }
html body .profile-presence-control__choices button:disabled { opacity:.58!important;cursor:wait!important; }
html[data-foxie-theme='dark'] body .profile-menu-v2 .profile-action-icon,
html[data-foxie-theme='dark'] body .profile-menu-v2 .profile-action-icon.green,
html[data-foxie-theme='dark'] body .profile-menu-v2 .profile-action-icon.blue,
html[data-foxie-theme='dark'] body .profile-menu-v2 .profile-action-icon.violet,
html[data-foxie-theme='dark'] body .profile-menu-v2 .profile-action-icon.api { background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised))!important; }

html body .topbar-actions-v2 .profile-trigger .header-avatar{position:relative!important;overflow:visible!important}
html body .topbar-actions-v2 .profile-trigger .header-avatar>.header-presence-dot{
  width:9px!important;height:9px!important;position:absolute!important;right:-1px!important;bottom:-1px!important;z-index:3!important;border:2px solid var(--foxie-surface-raised)!important;border-radius:50%!important;display:block!important;
}
html[data-foxie-presence='busy'] body .profile-menu-avatar > i,
html[data-foxie-presence='busy'] body .team-member-rail__person:disabled .presence-status,
html[data-foxie-presence='busy'] body [data-self-presence] { background:#d85a64!important;color:#d85a64!important;box-shadow:0 0 0 3px rgba(216,90,100,.10)!important; }
html[data-foxie-presence='available'] body .profile-menu-avatar > i,
html[data-foxie-presence='available'] body .team-member-rail__person:disabled .presence-status,
html[data-foxie-presence='available'] body [data-self-presence] { background:#2ab77d!important;color:#2ab77d!important; }

/* --------------------------------------------------------------------------
   SuperBot command strip — five compact actions in a single row.
   Agenda is a first-class action, not a second-line orphan card.
   -------------------------------------------------------------------------- */
html body .superbot-home-command__deck {
  grid-template-columns:minmax(210px,1.15fr) repeat(4,minmax(135px,.82fr))!important;
}
html body .superbot-home-command__deck>button{min-width:0!important}
html body .superbot-home-command__deck>button:nth-of-type(4){border-right:1px solid var(--foxie-border)!important}
html body .superbot-home-command__deck>button:nth-of-type(5){border-right:0!important}
html body .superbot-home-command__deck-icon.agenda{color:#d34d64!important;background:#fdebf0!important}
html body .superbot-home-command__journeys,
html body .superbot-home-command__meta { display:none!important; }
html body .superbot-home-command__ai.saving{opacity:.7!important;cursor:wait!important}

@media(max-width:1180px){
  html body .superbot-home-command__deck{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body .superbot-home-command__deck>button:nth-of-type(3){border-right:0!important}
  html body .superbot-home-command__deck>button:nth-of-type(4){border-top:1px solid var(--foxie-border)!important}
  html body .superbot-home-command__deck>button:nth-of-type(5){border-top:1px solid var(--foxie-border)!important}
}
@media(max-width:760px){
  html body .superbot-home-command__deck{grid-template-columns:1fr!important}
  html body .superbot-home-command__deck>button{border-right:0!important;border-bottom:1px solid var(--foxie-border)!important}
  html body .superbot-home-command__deck>button:last-child{border-bottom:0!important}
}

/* --------------------------------------------------------------------------
   Sidebar plan card — dark mode should read as a premium surface, not a neon
   plan-colored slab. Plan color remains an accent; the card follows the theme.
   -------------------------------------------------------------------------- */
html[data-foxie-theme='dark'] body .sidebar-v2 .sidebar-footer-v2 {
  border-top-color:color-mix(in srgb,var(--plan-accent) 10%,var(--foxie-border))!important;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--foxie-surface) 97%,var(--plan-accent) 3%))!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card {
  color:var(--foxie-ink)!important;
  border-color:color-mix(in srgb,var(--plan-accent) 20%,var(--foxie-border))!important;
  background:
    radial-gradient(circle at 96% -12%,color-mix(in srgb,var(--plan-accent-2) 11%,transparent),transparent 42%),
    linear-gradient(150deg,
      color-mix(in srgb,var(--foxie-surface-raised) 96%,var(--plan-accent) 4%),
      color-mix(in srgb,var(--foxie-surface-soft) 98%,var(--plan-accent) 2%))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2.plan-tone-starter .upgrade-card {
  color:var(--foxie-ink)!important;
  border-color:color-mix(in srgb,#2ab77d 24%,var(--foxie-border))!important;
  background:
    radial-gradient(circle at 96% -10%,rgba(42,183,125,.12),transparent 42%),
    linear-gradient(150deg,
      color-mix(in srgb,var(--foxie-surface-raised) 95%,#2ab77d 5%),
      color-mix(in srgb,var(--foxie-surface-soft) 98%,#2ab77d 2%))!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card__icon {
  color:var(--plan-accent-2)!important;
  border-color:color-mix(in srgb,var(--plan-accent) 18%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--plan-accent) 8%,var(--foxie-surface-raised))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card__copy span {
  color:color-mix(in srgb,var(--plan-accent-2) 78%,var(--foxie-muted))!important;
}
html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card__copy strong {
  color:var(--foxie-ink)!important;
}
html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card__copy small {
  color:var(--foxie-muted)!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-action {
  color:var(--foxie-ink)!important;
  border-color:var(--foxie-border)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--plan-accent) 6%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease!important;
}
html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-action:hover {
  color:var(--plan-accent-2)!important;
  border-color:color-mix(in srgb,var(--plan-accent) 30%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--plan-accent) 9%,var(--foxie-surface-raised))!important;
  transform:translateY(-1px)!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card__glow {
  opacity:.45!important;
  border-color:color-mix(in srgb,var(--plan-accent) 18%,transparent)!important;
  box-shadow:0 0 0 19px color-mix(in srgb,var(--plan-accent-2) 4%,transparent),0 0 0 39px color-mix(in srgb,var(--plan-accent) 2%,transparent)!important;
}

html[data-foxie-theme='dark'] body .sidebar-v2 .upgrade-card-mini {
  color:var(--plan-accent-2)!important;
  border-color:color-mix(in srgb,var(--plan-accent) 22%,var(--foxie-border))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-surface-raised) 95%,var(--plan-accent) 5%),var(--foxie-surface-soft))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}

html[data-foxie-theme='dark'] body .mobile-drawer-v2 .mobile-upgrade a {
  color:var(--foxie-ink)!important;
  border-color:color-mix(in srgb,var(--plan-accent) 20%,var(--foxie-border))!important;
  background:
    radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--plan-accent-2) 9%,transparent),transparent 43%),
    linear-gradient(145deg,color-mix(in srgb,var(--foxie-surface-raised) 96%,var(--plan-accent) 4%),var(--foxie-surface-soft))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2)!important;
}
html[data-foxie-theme='dark'] body .mobile-drawer-v2 .mobile-upgrade small {
  color:var(--foxie-muted)!important;
  opacity:1!important;
}/* SuperBot assistant editor theme bridge.
 * The legacy scoped composer styles still contain fixed green/light values.
 * This file is intentionally imported after those layers and maps the entire
 * assistant editor back to the active Foxie surface + accent contract.
 */

html body .superbot-hub__assistant-composer {
  --sba-accent: var(--foxie-accent);
  --sba-accent-strong: var(--foxie-accent-strong);
  --sba-accent-soft: color-mix(in srgb,var(--sba-accent) 9%,var(--foxie-surface-raised));
  --sba-accent-softer: color-mix(in srgb,var(--sba-accent) 4%,var(--foxie-surface-raised));
  color: var(--foxie-ink) !important;
  border-color: color-mix(in srgb,var(--sba-accent) 16%,var(--foxie-border)) !important;
  background: var(--foxie-surface-soft) !important;
  box-shadow: 0 30px 90px color-mix(in srgb,var(--sba-accent) 11%,rgba(0,0,0,.24)) !important;
}

html body .superbot-hub__assistant-composer > header {
  color: var(--foxie-ink) !important;
  border-bottom: 1px solid color-mix(in srgb,var(--sba-accent) 14%,var(--foxie-border)) !important;
  background:
    radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--sba-accent) 13%,transparent),transparent 35%),
    linear-gradient(135deg,
      color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--sba-accent) 6%),
      color-mix(in srgb,var(--foxie-surface-soft) 91%,var(--sba-accent) 9%)) !important;
}

html body .superbot-hub__assistant-composer > header > div > span,
html body .superbot-hub__assistant-composer > header h2,
html body .superbot-hub__assistant-composer > header p {
  color: inherit !important;
}

html body .superbot-hub__assistant-composer > header > div > span {
  color: var(--sba-accent) !important;
}

html body .superbot-hub__assistant-composer > header h2 {
  color: var(--foxie-ink) !important;
}

html body .superbot-hub__assistant-composer > header p {
  color: var(--foxie-muted) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-mark {
  color: var(--sba-accent) !important;
  border: 1px solid color-mix(in srgb,var(--sba-accent) 20%,var(--foxie-border)) !important;
  background: var(--sba-accent-soft) !important;
  box-shadow: 0 10px 24px color-mix(in srgb,var(--sba-accent) 10%,transparent) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-preview {
  border-color: color-mix(in srgb,var(--sba-accent) 14%,var(--foxie-border)) !important;
  color: var(--foxie-ink) !important;
  background: color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--sba-accent) 6%) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-preview > span {
  color: var(--sba-accent) !important;
  background: var(--sba-accent-soft) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-preview small {
  color: var(--sba-accent) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-preview strong {
  color: var(--foxie-ink) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-preview em {
  color: var(--foxie-muted) !important;
}

/* Availability is semantic; keep green only for the actual online indicator. */
html body .superbot-hub__assistant-composer .superbot-hub__composer-preview em i {
  background: var(--foxie-muted) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__composer-preview em i.online {
  background: #2ab77d !important;
}

html body .superbot-hub__assistant-composer > header > button {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer > header > button:hover {
  border-color: color-mix(in srgb,var(--sba-accent) 28%,var(--foxie-border)) !important;
  color: var(--sba-accent) !important;
  background: var(--sba-accent-soft) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__dialog-scroll {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-section {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
  box-shadow: 0 8px 24px color-mix(in srgb,var(--sba-accent) 3.5%,transparent) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-section > header > span {
  color: var(--sba-accent) !important;
  background: var(--sba-accent-soft) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-section > header strong {
  color: var(--foxie-ink) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__composer-section > header small {
  color: var(--foxie-muted) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__composer-section > header em {
  color: var(--sba-accent) !important;
  background: var(--sba-accent-soft) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__native-field > span {
  color: var(--foxie-ink) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__native-field > small {
  color: var(--foxie-muted) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__native-field input {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
  caret-color: var(--sba-accent) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__native-field input:focus {
  border-color: color-mix(in srgb,var(--sba-accent) 58%,var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--sba-accent) 10%,transparent) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-section.personality {
  border-color: color-mix(in srgb,var(--sba-accent) 26%,var(--foxie-border)) !important;
  background:
    linear-gradient(145deg,
      var(--foxie-surface-raised),
      color-mix(in srgb,var(--sba-accent) 4%,var(--foxie-surface-raised))) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__personality-control label span strong {
  color: var(--foxie-ink) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__personality-control label span small {
  color: var(--foxie-muted) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__composer-section.personality > textarea {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
  caret-color: var(--sba-accent) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__composer-section.personality > textarea:focus {
  border-color: color-mix(in srgb,var(--sba-accent) 58%,var(--foxie-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--sba-accent) 10%,transparent) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__composer-section.personality > textarea:disabled {
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-soft) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__combo-field {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-soft) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__combo-field label strong {
  color: var(--foxie-ink) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__combo-field label small {
  color: var(--foxie-muted) !important;
}
/* These three icon colors communicate meaning, not brand. */
html body .superbot-hub__assistant-composer .superbot-hub__combo-field.allowed > label > .v-icon { color:#2a9b70!important; }
html body .superbot-hub__assistant-composer .superbot-hub__combo-field.denied > label > .v-icon { color:#c85260!important; }
html body .superbot-hub__assistant-composer .superbot-hub__combo-field.handoff > label > .v-icon { color:#5877c8!important; }

html body .superbot-hub__assistant-composer .v-field {
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer .v-field__outline {
  color: var(--foxie-border) !important;
}
html body .superbot-hub__assistant-composer .v-field--focused .v-field__outline {
  color: var(--sba-accent) !important;
}
html body .superbot-hub__assistant-composer .v-label,
html body .superbot-hub__assistant-composer .v-field__input,
html body .superbot-hub__assistant-composer .v-select__selection-text {
  color: var(--foxie-ink) !important;
}
html body .superbot-hub__assistant-composer .v-label {
  opacity: .72 !important;
}
html body .superbot-hub__assistant-composer .v-chip {
  border-color: color-mix(in srgb,var(--sba-accent) 16%,var(--foxie-border)) !important;
  color: var(--foxie-ink) !important;
  background: var(--sba-accent-soft) !important;
}

/* Vuetify success was painting every composer switch green. In this editor the
 * switch is product chrome, so checked state follows the selected accent. */
html body .superbot-hub__assistant-composer .v-switch .v-selection-control__input,
html body .superbot-hub__assistant-composer .v-switch .v-selection-control--dirty .v-selection-control__input,
html body .superbot-hub__assistant-composer .v-switch .text-success {
  color: var(--sba-accent) !important;
}
html body .superbot-hub__assistant-composer .v-switch .v-switch__track {
  background: currentColor !important;
}
html body .superbot-hub__assistant-composer .v-switch .v-selection-control--dirty .v-switch__track {
  color: var(--sba-accent) !important;
  opacity: .45 !important;
}
html body .superbot-hub__assistant-composer .v-switch .v-selection-control--dirty .v-switch__thumb {
  color: var(--sba-accent) !important;
}

html body .superbot-hub__assistant-composer .superbot-hub__switches label {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__switches strong {
  color: var(--foxie-ink) !important;
}
html body .superbot-hub__assistant-composer .superbot-hub__switches small {
  color: var(--foxie-muted) !important;
}

html body .superbot-hub__assistant-composer > footer {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-muted) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer > footer > span {
  color: var(--foxie-muted) !important;
}
html body .superbot-hub__assistant-composer > footer > span .v-icon {
  color: var(--sba-accent) !important;
}
html body .superbot-hub__assistant-composer > footer .superbot-hub__secondary {
  border-color: var(--foxie-border) !important;
  color: var(--foxie-ink) !important;
  background: var(--foxie-surface-raised) !important;
}
html body .superbot-hub__assistant-composer > footer .superbot-hub__secondary:hover {
  border-color: color-mix(in srgb,var(--sba-accent) 28%,var(--foxie-border)) !important;
  color: var(--sba-accent) !important;
  background: var(--sba-accent-soft) !important;
}
html body .superbot-hub__assistant-composer > footer .superbot-hub__primary {
  border-color: var(--sba-accent-strong) !important;
  color: #fff !important;
  background: linear-gradient(135deg,var(--sba-accent),var(--sba-accent-strong)) !important;
  box-shadow: 0 8px 20px color-mix(in srgb,var(--sba-accent) 18%,transparent) !important;
}

/* Dark mode needs no separate color palette: all surfaces above resolve from
 * the root theme. Only deepen the elevation so the teleported modal remains
 * visually separated from the app beneath it. */
html[data-foxie-theme='dark'] body .superbot-hub__assistant-composer {
  box-shadow: 0 34px 110px rgba(0,0,0,.48) !important;
}
/* Sidebar plan card rendered by ShellChromeEnhancer.
 * Dark mode changes paint only: geometry must remain identical to light mode.
 */

html[data-foxie-theme='dark'] body .shell-v2 .sidebar-footer-v2 {
  border-top-color: color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-border)) !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb,var(--foxie-surface) 96%,var(--foxie-accent) 4%) 100%
  ) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card,
html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-trial,
html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-starter,
html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-growth,
html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-scale {
  color: var(--foxie-ink) !important;
  border-color: color-mix(in srgb,var(--plan-accent) 20%,var(--foxie-border)) !important;
  background:
    radial-gradient(
      circle at 96% -10%,
      color-mix(in srgb,var(--plan-accent-2) 10%,transparent),
      transparent 42%
    ),
    linear-gradient(
      150deg,
      color-mix(in srgb,var(--foxie-surface-raised) 95%,var(--plan-accent) 5%),
      color-mix(in srgb,var(--foxie-surface-soft) 98%,var(--plan-accent) 2%)
    ) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-starter {
  border-color: color-mix(in srgb,#38d6a0 21%,var(--foxie-border)) !important;
  background:
    radial-gradient(circle at 96% -10%,rgba(56,214,160,.10),transparent 42%),
    linear-gradient(
      150deg,
      color-mix(in srgb,var(--foxie-surface-raised) 95%,#0b8c61 5%),
      color-mix(in srgb,var(--foxie-surface-soft) 98%,#0b8c61 2%)
    ) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-growth {
  border-color: color-mix(in srgb,#7b62ff 21%,var(--foxie-border)) !important;
  background:
    radial-gradient(circle at 96% -10%,rgba(54,199,244,.09),transparent 42%),
    linear-gradient(
      150deg,
      color-mix(in srgb,var(--foxie-surface-raised) 95%,#7b62ff 5%),
      color-mix(in srgb,var(--foxie-surface-soft) 98%,#7b62ff 2%)
    ) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-scale {
  border-color: color-mix(in srgb,#dfbe61 21%,var(--foxie-border)) !important;
  background:
    radial-gradient(circle at 96% -10%,rgba(223,190,97,.10),transparent 42%),
    linear-gradient(
      150deg,
      color-mix(in srgb,var(--foxie-surface-raised) 95%,#dfbe61 5%),
      color-mix(in srgb,var(--foxie-surface-soft) 98%,#dfbe61 2%)
    ) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card.plan-trial {
  border-color: color-mix(in srgb,#94a3b8 18%,var(--foxie-border)) !important;
  background:
    radial-gradient(circle at 96% -10%,rgba(148,163,184,.08),transparent 42%),
    linear-gradient(150deg,var(--foxie-surface-raised),var(--foxie-surface-soft)) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-icon {
  color: var(--plan-accent-2) !important;
  border-color: color-mix(in srgb,var(--plan-accent) 18%,var(--foxie-border)) !important;
  background: color-mix(in srgb,var(--plan-accent) 8%,var(--foxie-surface-raised)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card > header small {
  color: color-mix(in srgb,var(--plan-accent-2) 74%,var(--foxie-muted)) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card > header strong {
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card > header div > span {
  color: var(--foxie-muted) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card > header > button {
  color: var(--foxie-muted) !important;
  border-color: var(--foxie-border) !important;
  background: color-mix(in srgb,var(--foxie-surface-raised) 94%,var(--plan-accent) 6%) !important;
  transition: color .16s ease,border-color .16s ease,background .16s ease !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-card > header > button:hover {
  color: var(--plan-accent-2) !important;
  border-color: color-mix(in srgb,var(--plan-accent) 28%,var(--foxie-border)) !important;
  background: color-mix(in srgb,var(--plan-accent) 9%,var(--foxie-surface-raised)) !important;
}

/* A visual divider without border/padding keeps dark and light at the exact same height. */
html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-details {
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb,var(--plan-accent) 10%,var(--foxie-border)) 15%,
    color-mix(in srgb,var(--plan-accent) 10%,var(--foxie-border)) 85%,
    transparent
  ) top / 100% 1px no-repeat !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-action {
  color: var(--foxie-ink) !important;
  border-color: var(--foxie-border) !important;
  background: color-mix(in srgb,var(--foxie-surface-raised) 95%,var(--plan-accent) 5%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
  transition: color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-action:hover {
  color: var(--plan-accent-2) !important;
  border-color: color-mix(in srgb,var(--plan-accent) 28%,var(--foxie-border)) !important;
  background: color-mix(in srgb,var(--plan-accent) 8%,var(--foxie-surface-raised)) !important;
  transform: translateY(-1px) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-progress strong {
  color: var(--foxie-ink) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-progress small {
  color: var(--foxie-muted) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-progress i {
  background: color-mix(in srgb,var(--foxie-border) 78%,transparent) !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-plan-progress i span {
  background: linear-gradient(90deg,var(--plan-accent),var(--plan-accent-2)) !important;
  box-shadow: 0 0 12px color-mix(in srgb,var(--plan-accent) 20%,transparent) !important;
}

/*
 * The old Vue transition animated opacity/translate only, so the parent card
 * snapped between heights. Animate the details block itself so expansion and
 * collapse move the sidebar layout continuously in both themes.
 */
html body .shell-v2 .enterprise-plan-details {
  transform-origin: top center;
  will-change: max-height,opacity,transform,padding-bottom;
}

html body .shell-v2 .enterprise-plan-expand-enter-active,
html body .shell-v2 .enterprise-plan-expand-leave-active {
  max-height: 96px;
  overflow: hidden;
  transition:
    max-height .22s cubic-bezier(.4,0,.2,1),
    padding-bottom .22s cubic-bezier(.4,0,.2,1),
    opacity .14s ease,
    transform .20s cubic-bezier(.4,0,.2,1) !important;
}

html body .shell-v2 .enterprise-plan-expand-enter-from,
html body .shell-v2 .enterprise-plan-expand-leave-to {
  max-height: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0 !important;
  transform: translateY(-4px) scaleY(.97) !important;
}

html body .shell-v2 .enterprise-plan-expand-enter-to,
html body .shell-v2 .enterprise-plan-expand-leave-from {
  max-height: 96px !important;
  padding-bottom: 11px !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Keep the support block visually quieter than the plan surface beside it. */
html[data-foxie-theme='dark'] body .shell-v2 .enterprise-help-card {
  border-color: var(--foxie-border) !important;
  background: color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent) !important;
  box-shadow: none !important;
}

html[data-foxie-theme='dark'] body .shell-v2 .enterprise-help-card:hover {
  border-color: color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border)) !important;
  background: color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface-raised)) !important;
}
/* Final SuperBot builder guardrail.
 * Library, settings and contextual tools belong to the command bar.
 * Older focus layers deliberately pinned these buttons to the viewport edges;
 * never let them float over the canvas again.
 */

html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--foxie-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(5):hover:not(:disabled),
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(6):hover:not(:disabled),
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(7):hover:not(:disabled),
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(5).active,
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(6).active,
html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(7).active {
  color: var(--foxie-accent) !important;
  border: 0 !important;
  background: color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised)) !important;
  box-shadow: none !important;
}

/* The former edge-tab layout reserved a large empty gutter in the header. */
html body .superbot-workspace-route .whatsapp-builder-shell .builder-topbar {
  padding-right: 8px !important;
}

/* At compact desktop widths the old responsive layer collapses .topbar-center
 * to 0x0 specifically so these controls can float. Restore a normal inline
 * toolbar and keep only the three secondary tools to avoid crowding. */
@media (max-width:1180px) {
  html body .superbot-workspace-route .whatsapp-builder-shell .builder-topbar {
    grid-template-columns: minmax(180px,1fr) auto auto !important;
    padding-right: 8px !important;
  }

  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center {
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 2px !important;
    border: 1px solid var(--foxie-border) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    overflow: hidden !important;
    color: var(--foxie-ink) !important;
    background: var(--foxie-surface-soft) !important;
  }

  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(-n+4),
  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > i {
    display: none !important;
  }

  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
    display: grid !important;
  }
}

@media (max-width:760px) {
  html body .superbot-workspace-route .whatsapp-builder-shell .builder-topbar {
    grid-template-columns: minmax(120px,1fr) auto auto !important;
    gap: 5px !important;
  }

  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center {
    height: 34px !important;
    min-height: 34px !important;
  }

  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(5),
  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(6),
  html body .superbot-workspace-route .whatsapp-builder-shell .topbar-center > button:nth-of-type(7) {
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
  }
}
/* Premium role studio — final editor-only contract.
 * Runtime role/message effects stay free to bloom in chat; previews inside the
 * role editor are deliberately clipped to their own visual surfaces.
 */

html body .role-editor-dialog {
  width:min(1180px,calc(100vw - 24px))!important;
  max-width:1180px!important;
  max-height:min(900px,calc(100vh - 24px))!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-border))!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--foxie-accent) 8%,transparent),transparent 30%),
    var(--foxie-surface-raised)!important;
  box-shadow:0 36px 110px color-mix(in srgb,var(--foxie-ink) 18%,transparent)!important;
}

html body .role-editor-dialog > .dialog-head {
  min-height:82px!important;
  padding:15px 18px!important;
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;
  backdrop-filter:blur(18px)!important;
}

html body .role-editor-dialog > .dialog-head .dialog-icon {
  width:43px!important;
  height:43px!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong))!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--foxie-accent) 22%,transparent)!important;
}

html body .role-editor-dialog .role-editor-body {
  min-width:0!important;
  min-height:0!important;
  max-height:calc(min(900px,100vh - 24px) - 146px)!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  overflow:hidden!important;
}

html body .role-editor-dialog .role-editor-library {
  min-width:0!important;
  padding:13px 10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-right:1px solid var(--foxie-border)!important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 64%,transparent)!important;
}

html body .role-editor-dialog .role-editor-library > header {
  padding:2px 4px 10px!important;
}

html body .role-editor-dialog .role-editor-library > button {
  min-height:54px!important;
  margin-bottom:4px!important;
  padding:7px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  transition:.16s ease!important;
}

html body .role-editor-dialog .role-editor-library > button:hover,
html body .role-editor-dialog .role-editor-library > button.active {
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--foxie-accent) 8%,transparent)!important;
}

html body .role-editor-dialog .role-editor-main {
  min-width:0!important;
  min-height:0!important;
  padding:15px 16px 24px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
}

html body .role-editor-dialog .role-fields,
html body .role-editor-dialog .native-identity-grid,
html body .role-editor-dialog .role-message-studio,
html body .role-editor-dialog .module-grid {
  min-width:0!important;
}

html body .role-editor-dialog .role-fields {
  gap:10px!important;
}

html body .role-editor-dialog .field,
html body .role-editor-dialog .identity-grid > label,
html body .role-editor-dialog .role-message-fields > label {
  min-width:0!important;
}

html body .role-editor-dialog .field > span,
html body .role-editor-dialog .identity-grid > label > span,
html body .role-editor-dialog .role-message-fields label > span {
  color:var(--foxie-muted)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
}

html body .role-editor-dialog .control,
html body .role-editor-dialog .identity-grid input,
html body .role-editor-dialog .identity-grid select,
html body .role-editor-dialog .role-message-fields select {
  border-color:color-mix(in srgb,var(--foxie-border) 88%,transparent)!important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 72%,var(--foxie-surface-raised))!important;
}

html body .role-editor-dialog .control:focus-within,
html body .role-editor-dialog .identity-grid label:focus-within,
html body .role-editor-dialog .role-message-fields label:focus-within {
  border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--foxie-border))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 7%,transparent)!important;
}

html body .role-editor-dialog .role-identity-studio,
html body .role-editor-dialog .permissions-box {
  margin-top:13px!important;
  padding:15px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 86%,transparent)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent),color-mix(in srgb,var(--foxie-surface-soft) 52%,var(--foxie-surface-raised)))!important;
  box-shadow:0 10px 34px color-mix(in srgb,var(--foxie-ink) 4%,transparent)!important;
}

html body .role-editor-dialog .role-identity-studio > header {
  min-width:0!important;
  padding-bottom:12px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 76%,transparent)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}

html body .role-editor-dialog .role-identity-studio > header > div:first-child {
  min-width:0!important;
}

html body .role-editor-dialog .role-identity-studio > header > div:first-child > span {
  display:block!important;
  color:var(--foxie-ink)!important;
  font-size:12px!important;
  font-weight:950!important;
}

html body .role-editor-dialog .role-identity-studio > header > div:first-child > small {
  display:block!important;
  margin-top:3px!important;
  color:var(--foxie-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

html body .role-editor-dialog .live-role {
  flex:0 0 auto!important;
  max-width:300px!important;
  min-height:30px!important;
  padding:6px 10px!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  contain:paint!important;
  border:1px solid color-mix(in srgb,var(--role-color) 55%,var(--foxie-border))!important;
  border-radius:999px!important;
  color:var(--role-color)!important;
  background:color-mix(in srgb,var(--role-color) 8%,var(--foxie-surface-raised))!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--role-color) 11%,transparent)!important;
}

html body .role-editor-dialog .live-role > span,
html body .role-editor-dialog .live-role > strong,
html body .role-editor-dialog .live-role > .v-icon {
  position:relative!important;
  z-index:5!important;
}

/* Aurora used inset:-90% through a pseudo element. Inside the editor that was
 * painting outside the preview and across the whole dialog. Keep the same
 * motion/color language, but confine the animation to its own preview. */
html body .role-editor-dialog .live-role > .foxie-role-fx,
html body .role-editor-dialog .role-message-preview-bubble > .foxie-message-fx {
  inset:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  clip-path:inset(0 round inherit)!important;
}

html body .role-editor-dialog .live-role > .foxie-role-fx--aurora::before,
html body .role-editor-dialog .role-message-preview-bubble > .foxie-message-fx--aurora::before {
  inset:-48%!important;
  opacity:.22!important;
}

html body .role-editor-dialog .live-role > .foxie-role-fx--particles::before,
html body .role-editor-dialog .role-message-preview-bubble > .foxie-message-fx--particles::before,
html body .role-editor-dialog .live-role > .foxie-role-fx--sparkle::before,
html body .role-editor-dialog .role-message-preview-bubble > .foxie-message-fx--sparkle::before {
  max-width:100%!important;
  overflow:hidden!important;
}

html body .role-editor-dialog .role-effect-chip-grid {
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}

html body .role-editor-dialog .role-effect-chip-grid button {
  min-width:0!important;
  min-height:42px!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 72%,var(--foxie-surface-raised))!important;
}

html body .role-editor-dialog .role-effect-chip-grid button.active {
  color:var(--foxie-accent)!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 48%,var(--foxie-border))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised)),color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft)))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--foxie-accent) 9%,transparent)!important;
}

html body .role-editor-dialog .role-message-studio {
  grid-template-columns:minmax(0,1fr) minmax(300px,.86fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}

html body .role-editor-dialog .role-message-live-preview {
  min-width:0!important;
  overflow:hidden!important;
  border-style:solid!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 19%,var(--foxie-border))!important;
  background:
    radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--foxie-accent) 9%,transparent),transparent 44%),
    color-mix(in srgb,var(--foxie-surface-soft) 72%,var(--foxie-surface-raised))!important;
}

html body .role-editor-dialog .role-message-preview-bubble {
  overflow:hidden!important;
  contain:paint!important;
}

html body .role-editor-dialog .module-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

html body .role-editor-dialog .dialog-footer {
  min-height:64px!important;
  padding:10px 16px!important;
  position:sticky!important;
  bottom:0!important;
  z-index:41!important;
  border-top:1px solid var(--foxie-border)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 95%,transparent)!important;
  backdrop-filter:blur(18px)!important;
}

html body .role-editor-dialog .dialog-footer .btn.primary {
  min-width:126px!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--foxie-accent) 17%,transparent)!important;
}

@media(max-width:960px){
  html body .role-editor-dialog .role-editor-body{grid-template-columns:1fr!important;overflow-y:auto!important}
  html body .role-editor-dialog .role-editor-library{max-height:150px!important;border-right:0!important;border-bottom:1px solid var(--foxie-border)!important}
  html body .role-editor-dialog .role-editor-main{overflow:visible!important}
  html body .role-editor-dialog .role-message-studio{grid-template-columns:1fr!important}
  html body .role-editor-dialog .role-effect-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body .role-editor-dialog .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  html body .role-editor-dialog{width:calc(100vw - 10px)!important;max-height:calc(100vh - 10px)!important;border-radius:18px!important}
  html body .role-editor-dialog .role-editor-main{padding:10px!important}
  html body .role-editor-dialog .role-fields,
  html body .role-editor-dialog .native-identity-grid,
  html body .role-editor-dialog .role-message-fields,
  html body .role-editor-dialog .module-grid{grid-template-columns:1fr!important}
  html body .role-editor-dialog .role-effect-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .role-editor-dialog .role-identity-studio > header{align-items:flex-start!important;flex-direction:column!important}
}
/* Foxie Team collaboration layer — channels, threads, reactions and knowledge tools. */

html body .foxie-channel-navigator {
  min-height:0;
  max-height:42%;
  padding:7px 6px 5px;
  overflow-y:auto;
  overflow-x:hidden;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 78%,transparent);
  background:color-mix(in srgb,var(--foxie-surface-soft) 38%,transparent);
  scrollbar-width:thin;
}

html body .foxie-channel-navigator__head {
  min-height:27px;
  padding:0 5px 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  color:var(--foxie-muted);
}
html body .foxie-channel-navigator__head>span {display:flex;align-items:center;gap:5px;font-size:12px;letter-spacing:.1em}
html body .foxie-channel-navigator__head>span i {font-size:13px;color:var(--foxie-accent)}
html body .foxie-channel-navigator__head button,
html body .foxie-channel-category>header button:last-child {width:25px;height:25px;border:0;border-radius:7px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-channel-navigator__head button:hover,
html body .foxie-channel-category>header button:last-child:hover {color:var(--foxie-accent);background:var(--foxie-surface-raised)}

html body .foxie-channel-category {margin-top:5px}
html body .foxie-channel-category>header {min-height:27px;padding:0 3px;display:flex;align-items:center;justify-content:space-between;gap:4px}
html body .foxie-channel-category>header>button:first-child {min-width:0;flex:1;height:27px;padding:0 3px;border:0;display:flex;align-items:center;gap:3px;text-align:left;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-channel-category>header>button:first-child i {font-size:13px}
html body .foxie-channel-category>header>button:first-child strong {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
html body .foxie-channel-category__rows {display:grid;gap:2px}
html body .foxie-channel-row {width:100%;min-height:39px;padding:4px 6px;border:1px solid transparent;border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;text-align:left;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-channel-row:hover,
html body .foxie-channel-row.active {color:var(--foxie-ink);border-color:color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised))}
html body .foxie-channel-row>i {width:20px;text-align:center;color:color-mix(in srgb,var(--foxie-muted) 84%,var(--foxie-accent));font-size:16px}
html body .foxie-channel-row>span {min-width:0;display:grid;gap:1px}
html body .foxie-channel-row>span strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850}
html body .foxie-channel-row>span small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}
html body .foxie-channel-row>b {min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--foxie-accent);font-size:12px}
html body .foxie-channel-empty {padding:10px 6px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px}

html body .conversation-actions [data-discord-toolbar] i {font-size:17px}

html body .foxie-message-tools {
  position:absolute;
  z-index:28;
  top:-17px;
  right:7px;
  min-height:28px;
  padding:2px;
  border:1px solid var(--foxie-border);
  border-radius:9px;
  display:flex;
  align-items:center;
  opacity:0;
  transform:translateY(3px);
  pointer-events:none;
  background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);
  box-shadow:0 8px 25px color-mix(in srgb,var(--foxie-ink) 10%,transparent);
  backdrop-filter:blur(12px);
  transition:.13s ease;
}
html body .internal-surface .message-shell {position:relative}
html body .internal-surface .message-row:hover .foxie-message-tools,
html body .internal-surface .message-row:focus-within .foxie-message-tools {opacity:1;transform:none;pointer-events:auto}
html body .internal-surface .message-row.mine .foxie-message-tools {right:auto;left:7px}
html body .foxie-message-tools button {width:25px;height:23px;border:0;border-radius:6px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-message-tools button:hover {color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))}
html body .foxie-message-tools button i {font-size:14px}

html body .foxie-message-reactions {min-height:0;margin-top:3px;display:flex;align-items:center;flex-wrap:wrap;gap:3px}
html body .message-row.mine .foxie-message-reactions {justify-content:flex-end}
html body .foxie-reaction-chip {height:23px;padding:0 7px;border:1px solid var(--foxie-border);border-radius:999px;display:flex;align-items:center;gap:4px;color:var(--foxie-muted);background:var(--foxie-surface-raised);cursor:pointer}
html body .foxie-reaction-chip:hover,
html body .foxie-reaction-chip.mine {border-color:color-mix(in srgb,var(--foxie-accent) 35%,var(--foxie-border));color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))}
html body .foxie-reaction-chip span {font-size:12px}
html body .foxie-reaction-chip b {font-size:12px}

html body .foxie-reaction-menu {position:fixed;z-index:4000;padding:4px;border:1px solid var(--foxie-border);border-radius:12px;display:flex;gap:2px;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,transparent);box-shadow:0 14px 42px color-mix(in srgb,var(--foxie-ink) 16%,transparent);backdrop-filter:blur(16px)}
html body .foxie-reaction-menu button {width:36px;height:34px;border:0;border-radius:8px;background:transparent;font-size:17px;cursor:pointer;transition:.12s ease}
html body .foxie-reaction-menu button:hover {transform:translateY(-2px) scale(1.07);background:var(--foxie-surface-soft)}

html body .foxie-chat-command-overlay {position:fixed;z-index:3900;inset:0;padding:6vh 18px;display:grid;place-items:start center;opacity:0;background:color-mix(in srgb,var(--foxie-ink) 28%,transparent);backdrop-filter:blur(8px);transition:.15s ease}
html body .foxie-chat-command-overlay.visible {opacity:1}
html body .foxie-chat-command-panel {width:min(820px,100%);max-height:88vh;border:1px solid color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-border));border-radius:20px;display:flex;flex-direction:column;overflow:hidden;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 34px 100px color-mix(in srgb,var(--foxie-ink) 22%,transparent)}
html body .foxie-chat-command-panel>header {min-height:73px;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--foxie-border);background:linear-gradient(130deg,color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
html body .foxie-chat-command-panel>header>span {width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 8px 20px color-mix(in srgb,var(--foxie-accent) 18%,transparent)}
html body .foxie-chat-command-panel>header>span i {font-size:21px}
html body .foxie-chat-command-panel>header>div {min-width:0;display:grid}
html body .foxie-chat-command-panel>header small {color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.11em}
html body .foxie-chat-command-panel>header strong {font-size:13px}
html body .foxie-chat-command-panel>header p {margin:2px 0 0;color:var(--foxie-muted);font-size:12px}
html body .foxie-chat-command-panel>header>button {width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-chat-command-panel>header>button:hover {background:var(--foxie-surface-soft)}
html body .foxie-chat-command-body {min-height:200px;overflow:auto;padding:12px}

html body .foxie-search-controls {display:grid;grid-template-columns:minmax(220px,1fr) 155px 155px auto auto;gap:7px;align-items:center}
html body .foxie-search-controls>label:first-child {height:38px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:6px;background:var(--foxie-surface-soft)}
html body .foxie-search-controls input:not([type=checkbox]),
html body .foxie-search-controls select {min-width:0;height:38px;border:1px solid var(--foxie-border);border-radius:10px;padding:0 9px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px}
html body .foxie-search-controls>label:first-child input {height:auto!important;padding:0!important;border:0!important;flex:1;background:transparent!important}
html body .foxie-search-controls .checkbox {height:38px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px;background:var(--foxie-surface-soft)}
html body .foxie-search-controls>button,
html body .foxie-integration-create>button {height:38px;padding:0 12px;border:0;border-radius:10px;color:#fff;background:var(--foxie-accent);font-size:12px;font-weight:900;cursor:pointer}
html body .foxie-search-results {margin-top:10px;display:grid;gap:4px}
html body .foxie-search-result {width:100%;padding:9px;border:1px solid transparent;border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;text-align:left;color:var(--foxie-ink);background:transparent;cursor:pointer}
html body .foxie-search-result:hover {border-color:color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}
html body .foxie-search-result>.avatar {width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:12px;font-weight:900}
html body .foxie-search-result>div {min-width:0}
html body .foxie-search-result header {display:flex;align-items:center;justify-content:space-between;gap:8px}
html body .foxie-search-result header strong {font-size:12px}
html body .foxie-search-result header small {color:var(--foxie-muted);font-size:12px}
html body .foxie-search-result p {margin:3px 0 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--foxie-muted);font-size:12px;line-height:1.45}
html body .foxie-search-result em {margin-top:4px;display:inline-flex;align-items:center;gap:3px;color:var(--foxie-accent);font-size:12px;font-style:normal}

html body .foxie-inbox-list {display:grid;gap:4px}
html body .foxie-inbox-list>button {width:100%;min-height:60px;padding:8px;border:1px solid var(--foxie-border);border-radius:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:var(--foxie-ink);background:var(--foxie-surface-soft);cursor:pointer}
html body .foxie-inbox-list>button:hover {border-color:color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised))}
html body .foxie-inbox-list>button>span {width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-raised)}
html body .foxie-inbox-list>button>div {min-width:0;display:grid;gap:2px}
html body .foxie-inbox-list strong {font-size:12px}
html body .foxie-inbox-list p {margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}
html body .foxie-inbox-list small {color:var(--foxie-muted);font-size:12px}
html body .foxie-inbox-list .unread {width:7px;height:7px;border-radius:50%;background:var(--foxie-accent);box-shadow:0 0 9px color-mix(in srgb,var(--foxie-accent) 65%,transparent)}

html body .foxie-panel-empty,
html body .foxie-panel-loading {min-height:190px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--foxie-muted);font-size:12px}
html body .foxie-panel-empty>i {font-size:28px;color:var(--foxie-accent)}
html body .foxie-panel-empty strong {color:var(--foxie-ink);font-size:12px}
html body .foxie-panel-empty.compact {min-height:70px}
html body .foxie-panel-empty.danger strong {color:#cf5353}

html body .foxie-integration-create {padding:10px;border:1px solid var(--foxie-border);border-radius:13px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;background:var(--foxie-surface-soft)}
html body .foxie-integration-create label {display:grid;gap:4px;color:var(--foxie-muted);font-size:12px;font-weight:850}
html body .foxie-integration-create input {height:36px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:9px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised)}
html body .foxie-integration-list {margin-top:10px;display:grid;gap:5px}
html body .foxie-integration-list article {padding:8px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
html body .foxie-integration-list article>span {width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-soft)}
html body .foxie-integration-list article>div {min-width:0;display:grid}
html body .foxie-integration-list strong {font-size:12px}
html body .foxie-integration-list small {color:var(--foxie-muted);font-size:12px}
html body .foxie-integration-token {margin-bottom:10px;padding:10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));border-radius:12px;background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}
html body .foxie-integration-token small {display:block;color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.08em}
html body .foxie-integration-token code {display:block;margin-top:6px;padding:8px;border-radius:8px;overflow:auto;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px}
html body .foxie-integration-token p {margin:5px 0 0;color:var(--foxie-muted);font-size:12px}

html body .foxie-thread-drawer {width:min(390px,calc(100vw - 16px));height:min(760px,calc(100vh - 30px));position:fixed;z-index:3950;top:15px;right:15px;border:1px solid var(--foxie-border);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:-25px 20px 80px color-mix(in srgb,var(--foxie-ink) 22%,transparent)}
html body .foxie-thread-drawer>header {min-height:66px;padding:10px 11px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(140deg,color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
html body .foxie-thread-drawer>header>div {min-width:0;display:grid}
html body .foxie-thread-drawer>header small {color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}
html body .foxie-thread-drawer>header strong {font-size:12px}
html body .foxie-thread-drawer>header p {margin:1px 0 0;color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-drawer>header button {width:30px;height:30px;border:0;border-radius:8px;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-thread-root {margin:9px;padding:9px;border-left:3px solid var(--foxie-accent);border-radius:9px;background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}
html body .foxie-thread-root strong {color:var(--foxie-accent);font-size:12px}
html body .foxie-thread-root p {margin:3px 0;font-size:12px;line-height:1.45}
html body .foxie-thread-root small {color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-list {min-height:0;flex:1;padding:0 9px 9px;overflow:auto;display:grid;align-content:start;gap:6px}
html body .foxie-thread-list>article {padding:7px;border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;background:var(--foxie-surface-soft)}
html body .foxie-thread-list .avatar {width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:12px;font-weight:900}
html body .foxie-thread-list article>div {min-width:0}
html body .foxie-thread-list article header {display:flex;justify-content:space-between;gap:6px}
html body .foxie-thread-list article strong {font-size:12px}
html body .foxie-thread-list article small {color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-list article p {margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}
html body .foxie-thread-drawer>footer {padding:8px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
html body .foxie-thread-drawer>footer textarea {width:100%;min-height:58px;max-height:120px;padding:8px;border:1px solid var(--foxie-border);border-radius:10px;outline:0;resize:vertical;color:var(--foxie-ink);background:var(--foxie-surface-soft);font:inherit;font-size:12px}
html body .foxie-thread-drawer>footer>div {margin-top:5px;display:flex;justify-content:space-between;gap:6px}
html body .foxie-thread-drawer>footer button {height:31px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:8px;display:flex;align-items:center;gap:4px;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px;font-weight:850;cursor:pointer}
html body .foxie-thread-drawer>footer button.primary {margin-left:auto;border-color:var(--foxie-accent);color:#fff;background:var(--foxie-accent)}

@media(max-width:900px){
  html body .foxie-search-controls{grid-template-columns:1fr 1fr!important}
  html body .foxie-search-controls>label:first-child{grid-column:1/-1}
  html body .foxie-integration-create{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  html body .foxie-channel-navigator{max-height:46%}
  html body .foxie-chat-command-overlay{padding:4px!important;place-items:stretch!important}
  html body .foxie-chat-command-panel{width:100%!important;max-height:calc(100vh - 8px)!important;border-radius:15px!important}
  html body .foxie-search-controls{grid-template-columns:1fr!important}
  html body .foxie-search-controls>label:first-child{grid-column:auto}
  html body .foxie-thread-drawer{width:100%!important;height:100%!important;top:0!important;right:0!important;border-radius:0!important;border:0!important}
  html body .foxie-message-tools{opacity:1!important;transform:none!important;pointer-events:auto!important;top:-14px!important}
}

@media(prefers-reduced-motion:reduce){html body .foxie-reaction-menu button:hover{transform:none}.foxie-chat-command-overlay{transition:none!important}}


/* foxie-channel-access-v2 */
.foxie-channel-create{display:grid;gap:18px;color:var(--foxie-ink)}
.foxie-channel-create__intro{padding:11px 13px;border:1px solid var(--foxie-border);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--foxie-surface-soft)}
.foxie-channel-create__intro>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:850}.foxie-channel-create__intro>span i{color:var(--foxie-accent)}.foxie-channel-create__intro small{color:var(--foxie-muted);font-size:12px}
.foxie-channel-create__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}.foxie-channel-field{display:grid;gap:6px}.foxie-channel-field>span{font-size:12px;font-weight:850}.foxie-channel-field em{color:var(--foxie-muted);font-style:normal;font-weight:650}.foxie-channel-field input{width:100%;height:40px;padding:0 12px;border:1px solid var(--foxie-border);border-radius:11px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised);font:inherit;font-size:12px}.foxie-channel-field input:focus{border-color:color-mix(in srgb,var(--foxie-accent) 48%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 8%,transparent)}.foxie-channel-field .with-icon{position:relative}.foxie-channel-field .with-icon>i{position:absolute;left:11px;top:12px;color:var(--foxie-muted)}.foxie-channel-field .with-icon input{padding-left:31px}
.foxie-channel-access-block{padding:15px;border:1px solid var(--foxie-border);border-radius:15px;display:grid;gap:13px;background:color-mix(in srgb,var(--foxie-surface-soft) 55%,transparent)}.foxie-channel-access-block>header strong{display:block;font-size:12px}.foxie-channel-access-block>header span{display:block;margin-top:2px;color:var(--foxie-muted);font-size:12px}
.foxie-channel-access-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.foxie-channel-access-modes label{cursor:pointer}.foxie-channel-access-modes input{position:absolute;opacity:0;pointer-events:none}.foxie-channel-access-modes label>span{min-height:72px;padding:11px;border:1px solid var(--foxie-border);border-radius:12px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;background:var(--foxie-surface-raised);transition:.15s}.foxie-channel-access-modes label>span>i{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.foxie-channel-access-modes strong{font-size:12px}.foxie-channel-access-modes small{color:var(--foxie-muted);font-size:12px}.foxie-channel-access-modes input:checked+span{border-color:color-mix(in srgb,var(--foxie-accent) 48%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised));box-shadow:0 0 0 2px color-mix(in srgb,var(--foxie-accent) 6%,transparent)}.foxie-channel-access-modes input:checked+span>i{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))}
.foxie-channel-restricted{display:grid;gap:13px;padding-top:2px}.foxie-channel-restricted[hidden]{display:none!important}.foxie-channel-access-section{display:grid;gap:7px}.foxie-channel-access-section>header strong{display:block;font-size:12px}.foxie-channel-access-section>header small{color:var(--foxie-muted);font-size:12px}.foxie-access-chips{display:flex;flex-wrap:wrap;gap:6px}.foxie-access-chip{cursor:pointer}.foxie-access-chip input{position:absolute;opacity:0;pointer-events:none}.foxie-access-chip>span{min-height:27px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:999px;display:inline-flex;align-items:center;gap:4px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:800}.foxie-access-chip.custom>span{border-color:color-mix(in srgb,var(--channel-role) 26%,var(--foxie-border))}.foxie-access-chip input:checked+span{border-color:color-mix(in srgb,var(--foxie-accent) 58%,var(--foxie-border));color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))}.foxie-access-chip.custom input:checked+span{border-color:var(--channel-role);color:var(--channel-role);background:color-mix(in srgb,var(--channel-role) 8%,var(--foxie-surface-raised))}.foxie-access-empty{color:var(--foxie-muted);font-size:12px}
.foxie-access-search{height:34px;padding:0 9px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:6px;background:var(--foxie-surface-raised)}.foxie-access-search i{color:var(--foxie-muted)}.foxie-access-search input{width:100%;border:0;outline:0;color:var(--foxie-ink);background:transparent;font:inherit;font-size:12px}.foxie-access-people{max-height:190px;overflow:auto;display:grid;gap:4px}.foxie-access-person{min-height:48px;padding:6px 8px;border:1px solid transparent;border-radius:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:8px;align-items:center;cursor:pointer}.foxie-access-person:hover{background:var(--foxie-surface-soft)}.foxie-access-person>input{position:absolute;opacity:0;pointer-events:none}.foxie-access-person>.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:12px}.foxie-access-person>.avatar img{width:100%;height:100%;object-fit:cover}.foxie-access-person>span:nth-of-type(2){min-width:0;display:grid}.foxie-access-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.foxie-access-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.foxie-access-person>i{width:20px;height:20px;border:1px solid var(--foxie-border);border-radius:7px;display:grid;place-items:center;color:transparent}.foxie-access-person:has(input:checked){border-color:color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}.foxie-access-person:has(input:checked)>i{border-color:var(--foxie-accent);color:#fff;background:var(--foxie-accent)}
.foxie-channel-access-summary{padding:9px 10px;border-radius:10px;display:flex;align-items:center;gap:7px;color:var(--foxie-muted);background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised));font-size:12px}.foxie-channel-access-summary i{color:var(--foxie-accent);font-size:16px}
.foxie-channel-voice{padding:10px 12px;border:1px solid var(--foxie-border);border-radius:12px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;cursor:pointer;background:var(--foxie-surface-raised)}.foxie-channel-voice>input{accent-color:var(--foxie-accent)}.foxie-channel-voice>span{display:grid;grid-template-columns:19px 1fr;grid-template-rows:auto auto;align-items:center}.foxie-channel-voice i{grid-row:1/3;color:var(--foxie-accent)}.foxie-channel-voice strong{font-size:12px}.foxie-channel-voice small{color:var(--foxie-muted);font-size:12px}.foxie-channel-create__footer{padding-top:4px;display:flex;justify-content:flex-end;gap:8px}.foxie-channel-create__footer button{min-height:36px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;display:inline-flex;align-items:center;gap:6px;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px;font-weight:850;cursor:pointer}.foxie-channel-create__footer button.primary{border-color:var(--foxie-accent);color:#fff;background:var(--foxie-accent)}.foxie-channel-create__footer button:disabled{opacity:.58;cursor:wait}
@media(max-width:680px){.foxie-channel-create__grid,.foxie-channel-access-modes{grid-template-columns:1fr}.foxie-channel-create__intro{align-items:flex-start;flex-direction:column}.foxie-access-people{max-height:240px}}


/* foxie-sidebar-natural-flow-v3 */
html body .foxie-channel-category__rows[hidden]{display:none!important}
html body .internal-surface.is-page .thread-pane{overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;scrollbar-gutter:stable}
html body .internal-surface.is-page .thread-pane>.foxie-channel-navigator{flex:0 0 auto!important;max-height:none!important;height:auto!important;overflow:visible!important}
html body .internal-surface.is-page .thread-pane>.archive-tabs,html body .internal-surface.is-page .thread-pane>.thread-search,html body .internal-surface.is-page .thread-pane>.thread-actions{flex:0 0 auto!important}
html body .internal-surface.is-page .thread-pane>.thread-list{flex:0 0 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
html body .foxie-channel-category__actions{display:flex;align-items:center;gap:2px}
html body .foxie-channel-category__actions>button,html body .foxie-channel-row-delete{width:24px;height:24px;padding:0;border:0;border-radius:7px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-channel-category__actions>button:hover,html body .foxie-channel-row-delete:hover{color:#e54f65;background:color-mix(in srgb,#e54f65 9%,transparent)}
html body .foxie-channel-category__actions [data-new-channel]:hover{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,transparent)}
html body .foxie-channel-row-shell{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:2px;min-width:0}
html body .foxie-channel-row-shell>.foxie-channel-row{min-width:0;width:100%}
html body .foxie-channel-row-delete{opacity:.25;transition:opacity .14s ease,background .14s ease,color .14s ease}
html body .foxie-channel-row-shell:hover>.foxie-channel-row-delete,html body .foxie-channel-row-delete:focus-visible{opacity:1}
html body .foxie-channel-category__empty{padding:6px 10px 10px 29px;color:var(--foxie-muted);font-size:12px;line-height:1.35}
html body .foxie-danger-confirm{padding:15px;border:1px solid color-mix(in srgb,#e54f65 28%,var(--foxie-border));border-radius:14px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:start;background:color-mix(in srgb,#e54f65 5%,var(--foxie-surface-raised))}
html body .foxie-danger-confirm>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#e54f65;background:color-mix(in srgb,#e54f65 10%,transparent)}
html body .foxie-danger-confirm strong{color:var(--foxie-ink);font-size:12px}html body .foxie-danger-confirm p{margin:4px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.5}
html body .foxie-channel-create__footer .danger{color:#fff!important;border-color:#d94159!important;background:#d94159!important}
@media(max-width:700px),(pointer:coarse){html body .foxie-channel-row-delete{opacity:.7}}
html body .foxie-rtc-dock{width:min(620px,calc(100vw - 28px));max-height:min(540px,calc(100vh - 90px));position:fixed;z-index:3850;right:14px;bottom:14px;border:1px solid color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-border));border-radius:19px;display:flex;flex-direction:column;overflow:hidden;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);box-shadow:0 28px 90px color-mix(in srgb,var(--foxie-ink) 23%,transparent);backdrop-filter:blur(18px)}
html body .foxie-rtc-dock>header{min-height:62px;padding:9px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--foxie-border);background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
html body .foxie-rtc-dock>header>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 8px 22px color-mix(in srgb,var(--foxie-accent) 22%,transparent)}
html body .foxie-rtc-dock>header>span i{font-size:20px}
html body .foxie-rtc-dock>header>div{min-width:0;display:grid}
html body .foxie-rtc-dock>header small{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}
html body .foxie-rtc-dock>header strong{font-size:12px}
html body .foxie-rtc-dock>header p{margin:1px 0 0;color:var(--foxie-muted);font-size:12px}
html body .foxie-rtc-dock>header>button{width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-rtc-stage{min-height:165px;max-height:370px;padding:8px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;background:color-mix(in srgb,var(--foxie-surface-soft) 68%,var(--foxie-surface-raised))}
html body .foxie-rtc-peer{min-height:150px;position:relative;border:1px solid var(--foxie-border);border-radius:13px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
html body .foxie-rtc-peer video{width:100%;height:100%;position:absolute;inset:0;display:none;object-fit:cover;background:#090b0d}
html body .foxie-rtc-peer.has-video video{display:block}
html body .foxie-rtc-peer__fallback{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:13px;font-weight:950;box-shadow:0 12px 30px color-mix(in srgb,var(--foxie-accent) 18%,transparent)}
html body .foxie-rtc-peer.has-video .foxie-rtc-peer__fallback{display:none}
html body .foxie-rtc-peer>footer{min-height:28px;padding:0 8px;position:absolute;z-index:3;right:5px;bottom:5px;left:5px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#fff;background:rgba(4,9,8,.62);backdrop-filter:blur(8px)}
html body .foxie-rtc-peer>footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
html body .foxie-rtc-peer>footer i{font-size:13px}
html body .foxie-rtc-controls{min-height:58px;padding:8px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
html body .foxie-rtc-controls button{width:40px;height:40px;border:1px solid var(--foxie-border);border-radius:12px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft);cursor:pointer;transition:.14s ease}
html body .foxie-rtc-controls button:hover,html body .foxie-rtc-controls button.active{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 32%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))}
html body .foxie-rtc-controls button.danger{margin-left:6px;color:#fff;border-color:#cb5050;background:#cb5050}
html body .foxie-rtc-controls button i{font-size:19px}
html body .foxie-rtc-dock.minimized{width:300px;max-height:62px}
html body .foxie-rtc-dock.minimized .foxie-rtc-stage,html body .foxie-rtc-dock.minimized>.foxie-rtc-controls{display:none}
html body .conversation-actions [data-internal-rtc-toggle].active{color:var(--foxie-accent)!important;border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft))!important}
@media(max-width:700px){html body .foxie-rtc-dock{width:calc(100vw - 10px);right:5px;bottom:5px;border-radius:16px}html body .foxie-rtc-stage{grid-template-columns:1fr;max-height:58vh}html body .foxie-rtc-peer{min-height:180px}}
html body .foxie-permissions-overlay{position:fixed;z-index:3980;inset:0;padding:4vh 14px;display:grid;place-items:start center;background:color-mix(in srgb,var(--foxie-ink) 30%,transparent);backdrop-filter:blur(8px)}
html body .foxie-permissions-panel{width:min(850px,100%);max-height:92vh;border:1px solid color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-border));border-radius:20px;display:flex;flex-direction:column;overflow:hidden;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 32px 100px color-mix(in srgb,var(--foxie-ink) 24%,transparent)}
html body .foxie-permissions-panel>header{min-height:76px;padding:12px 14px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
html body .foxie-permissions-panel>header>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 9px 22px color-mix(in srgb,var(--foxie-accent) 20%,transparent)}
html body .foxie-permissions-panel>header>span i{font-size:20px}
html body .foxie-permissions-panel>header>div{min-width:0;display:grid}
html body .foxie-permissions-panel>header small{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}
html body .foxie-permissions-panel>header strong{font-size:12px}
html body .foxie-permissions-panel>header p{margin:2px 0 0;color:var(--foxie-muted);font-size:12px}
html body .foxie-permissions-panel>header>button{width:31px;height:31px;border:0;border-radius:8px;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-permissions-toolbar{padding:10px 12px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:1fr 1.4fr;gap:8px;background:var(--foxie-surface-soft)}
html body .foxie-permissions-toolbar label{display:grid;gap:4px;color:var(--foxie-muted);font-size:12px;font-weight:900}
html body .foxie-permissions-toolbar select{height:36px;padding:0 8px;border:1px solid var(--foxie-border);border-radius:9px;outline:0;color:var(--foxie-ink);background:var(--foxie-surface-raised);font-size:12px}
html body .foxie-permissions-grid{min-height:0;padding:10px 12px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px}
html body .foxie-permissions-grid>article{min-height:50px;padding:7px;border:1px solid var(--foxie-border);border-radius:11px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;background:color-mix(in srgb,var(--foxie-surface-soft) 58%,transparent)}
html body .foxie-permissions-grid>article>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-raised)}
html body .foxie-permissions-grid>article>span i{font-size:16px}
html body .foxie-permissions-grid>article>div:nth-child(2){min-width:0;display:grid}
html body .foxie-permissions-grid strong{font-size:12px}
html body .foxie-permissions-grid small{color:var(--foxie-muted);font-size:12px}
html body .foxie-permission-switch{height:28px;padding:2px;border:1px solid var(--foxie-border);border-radius:9px;display:flex;gap:1px;background:var(--foxie-surface-raised)}
html body .foxie-permission-switch button{width:26px;height:22px;border:0;border-radius:6px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body .foxie-permission-switch button.active{color:var(--foxie-ink);background:var(--foxie-surface-soft)}
html body .foxie-permission-switch button.active.allow{color:#1b9b66;background:color-mix(in srgb,#28b879 12%,var(--foxie-surface-raised))}
html body .foxie-permission-switch button.active.deny{color:#ce5050;background:color-mix(in srgb,#d65d5d 10%,var(--foxie-surface-raised))}
html body .foxie-permissions-panel>footer{min-height:58px;padding:8px 12px;border-top:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--foxie-surface-raised)}
html body .foxie-permissions-panel>footer>div{display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px}
html body .foxie-permissions-panel>footer>button{height:35px;padding:0 11px;border:0;border-radius:9px;display:flex;align-items:center;gap:5px;color:#fff;background:var(--foxie-accent);font-size:12px;font-weight:900;cursor:pointer}
@media(max-width:700px){html body .foxie-permissions-overlay{padding:4px}html body .foxie-permissions-panel{max-height:calc(100vh - 8px);border-radius:15px}html body .foxie-permissions-toolbar,html body .foxie-permissions-grid{grid-template-columns:1fr}html body .foxie-permissions-panel>footer{align-items:stretch;flex-direction:column}html body .foxie-permissions-panel>footer>button{justify-content:center}}
html body .internal-surface .foxie-public-ai-message .message-author,
html body .internal-surface .foxie-integration-message .message-author{display:none!important}
html body .internal-surface .foxie-public-ai-message .foxie-message-fx,
html body .internal-surface .foxie-integration-message .foxie-message-fx{display:none!important}
html body .internal-surface .foxie-public-ai-message .message-bubble,
html body .internal-surface .foxie-integration-message .message-bubble{border-radius:14px!important;color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--foxie-ink) 6%,transparent)!important}
html body .internal-surface .foxie-public-ai-message .message-bubble{border-color:color-mix(in srgb,#7657e8 28%,var(--foxie-border))!important;background:linear-gradient(145deg,color-mix(in srgb,#7657e8 7%,var(--foxie-surface-raised)),var(--foxie-surface-raised))!important}
html body .internal-surface .foxie-integration-message .message-bubble{border-color:color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised)),var(--foxie-surface-raised))!important}
html body .foxie-system-chat-identity{min-height:22px;margin:0 4px 4px;display:flex;align-items:center;gap:5px;color:var(--foxie-muted);font-size:12px}
html body .message-row.mine .foxie-system-chat-identity{justify-content:flex-end}
html body .foxie-system-chat-identity>span{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7657e8,#5d3bc9)}
html body .foxie-integration-message .foxie-system-chat-identity>span{background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong))}
html body .foxie-system-chat-identity>span i{font-size:12px}
html body .foxie-system-chat-identity strong{color:var(--foxie-ink);font-size:12px;font-weight:950}
html body .foxie-system-chat-identity small{color:var(--foxie-muted);font-size:12px}
/* Foxie Team sidebar + managed voice rooms */
.internal-surface .thread-pane{background:linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface-raised) 98%,transparent),color-mix(in srgb,var(--foxie-surface-soft) 88%,var(--foxie-surface-raised)))!important;border-right:1px solid color-mix(in srgb,var(--foxie-border) 88%,transparent)!important}
.internal-surface .pane-head{min-height:56px!important;padding:7px 9px!important;border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent)!important;backdrop-filter:blur(16px)!important}
.internal-surface .pane-head .brand-mark{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:0 5px 16px color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important}
.internal-surface .thread-actions{padding:0!important;display:flex!important;align-items:center!important;gap:3px!important;border-bottom:0!important}
.internal-surface .thread-actions>button{min-height:30px!important;height:30px!important;border-radius:8px!important;font-size:12px!important;font-weight:850!important}
.internal-surface .thread-actions .primary-action{padding:0 8px!important;box-shadow:0 4px 12px color-mix(in srgb,var(--foxie-accent) 12%,transparent)!important}
.internal-surface .foxie-channel-navigator{margin:3px 7px 2px!important;padding:2px 3px!important;border:0!important;border-radius:0!important;background:transparent!important}
.internal-surface .foxie-channel-navigator__head{min-height:27px!important;padding:1px 3px 2px!important}
.internal-surface .foxie-channel-category{margin-top:1px!important}
.internal-surface .foxie-channel-category>header{min-height:24px!important;padding:0 1px!important}
.internal-surface .foxie-channel-category>header button:first-child strong{font-size:12px!important;letter-spacing:.055em!important;color:var(--foxie-muted)!important}
.internal-surface .foxie-channel-row{min-height:34px!important;padding:3px 5px!important;border-radius:8px!important;gap:6px!important}
.internal-surface .foxie-channel-row>i{width:18px!important;text-align:center!important;color:var(--foxie-muted)!important;font-size:14px!important}
.internal-surface .foxie-channel-row>span{min-width:0!important}
.internal-surface .foxie-channel-row>span strong{font-size:12px!important}
.internal-surface .foxie-channel-row>span small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}
.internal-surface .foxie-channel-row.active{background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;box-shadow:inset 3px 0 0 var(--foxie-accent)!important}
.internal-surface .archive-tabs{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;display:flex!important;align-items:center!important;gap:2px!important;background:transparent!important}
.internal-surface .archive-tabs button{min-height:30px!important;height:30px!important;padding:0 7px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:12px!important}
.internal-surface .thread-search{height:32px!important;min-height:32px!important;margin:4px 8px 5px!important;border-radius:9px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 86%,transparent)!important}
.internal-surface .thread-list{padding:2px 8px 12px!important}
.internal-surface .thread-row{min-height:56px!important;margin:2px 0!important;padding:6px 7px!important;border-radius:12px!important;gap:9px!important}
.internal-surface .thread-row:hover{background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised))!important}
.internal-surface .thread-row.active{background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;box-shadow:inset 3px 0 0 var(--foxie-accent)!important}

.foxie-voice-sidebar-host{margin:2px 7px 4px}
.foxie-voice-sidebar{border:0;border-radius:0;background:transparent;overflow:hidden}
.foxie-voice-sidebar>header{min-height:27px;display:flex;align-items:center;justify-content:space-between;padding:2px 4px}
.foxie-voice-sidebar>header>span{display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px;font-weight:950;letter-spacing:.055em}
.foxie-voice-sidebar>header>span i{color:var(--foxie-accent)}
.foxie-voice-sidebar>header>em{font-style:normal;font-size:12px;color:var(--foxie-muted)}
.foxie-voice-sidebar__rooms{padding:0 2px 2px}
.foxie-voice-room{border-radius:11px;overflow:hidden;transition:.16s ease}
.foxie-voice-room.active{background:color-mix(in srgb,var(--foxie-accent) 8%,transparent);box-shadow:inset 2px 0 0 var(--foxie-accent)}
.foxie-voice-room__main{width:100%;min-height:32px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 5px;border:0;background:transparent;color:var(--foxie-ink);text-align:left}
.foxie-voice-room__main>i{color:var(--foxie-muted);font-size:16px}
.foxie-voice-room__main>span{min-width:0}
.foxie-voice-room__main strong{display:block;font-size:12px;font-weight:900}
.foxie-voice-room__main small{display:block;margin-top:1px;color:var(--foxie-muted);font-size:12px}
.foxie-voice-room__main .live{font-style:normal;font-size:12px;font-weight:950;letter-spacing:.04em;color:var(--foxie-accent)}
.foxie-voice-room__people{padding:0 5px 3px 23px;display:grid;gap:1px}
.foxie-voice-room__people button{height:27px;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:5px;border:0;border-radius:7px;background:transparent;color:var(--foxie-muted);text-align:left}
.foxie-voice-room__people button:hover{background:color-mix(in srgb,var(--foxie-accent) 5%,transparent);color:var(--foxie-ink)}
.foxie-voice-room__people button>span{width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--foxie-surface-soft);display:grid;place-items:center}
.foxie-voice-room__people img{width:100%;height:100%;object-fit:cover}
.foxie-voice-room__people b{font-size:12px}
.foxie-voice-room__people strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}
.foxie-voice-room__people i{font-size:12px;color:var(--foxie-accent)}

.foxie-rtc-dock-v2{position:fixed;right:18px;bottom:18px;z-index:2200;width:min(820px,calc(100vw - 36px));height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--foxie-border) 76%,transparent);border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,#000 4%);box-shadow:0 30px 90px rgba(0,0,0,.28);backdrop-filter:blur(20px);transition:.2s ease}
.foxie-rtc-dock-v2.expanded{inset:8px!important;width:auto!important;height:auto!important;max-width:none!important;border-radius:18px!important}
.foxie-rtc-dock-v2.minimized{width:340px;height:70px;overflow:hidden}
.foxie-rtc-dock-v2.minimized .foxie-rtc-layout,.foxie-rtc-dock-v2.minimized>.foxie-rtc-controls{display:none}
.foxie-rtc-head{min-height:70px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--foxie-border);background:linear-gradient(90deg,color-mix(in srgb,var(--foxie-accent) 5%,transparent),transparent 42%)}
.foxie-rtc-head .brand{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));color:var(--foxie-accent)}
.foxie-rtc-head>div:nth-child(2){min-width:0;flex:1}
.foxie-rtc-head small{display:block;color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.07em}
.foxie-rtc-head strong{display:block;margin-top:1px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-rtc-head p{margin:1px 0 0;color:var(--foxie-muted);font-size:12px}
.foxie-rtc-head__actions{display:flex;gap:4px}
.foxie-rtc-head__actions button,.foxie-rtc-controls button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}
.foxie-rtc-head__actions button:hover,.foxie-rtc-controls button:hover{color:var(--foxie-ink);border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))}
.foxie-rtc-head__actions button.active,.foxie-rtc-controls button.active{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft))}
.foxie-rtc-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 210px}
.foxie-rtc-stage{min-width:0;min-height:0;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(160px,1fr);gap:8px;overflow:auto;background:#0b0d10}
.foxie-rtc-peer{position:relative;min-width:0;min-height:150px;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 20%,#202833,#101317 68%);cursor:zoom-in;transition:.18s ease}
.foxie-rtc-peer:hover{border-color:color-mix(in srgb,var(--foxie-accent) 45%,rgba(255,255,255,.08))}
.foxie-rtc-peer.focused{grid-column:1/-1;grid-row:1/span 3;min-height:420px;cursor:zoom-out;box-shadow:0 0 0 2px color-mix(in srgb,var(--foxie-accent) 52%,transparent)}
.foxie-rtc-peer video{width:100%;height:100%;object-fit:contain;background:#07090c;display:none}
.foxie-rtc-peer.has-video video{display:block}
.foxie-rtc-peer__fallback{position:absolute;inset:0;display:grid;place-items:center}
.foxie-rtc-peer.has-video .foxie-rtc-peer__fallback{display:none}
.foxie-rtc-peer__fallback span{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 15%,#1d2229);color:#fff;font-size:20px;font-weight:950}
.foxie-rtc-peer footer{position:absolute;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 7px;align-items:center;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.54);backdrop-filter:blur(8px);color:#fff}
.foxie-rtc-peer footer strong{grid-column:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-rtc-peer footer span{grid-column:1;font-size:12px;color:rgba(255,255,255,.72)}
.foxie-rtc-peer footer i{grid-column:2;grid-row:1/span 2;font-size:13px}
.foxie-rtc-peer.is-screen{border-color:color-mix(in srgb,var(--foxie-accent) 45%,rgba(255,255,255,.1))}
.foxie-rtc-members{min-width:0;border-left:1px solid var(--foxie-border);background:var(--foxie-surface-raised);overflow:hidden;display:flex;flex-direction:column}
.foxie-rtc-members>header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--foxie-border)}
.foxie-rtc-members>header strong{font-size:12px;font-weight:950;letter-spacing:.04em}
.foxie-rtc-members>header span{min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--foxie-surface-soft);font-size:12px}
.foxie-rtc-members>[data-rtc-members]{min-height:0;overflow:auto;padding:6px}
.foxie-rtc-members article{min-height:45px;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:7px;padding:5px;border-radius:10px}
.foxie-rtc-members article:hover{background:var(--foxie-surface-soft)}
.foxie-rtc-members article .avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--foxie-surface-soft);font-size:12px;font-weight:900}
.foxie-rtc-members article .avatar img{width:100%;height:100%;object-fit:cover}
.foxie-rtc-members article strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-rtc-members article small{display:block;margin-top:1px;color:var(--foxie-muted);font-size:12px}
.foxie-rtc-members article>button{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--foxie-muted)}
.foxie-rtc-members article>button:hover{background:color-mix(in srgb,var(--foxie-accent) 8%,transparent);color:var(--foxie-accent)}
.foxie-rtc-members-empty{padding:18px 10px;text-align:center;color:var(--foxie-muted);font-size:12px}
.foxie-rtc-controls{min-height:58px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
.foxie-rtc-controls button{width:40px;height:40px;border-radius:12px}
.foxie-rtc-controls button.danger{color:#fff;background:#e5484d;border-color:#e5484d}
.foxie-voice-member-popover{position:fixed;z-index:2600;width:190px;padding:5px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-raised);box-shadow:0 16px 46px rgba(0,0,0,.22)}
.foxie-voice-member-popover button{width:100%;min-height:34px;padding:0 8px;display:flex;align-items:center;gap:7px;border:0;border-radius:8px;background:transparent;color:var(--foxie-ink);font-size:12px;font-weight:700;text-align:left}
.foxie-voice-member-popover button:hover{background:var(--foxie-surface-soft)}
.foxie-voice-member-popover button.danger{color:#e5484d}

@media(max-width:920px){
 .foxie-rtc-dock-v2{inset:auto 6px 6px 6px;width:auto;height:min(78dvh,720px);border-radius:16px}
 .foxie-rtc-dock-v2.expanded{inset:0!important;border-radius:0!important;height:100dvh!important}
 .foxie-rtc-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
 .foxie-rtc-members{max-height:150px;border-left:0;border-top:1px solid var(--foxie-border)}
 .foxie-rtc-members>[data-rtc-members]{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden}
 .foxie-rtc-members article{min-width:155px;grid-template-columns:28px minmax(0,1fr) 26px}
 .foxie-rtc-stage{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-auto-rows:minmax(130px,1fr);padding:6px;gap:5px}
 .foxie-rtc-peer.focused{min-height:50dvh;grid-row:1/span 3}
}
@media(max-width:640px){
 .internal-surface .thread-pane{width:100%!important;max-width:none!important}
 .internal-surface .foxie-channel-navigator,.foxie-voice-sidebar-host{margin-left:6px!important;margin-right:6px!important}
 .internal-surface .thread-actions{padding-left:8px!important;padding-right:8px!important}
 .internal-surface .thread-search,.internal-surface .archive-tabs{margin-left:8px!important;margin-right:8px!important}
 .foxie-rtc-head{min-height:62px;padding:8px}
 .foxie-rtc-head .brand{width:34px;height:34px}
 .foxie-rtc-head__actions{gap:2px}
 .foxie-rtc-head__actions button{width:30px;height:30px;border-radius:9px}
 .foxie-rtc-stage{grid-template-columns:1fr;grid-auto-rows:minmax(170px,1fr)}
 .foxie-rtc-peer.focused{min-height:56dvh}
 .foxie-rtc-controls{min-height:54px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .foxie-rtc-controls button{width:38px;height:38px}
}

/* foxie-internal-chat-compact-toolbar-v1 */
.internal-surface .thread-command-bar{margin:5px 8px 2px;padding:3px;border:1px solid color-mix(in srgb,var(--foxie-border) 78%,transparent);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:color-mix(in srgb,var(--foxie-surface-soft) 62%,transparent)}
.internal-surface .thread-actions .compact-icon{width:30px!important;min-width:30px!important;padding:0!important}
.internal-surface .thread-actions .compact-label span{display:inline!important}
.internal-surface .archive-tabs button:not(.active){color:var(--foxie-muted)!important;background:transparent!important}
.internal-surface .archive-tabs button.active{color:var(--foxie-accent)!important;background:var(--foxie-surface-raised)!important;box-shadow:0 2px 8px color-mix(in srgb,#000 7%,transparent)!important}
.foxie-provider-panel{width:min(920px,calc(100vw - 24px))!important;max-height:min(860px,calc(100dvh - 24px))!important}
.foxie-provider-body{padding:14px!important;overflow:auto!important}
.foxie-provider-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised)),var(--foxie-surface-raised) 55%)}
.foxie-provider-hero>div{min-width:0}.foxie-provider-hero span{display:block;color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.07em}.foxie-provider-hero strong{display:block;margin-top:3px;font-size:14px}.foxie-provider-hero p{margin:4px 0 0;max-width:620px;color:var(--foxie-muted);font-size:12px;line-height:1.5}.foxie-provider-hero>button{flex:0 0 auto;min-height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;border:0;border-radius:11px;background:var(--foxie-accent);color:#fff;font-size:12px;font-weight:900}
.foxie-provider-grid{display:grid;gap:7px}
.foxie-provider-card{min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--foxie-border);border-radius:14px;background:var(--foxie-surface-raised);transition:.15s ease}
.foxie-provider-card:hover{border-color:color-mix(in srgb,var(--foxie-accent) 20%,var(--foxie-border));box-shadow:0 8px 24px color-mix(in srgb,var(--foxie-ink) 5%,transparent)}
.foxie-provider-card__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));color:var(--foxie-accent);font-size:20px}
.foxie-provider-card__copy{min-width:0}.foxie-provider-card__copy small{display:block;color:var(--foxie-muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.foxie-provider-card__copy strong{display:block;margin-top:1px;font-size:12px}.foxie-provider-card__copy p{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}.foxie-provider-card__copy em{display:block;margin-top:3px;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d97706;font-size:12px;font-style:normal}
.foxie-provider-card__status span{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:var(--foxie-surface-soft);color:var(--foxie-muted);font-size:12px;font-weight:750}.foxie-provider-card__status span.ok{color:#138a55;background:color-mix(in srgb,#16a36a 10%,var(--foxie-surface-soft))}.foxie-provider-card__status span.bad{color:#d54b4b;background:color-mix(in srgb,#e5484d 9%,var(--foxie-surface-soft))}
.foxie-provider-card__actions{display:flex;gap:3px}.foxie-provider-card__actions button{width:31px;height:31px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}.foxie-provider-card__actions button:hover{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))}.foxie-provider-card__actions button.testing i{animation:mdi-spin 1s linear infinite}
.foxie-provider-ai-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-border));border-radius:13px;background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}.foxie-provider-ai-note>i{color:var(--foxie-accent);font-size:18px}.foxie-provider-ai-note strong{display:block;font-size:12px}.foxie-provider-ai-note p{margin:3px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.5}
.foxie-provider-form{max-width:720px;margin:0 auto}.foxie-provider-form>header{display:flex;align-items:flex-start;gap:10px;padding:5px 0 14px}.foxie-provider-form>header>button{width:34px;height:34px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}.foxie-provider-form>header small{display:block;color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.06em}.foxie-provider-form>header strong{display:block;margin-top:2px;font-size:14px}.foxie-provider-form>header p{margin:3px 0 0;color:var(--foxie-muted);font-size:12px}
.foxie-provider-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.foxie-provider-form label{display:grid;gap:4px;margin-bottom:9px}.foxie-provider-form label>span{font-size:12px;font-weight:900}.foxie-provider-form label>small{color:var(--foxie-muted);font-size:12px;line-height:1.4}.foxie-provider-form input,.foxie-provider-form select,.foxie-provider-form textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--foxie-border);border-radius:10px;outline:0;background:var(--foxie-surface-soft);color:var(--foxie-ink);font:inherit;font-size:12px}.foxie-provider-form textarea{resize:vertical;min-height:96px}.foxie-provider-form input:focus,.foxie-provider-form select:focus,.foxie-provider-form textarea:focus{border-color:color-mix(in srgb,var(--foxie-accent) 45%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 7%,transparent)}
.foxie-provider-dynamic{margin-top:3px;padding:12px;border:1px solid var(--foxie-border);border-radius:14px;background:color-mix(in srgb,var(--foxie-surface-soft) 65%,transparent)}.foxie-provider-form>footer{display:flex;justify-content:flex-end;gap:7px;padding-top:12px}.foxie-provider-form>footer button{min-height:38px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px;font-weight:850}.foxie-provider-form>footer button.primary{border-color:var(--foxie-accent);background:var(--foxie-accent);color:#fff}
@media(max-width:700px){.foxie-provider-panel{inset:4px!important;width:auto!important;max-height:calc(100dvh - 8px)!important;border-radius:15px!important}.foxie-provider-body{padding:9px!important}.foxie-provider-hero{align-items:stretch;flex-direction:column;padding:12px}.foxie-provider-hero>button{justify-content:center}.foxie-provider-card{grid-template-columns:38px minmax(0,1fr) auto;padding:8px}.foxie-provider-card__status{grid-column:2/4}.foxie-provider-card__actions{grid-column:2/4;justify-content:flex-end}.foxie-provider-form__grid{grid-template-columns:1fr}.foxie-provider-form>footer{position:sticky;bottom:0;padding:9px 0 max(9px,env(safe-area-inset-bottom));background:var(--foxie-surface-raised)}}
/* Call/video stabilization + responsive horizontal meeting layout. */
.foxie-rtc-dock-v2{
  width:min(960px,calc(100vw - 40px))!important;
  height:min(640px,calc(100dvh - 96px))!important;
  max-width:none!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-layout{
  grid-template-columns:minmax(0,1fr) minmax(190px,238px)!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-stage{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(0,1fr)!important;
  align-content:stretch!important;
  justify-content:stretch!important;
  padding:12px!important;
  gap:10px!important;
  overflow:auto!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-stage.single-participant{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-stage.single-participant .foxie-rtc-peer{
  width:100%!important;
  height:100%!important;
  min-height:300px!important;
  aspect-ratio:auto!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-peer{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  aspect-ratio:auto!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-peer video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  transition:none!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-peer.is-screen video{
  object-fit:contain!important;
  background:#05070a!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-stage.has-focus{
  grid-template-columns:minmax(0,1fr) minmax(145px,190px)!important;
  grid-template-rows:repeat(3,minmax(100px,1fr))!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-stage.has-focus .foxie-rtc-peer.focused{
  grid-column:1!important;
  grid-row:1/-1!important;
  min-height:0!important;
}
.foxie-rtc-dock-v2 .foxie-rtc-stage.has-focus .foxie-rtc-peer:not(.focused){
  grid-column:2!important;
  min-height:110px!important;
}
.foxie-rtc-dock-v2.expanded{
  inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  width:auto!important;
  height:auto!important;
  border-radius:18px!important;
}
.foxie-rtc-dock-v2.expanded .foxie-rtc-layout{
  grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important;
}
.foxie-rtc-dock-v2.expanded .foxie-rtc-stage{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
}
.foxie-rtc-dock-v2.expanded .foxie-rtc-stage.has-focus{
  grid-template-columns:minmax(0,1fr) minmax(180px,230px)!important;
}
.foxie-rtc-dock-v2 [data-internal-call-audio],
.foxie-rtc-dock-v2 [data-internal-call-video]{animation:none!important}

/* Native in-product forms replace window.prompt for channel/category creation. */
.foxie-chat-native-form-layer,.foxie-voice-picker{
  position:fixed;
  inset:0;
  z-index:2950;
  padding:18px;
  display:grid;
  place-items:center;
  background:rgba(8,12,18,.54);
  backdrop-filter:blur(8px);
}
.foxie-chat-native-form,.foxie-voice-picker>section{
  width:min(520px,100%);
  max-height:min(720px,calc(100dvh - 36px));
  overflow:auto;
  border:1px solid color-mix(in srgb,var(--foxie-border) 84%,transparent);
  border-radius:20px;
  background:var(--foxie-surface-raised);
  color:var(--foxie-ink);
  box-shadow:0 28px 90px rgba(0,0,0,.28);
}
.foxie-chat-native-form>header,.foxie-voice-picker>section>header{
  padding:18px 18px 14px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  border-bottom:1px solid var(--foxie-border);
}
.foxie-chat-native-form>header>div,.foxie-voice-picker>section>header>div{min-width:0;flex:1}
.foxie-chat-native-form>header small,.foxie-voice-picker>section>header small{
  display:block;
  color:var(--foxie-accent);
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
}
.foxie-chat-native-form>header strong,.foxie-voice-picker>section>header strong{display:block;margin-top:3px;font-size:18px}
.foxie-chat-native-form>header p,.foxie-voice-picker>section>header p{margin:5px 0 0;color:var(--foxie-muted);font-size:12px;line-height:1.45}
.foxie-chat-native-form>header>button,.foxie-voice-picker>section>header>button{
  width:34px;height:34px;flex:0 0 34px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-muted)
}
.foxie-chat-native-form__body{padding:18px;display:grid;gap:14px}
.foxie-chat-native-form__body>label:not(.foxie-native-switch){display:grid;gap:6px}
.foxie-chat-native-form__body label>span{font-size:12px;font-weight:850}
.foxie-chat-native-form__body input,.foxie-chat-native-form__body textarea{
  width:100%;border:1px solid var(--foxie-border);border-radius:12px;padding:11px 12px;background:var(--foxie-surface-soft);color:var(--foxie-ink);outline:none;font:inherit;font-size:12px
}
.foxie-chat-native-form__body input:focus,.foxie-chat-native-form__body textarea:focus{border-color:color-mix(in srgb,var(--foxie-accent) 65%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 10%,transparent)}
.foxie-native-switch{display:flex!important;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-soft)}
.foxie-native-switch input{width:16px!important;height:16px!important;padding:0!important;flex:0 0 16px}
.foxie-native-switch>span{display:block}
.foxie-native-switch strong{display:block;font-size:12px}
.foxie-native-switch small{display:block;margin-top:2px;color:var(--foxie-muted);font-size:12px}
.foxie-chat-native-form>footer{padding:12px 18px 18px;display:flex;justify-content:flex-end;gap:8px}
.foxie-chat-native-form>footer button{
  min-height:38px;padding:0 15px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-weight:850;font-size:12px
}
.foxie-chat-native-form>footer button.primary{border-color:var(--foxie-accent);background:var(--foxie-accent);color:#fff}
.foxie-chat-native-form>footer button:disabled{opacity:.55;cursor:wait}

.foxie-voice-picker__list{padding:8px;display:grid;gap:4px;max-height:min(480px,58dvh);overflow:auto}
.foxie-voice-picker__list>button{
  width:100%;min-height:56px;padding:7px 9px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;border:0;border-radius:12px;background:transparent;color:var(--foxie-ink);text-align:left
}
.foxie-voice-picker__list>button:hover{background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))}
.foxie-voice-picker__list .avatar{width:36px;height:36px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--foxie-surface-soft);color:var(--foxie-accent)}
.foxie-voice-picker__list .avatar img{width:100%;height:100%;object-fit:cover}
.foxie-voice-picker__list strong{display:block;font-size:12px}
.foxie-voice-picker__list small{display:block;margin-top:2px;color:var(--foxie-muted);font-size:12px}

/* Header call actions are present for DMs, groups and persistent channels. */
.internal-surface .conversation-actions [data-internal-call-audio],
.internal-surface .conversation-actions [data-internal-call-video]{
  color:var(--foxie-muted)!important;
}
.internal-surface .conversation-actions [data-internal-call-audio].active,
.internal-surface .conversation-actions [data-internal-call-video].active{
  color:var(--foxie-accent)!important;
  background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))!important;
}

@media (max-width:780px){
  .foxie-rtc-dock-v2,.foxie-rtc-dock-v2.expanded{
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  .foxie-rtc-dock-v2.minimized{
    inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    width:auto!important;
    height:68px!important;
    border-radius:16px!important;
  }
  .foxie-rtc-head{min-height:64px!important;padding:8px 10px!important}
  .foxie-rtc-head .brand{display:none!important}
  .foxie-rtc-head__actions{gap:2px!important}
  .foxie-rtc-head__actions button{width:31px!important;height:31px!important}
  .foxie-rtc-dock-v2 .foxie-rtc-layout,.foxie-rtc-dock-v2.expanded .foxie-rtc-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  .foxie-rtc-dock-v2 .foxie-rtc-stage,.foxie-rtc-dock-v2.expanded .foxie-rtc-stage{
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:minmax(190px,1fr)!important;
    padding:8px!important;
  }
  .foxie-rtc-dock-v2 .foxie-rtc-stage.has-focus,.foxie-rtc-dock-v2.expanded .foxie-rtc-stage.has-focus{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) repeat(2,110px)!important;
  }
  .foxie-rtc-dock-v2 .foxie-rtc-stage.has-focus .foxie-rtc-peer.focused{grid-column:1!important;grid-row:1!important}
  .foxie-rtc-dock-v2 .foxie-rtc-stage.has-focus .foxie-rtc-peer:not(.focused){grid-column:1!important;min-height:100px!important}
  .foxie-rtc-dock-v2 .foxie-rtc-peer{min-height:190px!important}
  .foxie-rtc-dock-v2 .foxie-rtc-members{
    max-height:150px!important;border-left:0!important;border-top:1px solid var(--foxie-border)!important
  }
  .foxie-rtc-members>[data-rtc-members]{display:flex!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important}
  .foxie-rtc-members article{min-width:165px!important;flex:0 0 165px!important}
  .foxie-rtc-controls{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
  .foxie-chat-native-form-layer,.foxie-voice-picker{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
  .foxie-chat-native-form,.foxie-voice-picker>section{width:100%;max-height:calc(100dvh - 20px);border-radius:16px}
}

@media (prefers-reduced-motion:reduce){
  .foxie-rtc-dock-v2,.foxie-rtc-peer,.foxie-chat-native-form-layer,.foxie-voice-picker{transition:none!important;animation:none!important}
}
/* Foxie Team meeting surface v4. Loaded after the legacy RTC sheets on purpose. */
html body .foxie-rtc-dock.foxie-meeting-dock{z-index:1800!important;width:min(900px,calc(100vw - 36px))!important;height:min(620px,calc(100dvh - 96px))!important;max-height:none!important;right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;border-radius:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:var(--foxie-surface-raised)!important;box-shadow:0 26px 84px rgba(8,21,17,.28)!important}
html body .foxie-meeting-dock .foxie-rtc-head{height:66px!important;min-height:66px!important;padding:8px 10px!important;flex:none!important;position:relative!important;z-index:4!important}
html body .foxie-meeting-dock .foxie-rtc-title{min-width:0!important;flex:1!important;display:block!important}
html body .foxie-meeting-dock .foxie-rtc-title>p{display:flex!important;align-items:center!important;gap:8px!important}
html body .foxie-meeting-dock [data-rtc-recording-flag]{padding:2px 5px;border-radius:999px;color:#fff;background:#dc4348;font-size:12px;font-style:normal;font-weight:950;letter-spacing:.07em;animation:foxieMeetingRec 1.25s ease-in-out infinite}
@keyframes foxieMeetingRec{50%{opacity:.52}}
html body .foxie-meeting-dock .foxie-rtc-head__actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex:none!important}
html body .foxie-meeting-dock .foxie-rtc-head__actions button{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important}
html body .foxie-meeting-dock .foxie-rtc-head__actions button.recording{color:#fff!important;border-color:#dc4348!important;background:#dc4348!important}
html body .foxie-meeting-dock .foxie-rtc-head__actions button.danger{color:#fff!important;border-color:#d94e53!important;background:#d94e53!important}
html body .foxie-meeting-dock .mini-only{display:none!important}

html body .foxie-meeting-dock .foxie-rtc-layout{min-height:0!important;flex:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;overflow:hidden!important}
html body .foxie-meeting-dock .foxie-rtc-stage{min-width:0!important;min-height:0!important;height:100%!important;padding:10px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;grid-auto-rows:minmax(180px,1fr)!important;gap:8px!important;overflow:auto!important;background:#090c10!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-participant{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-participant .foxie-rtc-peer{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}
html body .foxie-meeting-dock .foxie-rtc-peer{min-width:0!important;min-height:160px!important;aspect-ratio:16/9!important;border-radius:13px!important}
html body .foxie-meeting-dock .foxie-rtc-peer video{width:100%!important;height:100%!important;object-fit:cover!important;background:#07090c!important}
html body .foxie-meeting-dock .foxie-rtc-peer.is-screen video{object-fit:contain!important}
html body .foxie-meeting-dock .foxie-rtc-peer.focused{grid-column:1/-1!important;grid-row:1/span 3!important;min-height:min(520px,72vh)!important;aspect-ratio:auto!important}

html body .foxie-meeting-dock .foxie-rtc-side{min-width:0!important;min-height:0!important;border-left:1px solid var(--foxie-border)!important;display:flex!important;flex-direction:column!important;background:var(--foxie-surface-raised)!important;overflow:hidden!important}
html body .foxie-meeting-dock .foxie-rtc-side-tabs{height:44px!important;min-height:44px!important;padding:5px!important;border-bottom:1px solid var(--foxie-border)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}
html body .foxie-meeting-dock .foxie-rtc-side-tabs button{min-width:0!important;height:34px!important;padding:0 7px!important;border:0!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:var(--foxie-muted)!important;background:transparent!important;font-size:12px!important;font-weight:820!important}
html body .foxie-meeting-dock .foxie-rtc-side-tabs button.active{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))!important}
html body .foxie-meeting-dock .foxie-rtc-side-tabs b{min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--foxie-surface-soft);font-size:12px}
html body .foxie-meeting-dock .foxie-rtc-members{min-width:0!important;min-height:0!important;border:0!important;flex:1!important;overflow:auto!important;background:transparent!important}
html body .foxie-meeting-dock .foxie-rtc-members>[data-rtc-members]{padding:6px!important;overflow:visible!important}
html body .foxie-meeting-dock .foxie-rtc-members article strong em{margin-left:4px;padding:2px 4px;border-radius:999px;color:#7658c8;background:color-mix(in srgb,#8666db 11%,transparent);font-size:12px;font-style:normal;font-weight:950;letter-spacing:.05em}

html body .foxie-meeting-dock .foxie-meeting-chat{min-height:0!important;flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--foxie-surface-raised)!important}
html body .foxie-meeting-dock .foxie-meeting-chat[hidden]{display:none!important}
html body .foxie-meeting-dock .foxie-meeting-chat__messages{min-height:0!important;flex:1!important;padding:9px!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}
html body .foxie-meeting-dock .foxie-meeting-message{padding:7px 8px!important;border:1px solid color-mix(in srgb,var(--foxie-border) 78%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,var(--foxie-surface-soft) 64%,transparent)!important}
html body .foxie-meeting-dock .foxie-meeting-message>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
html body .foxie-meeting-dock .foxie-meeting-message>header strong{font-size:12px!important;color:var(--foxie-ink)!important}
html body .foxie-meeting-dock .foxie-meeting-message>header time{font-size:12px!important;color:var(--foxie-muted)!important}
html body .foxie-meeting-dock .foxie-meeting-message p{margin:4px 0 0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;color:var(--foxie-ink)!important;font-size:12px!important;line-height:1.42!important}
html body .foxie-meeting-dock .foxie-meeting-message.sticker{border:0!important;background:transparent!important}
html body .foxie-meeting-dock .sticker-body{padding:5px 0;font-size:38px;line-height:1}
html body .foxie-meeting-dock .sticker-body img{width:96px;height:96px;object-fit:contain}
html body .foxie-meeting-dock .foxie-meeting-chat-empty{margin:auto;padding:22px 14px;display:grid;place-items:center;gap:5px;text-align:center;color:var(--foxie-muted)}
html body .foxie-meeting-dock .foxie-meeting-chat-empty i{font-size:26px;color:var(--foxie-accent)}
html body .foxie-meeting-dock .foxie-meeting-chat-empty strong{color:var(--foxie-ink);font-size:12px}
html body .foxie-meeting-dock .foxie-meeting-chat-empty span{font-size:12px;line-height:1.4}
html body .foxie-meeting-dock .foxie-meeting-chat__tools{min-height:48px;padding:5px;position:relative;border-top:1px solid var(--foxie-border);display:grid;grid-template-columns:32px 32px minmax(0,1fr) 34px;gap:3px;align-items:end;background:var(--foxie-surface-raised)}
html body .foxie-meeting-dock .foxie-meeting-chat__tools>button{width:32px;height:32px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}
html body .foxie-meeting-dock .foxie-meeting-chat__tools>button:hover{color:var(--foxie-accent);background:var(--foxie-surface-soft)}
html body .foxie-meeting-dock .foxie-meeting-chat__tools>button.send{width:34px;color:#fff;background:var(--foxie-accent)}
html body .foxie-meeting-dock .foxie-meeting-chat__tools textarea{width:100%;min-height:34px;max-height:90px;padding:8px;border:1px solid var(--foxie-border);border-radius:9px;outline:0;resize:none;color:var(--foxie-ink);background:var(--foxie-surface-soft);font:inherit;font-size:12px}
html body .foxie-meeting-dock .foxie-meeting-chat__emoji,html body .foxie-meeting-dock .foxie-meeting-chat__stickers{width:210px;padding:7px;position:absolute;left:5px;bottom:48px;z-index:20;border:1px solid var(--foxie-border);border-radius:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:var(--foxie-surface-raised);box-shadow:0 14px 34px rgba(0,0,0,.16)}
html body .foxie-meeting-dock .foxie-meeting-chat__stickers{grid-template-columns:repeat(4,1fr)}
html body .foxie-meeting-dock .foxie-meeting-chat__emoji[hidden],html body .foxie-meeting-dock .foxie-meeting-chat__stickers[hidden]{display:none!important}
html body .foxie-meeting-dock .foxie-meeting-chat__emoji button,html body .foxie-meeting-dock .foxie-meeting-chat__stickers button{height:30px;border:0;border-radius:7px;background:transparent;font-size:18px}
html body .foxie-meeting-dock .foxie-meeting-chat__stickers button{height:42px;font-size:28px}

html body .foxie-meeting-dock .foxie-rtc-controls{height:58px!important;min-height:58px!important;flex:none!important;position:relative!important;z-index:4!important}
html body .foxie-meeting-dock .foxie-rtc-controls button.listen-only{color:#4f83c8!important}
html body .foxie-meeting-dock .foxie-rtc-controls button:disabled{opacity:.36!important;cursor:not-allowed!important}

/* Compact mode: no inherited 620px height, no invisible controls, no overlay slab. */
html body .foxie-rtc-dock.foxie-meeting-dock.minimized{width:min(390px,calc(100vw - 20px))!important;height:62px!important;min-height:62px!important;max-height:62px!important;right:12px!important;bottom:12px!important;left:auto!important;top:auto!important;border-radius:15px!important;overflow:hidden!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-head{height:62px!important;min-height:62px!important;border-bottom:0!important;padding:6px 8px!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-head .brand{width:34px!important;height:34px!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-title small{font-size:12px!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-title strong{max-width:150px!important;font-size:12px!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-title p{margin-top:0!important;font-size:12px!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-layout,html body .foxie-meeting-dock.minimized>.foxie-rtc-controls{display:none!important}
html body .foxie-meeting-dock.minimized .foxie-rtc-head__actions>[data-rtc-lock],html body .foxie-meeting-dock.minimized .foxie-rtc-head__actions>[data-rtc-invite],html body .foxie-meeting-dock.minimized .foxie-rtc-head__actions>[data-rtc-link],html body .foxie-meeting-dock.minimized .foxie-rtc-head__actions>[data-rtc-record],html body .foxie-meeting-dock.minimized .foxie-rtc-head__actions>[data-rtc-chat]{display:none!important}
html body .foxie-meeting-dock.minimized .mini-only{display:grid!important}

/* Discord-like fullscreen: cover only AppShell content, never sidebar/header. */
html body .foxie-rtc-dock.foxie-meeting-dock.expanded{position:fixed!important;left:var(--foxie-call-shell-left,0)!important;top:var(--foxie-call-shell-top,72px)!important;right:auto!important;bottom:auto!important;width:var(--foxie-call-shell-width,100vw)!important;height:var(--foxie-call-shell-height,calc(100dvh - 72px))!important;max-width:none!important;max-height:none!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important;z-index:49!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-layout{grid-template-columns:minmax(0,1fr) minmax(280px,22vw)!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-stage{padding:14px!important;gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;grid-auto-rows:minmax(220px,1fr)!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-peer{min-height:220px!important}

/* Pickers/forms are always above the call. */
html body .foxie-voice-picker,html body .foxie-chat-native-form-layer{z-index:5200!important}
html body .foxie-voice-member-popover{z-index:5300!important}

@media(max-width:760px){
  html body .foxie-rtc-dock.foxie-meeting-dock{width:calc(100vw - 12px)!important;height:min(590px,calc(100dvh - 78px))!important;right:6px!important;bottom:6px!important;border-radius:16px!important}
  html body .foxie-meeting-dock .foxie-rtc-head{height:60px!important;min-height:60px!important;padding:6px!important;gap:6px!important}
  html body .foxie-meeting-dock .foxie-rtc-head .brand{display:none!important}
  html body .foxie-meeting-dock .foxie-rtc-title strong{max-width:120px!important;font-size:12px!important}
  html body .foxie-meeting-dock .foxie-rtc-head__actions{gap:2px!important}
  html body .foxie-meeting-dock .foxie-rtc-head__actions button{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important}
  html body .foxie-meeting-dock .foxie-rtc-head__actions>[data-rtc-lock],html body .foxie-meeting-dock .foxie-rtc-head__actions>[data-rtc-invite]{display:none!important}
  html body .foxie-meeting-dock .foxie-rtc-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(150px,31%)!important}
  html body .foxie-meeting-dock .foxie-rtc-side{border-left:0!important;border-top:1px solid var(--foxie-border)!important}
  html body .foxie-meeting-dock .foxie-rtc-stage{padding:6px!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;grid-auto-rows:minmax(120px,1fr)!important;gap:5px!important}
  html body .foxie-meeting-dock .foxie-rtc-peer{min-height:120px!important;border-radius:10px!important}
  html body .foxie-meeting-dock .foxie-rtc-peer.focused{grid-row:1/span 2!important;min-height:250px!important}
  html body .foxie-meeting-dock .foxie-rtc-controls{height:54px!important;min-height:54px!important;padding:6px!important}
  html body .foxie-meeting-dock .foxie-rtc-controls button{width:38px!important;height:38px!important}
  html body .foxie-rtc-dock.foxie-meeting-dock.expanded{left:var(--foxie-call-shell-left,0)!important;top:var(--foxie-call-shell-top,64px)!important;width:var(--foxie-call-shell-width,100vw)!important;height:var(--foxie-call-shell-height,calc(100dvh - 64px))!important;right:auto!important;bottom:auto!important;border-radius:0!important}
  html body .foxie-meeting-dock.expanded .foxie-rtc-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(170px,30%)!important}
  html body .foxie-meeting-dock.expanded .foxie-rtc-stage{padding:7px!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;grid-auto-rows:minmax(130px,1fr)!important}
  html body .foxie-rtc-dock.foxie-meeting-dock.minimized{width:calc(100vw - 16px)!important;height:58px!important;min-height:58px!important;max-height:58px!important;right:8px!important;bottom:8px!important}
  html body .foxie-meeting-dock.minimized .foxie-rtc-head{height:58px!important;min-height:58px!important}
  html body .foxie-meeting-dock.minimized .foxie-rtc-head__actions>[data-rtc-expand]{display:grid!important}
}
.internal-surface .media-audio{min-width:min(390px,72vw)!important;padding:7px 8px!important;border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border))!important;border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised)),var(--foxie-surface-soft))!important}
.internal-surface .media-audio>div:first-child{margin-bottom:5px!important;color:var(--foxie-muted)!important}.internal-surface .media-audio>div:first-child strong{color:var(--foxie-ink)!important;font-size:12px!important}.internal-surface .media-audio .foxie-wave-source{display:none!important}
.internal-surface .foxie-wave-player{width:100%;min-height:44px;display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:7px;color:var(--foxie-ink)}.internal-surface .foxie-wave-player button{border:0;background:transparent;color:var(--foxie-muted);cursor:pointer}.internal-surface .foxie-wave-player__play{width:36px;height:36px;border-radius:50%!important;display:grid;place-items:center!important;color:#fff!important;background:var(--foxie-accent)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--foxie-accent) 25%,transparent)}.internal-surface .foxie-wave-player__play i{font-size:18px}.internal-surface .foxie-wave-player__volume{width:30px;height:30px;border-radius:9px!important;display:grid;place-items:center!important}.internal-surface .foxie-wave-player__volume:hover{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 7%,transparent)}.internal-surface .foxie-wave-player__volume.muted{color:#cb585c}.internal-surface .foxie-wave-player__main{min-width:0}.internal-surface .foxie-wave-player__bars{height:34px;display:flex;align-items:center;gap:2px;overflow:hidden;cursor:pointer;outline:0}.internal-surface .foxie-wave-player__bars:focus-visible{border-radius:6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--foxie-accent) 35%,transparent)}.internal-surface .foxie-wave-player__bars i{width:3px;min-width:2px;height:var(--wave-h,12px);max-height:30px;border-radius:999px;background:color-mix(in srgb,var(--foxie-muted) 35%,var(--foxie-border));transition:height .15s ease,background .12s ease,opacity .12s ease}.internal-surface .foxie-wave-player__bars i.played{background:var(--foxie-accent)}.internal-surface .foxie-wave-player__meta{margin-top:-2px;display:flex;justify-content:space-between;color:var(--foxie-muted);font-size:12px;font-variant-numeric:tabular-nums}.internal-surface .message-row.mine .media-audio{border-color:color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised)),color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-soft)))!important}
@media(max-width:620px){.internal-surface .media-audio{min-width:min(315px,80vw)!important}.internal-surface .foxie-wave-player{grid-template-columns:34px minmax(0,1fr) 28px;gap:5px}.internal-surface .foxie-wave-player__play{width:34px;height:34px}.internal-surface .foxie-wave-player__bars{gap:1.5px}.internal-surface .foxie-wave-player__bars i{width:2.5px}}
.foxie-drive-meeting-folder{width:100%;min-width:0;min-height:118px;padding:16px!important;border:1px solid var(--foxie-border)!important;border-radius:20px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:14px!important;row-gap:3px!important;align-items:center!important;text-align:left!important;color:var(--foxie-ink)!important;background:linear-gradient(135deg,color-mix(in srgb,#7a63d2 5%,var(--foxie-surface-raised)),var(--foxie-surface-raised))!important;box-shadow:0 12px 34px color-mix(in srgb,var(--foxie-ink) 7%,transparent)!important;overflow:hidden!important;position:relative!important}.foxie-drive-meeting-folder:hover{border-color:color-mix(in srgb,#7a63d2 28%,var(--foxie-border))!important;transform:translateY(-1px)}.foxie-drive-meeting-folder .hub-choice-icon{grid-row:1/3;width:52px!important;height:52px!important;margin:0!important;border-radius:16px!important;display:grid!important;place-items:center!important;color:#7a63d2!important;background:color-mix(in srgb,#7a63d2 10%,var(--foxie-surface-soft))!important}.foxie-drive-meeting-folder .hub-choice-icon i{font-size:25px!important}.foxie-drive-meeting-folder>div{min-width:0!important;align-self:end!important}.foxie-drive-meeting-folder>div strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--foxie-ink)!important;font-size:14px!important;line-height:1.15!important}.foxie-drive-meeting-folder>div small{display:block!important;margin-top:3px!important;color:var(--foxie-muted)!important;font-size:12px!important;line-height:1.25!important}.foxie-drive-meeting-folder .hub-choice-size{grid-column:2;align-self:start!important;color:var(--foxie-muted)!important;font-size:12px!important;line-height:1!important}.foxie-drive-meeting-folder>i.mdi-chevron-right{grid-column:3;grid-row:1/3;align-self:center!important;color:var(--foxie-muted)!important;font-size:20px!important}.foxie-drive-meeting-folder.is-error{border-color:color-mix(in srgb,#cf545a 32%,var(--foxie-border))!important}.foxie-drive-meeting-folder.is-error .hub-choice-size{color:#cf545a!important}
.foxie-drive-meeting-layer{position:fixed;inset:0;z-index:5200;padding:18px;display:grid;place-items:center;background:rgba(4,12,9,.34);backdrop-filter:blur(12px)}.foxie-drive-meeting-modal{width:min(940px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 36px));border:1px solid var(--foxie-border);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;color:var(--foxie-ink);background:var(--foxie-surface-raised);box-shadow:0 34px 110px rgba(2,20,13,.28)}.foxie-drive-meeting-modal>header{min-height:72px;padding:10px 13px;border-bottom:1px solid var(--foxie-border);display:grid;grid-template-columns:40px minmax(0,1fr) 34px;gap:10px;align-items:center}.foxie-drive-meeting-modal>header>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#7a63d2;background:color-mix(in srgb,#7a63d2 10%,var(--foxie-surface-soft))}.foxie-drive-meeting-modal>header small,.foxie-drive-meeting-modal>header strong,.foxie-drive-meeting-modal>header p{display:block}.foxie-drive-meeting-modal>header small{color:#7a63d2;font-size:12px;font-weight:950;letter-spacing:.08em}.foxie-drive-meeting-modal>header strong{font-size:14px}.foxie-drive-meeting-modal>header p{margin:2px 0 0;color:var(--foxie-muted);font-size:12px}.foxie-drive-meeting-modal>header button{width:34px;height:34px;border:0;border-radius:10px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.foxie-drive-meeting-list{min-height:0;padding:9px;overflow:auto;display:grid;gap:6px}.foxie-drive-meeting-list>article{min-height:76px;padding:8px;border:1px solid color-mix(in srgb,var(--foxie-border) 80%,transparent);border-radius:13px;display:grid;grid-template-columns:42px minmax(0,1fr) 90px 82px;gap:9px;align-items:center;background:color-mix(in srgb,var(--foxie-surface-soft) 60%,transparent)}.foxie-drive-meeting-list>article:hover{border-color:color-mix(in srgb,#7a63d2 30%,var(--foxie-border));background:color-mix(in srgb,#7a63d2 4%,var(--foxie-surface-soft))}.recording-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#7a63d2;background:color-mix(in srgb,#7a63d2 9%,var(--foxie-surface-raised))}.recording-icon i{font-size:21px}.recording-copy{min-width:0}.recording-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.recording-copy small{display:block;margin-top:2px;color:var(--foxie-muted);font-size:12px}.recording-copy p{margin:5px 0 0;display:flex;align-items:center;gap:4px;color:var(--foxie-muted);font-size:12px}.recording-meta{text-align:right}.recording-meta strong,.recording-meta small{display:block}.recording-meta strong{font-size:12px;font-variant-numeric:tabular-nums}.recording-meta small{margin-top:2px;color:var(--foxie-muted);font-size:12px}.foxie-drive-meeting-list>article>button{height:34px;border:1px solid color-mix(in srgb,#7a63d2 22%,var(--foxie-border));border-radius:9px;display:flex;align-items:center;justify-content:center;gap:4px;color:#6f58c8;background:color-mix(in srgb,#7a63d2 7%,var(--foxie-surface-raised));font-size:12px;font-weight:850}.foxie-drive-meeting-empty{min-height:210px;padding:20px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--foxie-muted)}.foxie-drive-meeting-empty i{font-size:34px;color:#7a63d2}.foxie-drive-meeting-empty strong{color:var(--foxie-ink);font-size:12px}.foxie-drive-meeting-empty span{font-size:12px}.foxie-drive-meeting-empty.danger i{color:#cf545a}.foxie-drive-meeting-player{position:absolute;inset:14px;z-index:5;border:1px solid var(--foxie-border);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;background:var(--foxie-surface-raised);box-shadow:0 26px 80px rgba(0,0,0,.28)}.foxie-drive-meeting-modal{position:relative}.foxie-drive-meeting-player[hidden]{display:none!important}.foxie-drive-meeting-player>header{height:56px;min-height:56px;padding:8px 10px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;justify-content:space-between}.foxie-drive-meeting-player>header small,.foxie-drive-meeting-player>header strong{display:block}.foxie-drive-meeting-player>header small{color:#7a63d2;font-size:12px;font-weight:950;letter-spacing:.08em}.foxie-drive-meeting-player>header strong{font-size:12px}.foxie-drive-meeting-player>header button{width:32px;height:32px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}.foxie-drive-meeting-player>video{min-height:0;flex:1;width:100%;object-fit:contain;background:#080b0f}.foxie-drive-meeting-player>footer{min-height:46px;padding:7px 10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--foxie-border);color:var(--foxie-muted);font-size:12px}.foxie-drive-meeting-player>footer span{display:flex;align-items:center;gap:4px}.foxie-drive-meeting-loading{min-height:100%;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--foxie-muted);font-size:12px}
@media(max-width:700px){.foxie-drive-meeting-folder{min-height:96px;padding:12px!important;grid-template-columns:44px minmax(0,1fr) auto!important;column-gap:10px!important}.foxie-drive-meeting-folder .hub-choice-icon{width:44px!important;height:44px!important;border-radius:13px!important}.foxie-drive-meeting-folder>div strong{font-size:12px!important}.foxie-drive-meeting-layer{padding:6px}.foxie-drive-meeting-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.foxie-drive-meeting-list>article{grid-template-columns:38px minmax(0,1fr) 68px;min-height:82px}.foxie-drive-meeting-list>article>button{grid-column:2/4}.recording-icon{width:36px;height:36px}.foxie-drive-meeting-player{inset:5px;border-radius:13px}.foxie-drive-meeting-player>footer{gap:8px}}
/* Foxie Team mobile rescue layer.
 * This file intentionally loads LAST among internal-chat sheets.
 * It neutralizes desktop call/sidebar rules that leak into narrow viewports.
 */

@media (max-width: 700px) {
  /* Do not use 100vh on mobile Safari/Chrome: their address bars resize the
   * visual viewport and were leaving the Team page taller than the usable area. */
  html body .foxie-team-page {
    width: 100% !important;
    height: calc(100dvh - var(--foxie-shell-topbar-height, 58px)) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--foxie-shell-topbar-height, 58px)) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) calc(56px + env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }

  html body .foxie-team-stage,
  html body .foxie-team-view,
  html body .foxie-team-view > * {
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  html body .foxie-team-nav {
    min-height: 0 !important;
    padding-bottom: max(4px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }

  /* The conversation list must own exactly one vertical scroller. */
  html body .internal-surface.is-page,
  html body .internal-surface.is-page.details-open {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
  }

  html body .internal-surface.is-page .thread-pane {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html body .internal-surface.is-page.has-channel .thread-pane {
    display: none !important;
  }

  html body .internal-surface .pane-head,
  html body .internal-surface .thread-actions,
  html body .internal-surface .archive-tabs,
  html body .internal-surface .thread-search,
  html body .internal-surface .foxie-channel-navigator {
    flex: 0 0 auto !important;
  }

  html body .internal-surface .foxie-channel-navigator {
    max-height: min(180px, 27dvh) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    scrollbar-gutter: auto !important;
  }

  /* Live-call cards in the contact rail were consuming the remaining height and
   * creating a nested scroll trap on iOS/Android. Calls remain accessible from
   * the active conversation header instead. */
  html body .internal-surface .foxie-voice-sidebar-host,
  html body .internal-surface [data-voice-sidebar-host] {
    display: none !important;
  }

  html body .internal-surface .thread-list {
    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 1 1 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    scrollbar-gutter: auto !important;
  }

  /* Desktop Discord utilities were creating 8-12 header buttons on phones,
   * pushing the phone/video controls outside the viewport. Keep the native
   * conversation actions plus voice/video launchers on narrow screens. */
  html body .internal-surface .conversation-actions [data-discord-toolbar] {
    display: none !important;
  }

  html body .internal-surface .conversation-head {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 64px !important;
    padding: 7px 8px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  html body .internal-surface .conversation-title {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .internal-surface .conversation-title strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .internal-surface .conversation-actions {
    min-width: 0 !important;
    max-width: min(184px, 48vw) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    pointer-events: auto !important;
  }

  html body .internal-surface .conversation-actions::-webkit-scrollbar {
    display: none !important;
  }

  html body .internal-surface .conversation-actions > button {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    touch-action: manipulation !important;
  }

  html body .internal-surface .conversation-actions [data-internal-call-audio],
  html body .internal-surface .conversation-actions [data-internal-call-video] {
    display: grid !important;
    order: -20 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 4 !important;
  }

  /* On phones a call is a page surface, not a floating desktop modal. The
   * runtime writes the exact AppShell/HeaderShell bounds into these variables. */
  html body .foxie-rtc-dock.foxie-meeting-dock:not(.minimized) {
    position: fixed !important;
    left: var(--foxie-call-shell-left, 0px) !important;
    top: var(--foxie-call-shell-top, 64px) !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--foxie-call-shell-width, 100vw) !important;
    height: var(--foxie-call-shell-height, calc(100dvh - 64px)) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    z-index: 2600 !important;
    overflow: hidden !important;
  }

  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head {
    min-height: 58px !important;
    height: 58px !important;
    padding: 6px 7px !important;
    flex: 0 0 auto !important;
  }

  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-title strong {
    max-width: min(150px, 39vw) !important;
  }

  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head__actions {
    min-width: 0 !important;
    flex: 0 0 auto !important;
    gap: 2px !important;
  }

  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head__actions button {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }

  /* Full-area is already the native mobile presentation. */
  html body .foxie-meeting-dock:not(.minimized) [data-rtc-expand] {
    display: none !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-layout {
    min-height: 0 !important;
    flex: 1 1 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) minmax(150px, 31dvh) !important;
    overflow: hidden !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-stage {
    min-height: 0 !important;
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: minmax(150px, 1fr) !important;
    gap: 5px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-peer,
  html body .foxie-meeting-dock .foxie-rtc-stage.single-participant .foxie-rtc-peer {
    width: 100% !important;
    min-height: 150px !important;
    aspect-ratio: 16 / 9 !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-peer.focused {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-height: min(48dvh, 360px) !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-side {
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    border-left: 0 !important;
    border-top: 1px solid var(--foxie-border) !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-members,
  html body .foxie-meeting-dock .foxie-meeting-chat,
  html body .foxie-meeting-dock .foxie-meeting-chat__messages {
    min-height: 0 !important;
    max-height: none !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-members,
  html body .foxie-meeting-dock .foxie-meeting-chat__messages {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-controls {
    min-height: 54px !important;
    height: auto !important;
    padding: 6px !important;
    padding-bottom: max(7px, env(safe-area-inset-bottom)) !important;
    flex: 0 0 auto !important;
  }

  html body .foxie-meeting-dock .foxie-rtc-controls button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    touch-action: manipulation !important;
  }

  html body .foxie-rtc-dock.foxie-meeting-dock.minimized {
    position: fixed !important;
    left: max(8px, env(safe-area-inset-left)) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    top: auto !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    border-radius: 14px !important;
    z-index: 2600 !important;
  }

  html body .foxie-meeting-dock.minimized [data-rtc-expand] {
    display: none !important;
  }
}
/* Foxie Team mobile rescue v2 — last stylesheet wins.
 * Narrow screens use one scroller for the contact rail and a page-like call
 * surface. This removes the nested-scroll and desktop-toolbar collisions.
 */

@media (max-width:700px){
  /* One vertical scroller for contacts/channels/threads. */
  html body .internal-surface.is-page .thread-pane{
    display:block!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-gutter:auto!important;
  }
  html body .internal-surface.is-page.has-channel .thread-pane{display:none!important}
  html body .internal-surface .foxie-channel-navigator,
  html body .internal-surface .thread-list{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:auto!important;
    scrollbar-gutter:auto!important;
  }
  html body .internal-surface .thread-list{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  html body .internal-surface .foxie-voice-sidebar-host,
  html body .internal-surface [data-voice-sidebar-host]{display:none!important}

  /* Keep phone/video launchers in the first visible header slots. */
  html body .internal-surface .conversation-actions [data-discord-toolbar]{display:none!important}
  html body .internal-surface .conversation-head{
    width:100%!important;
    min-width:0!important;
    min-height:64px!important;
    padding:7px 8px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    overflow:visible!important;
  }
  html body .internal-surface .conversation-title{min-width:0!important;overflow:hidden!important}
  html body .internal-surface .conversation-actions{
    min-width:0!important;
    max-width:min(184px,48vw)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    pointer-events:auto!important;
  }
  html body .internal-surface .conversation-actions::-webkit-scrollbar{display:none!important}
  html body .internal-surface .conversation-actions>button{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    touch-action:manipulation!important;
  }
  html body .internal-surface .conversation-actions [data-internal-call-audio],
  html body .internal-surface .conversation-actions [data-internal-call-video]{
    display:grid!important;
    order:-20!important;
    pointer-events:auto!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:5!important;
  }

  /* A phone call is a page inside the AppShell, not a floating desktop card. */
  html body .foxie-rtc-dock.foxie-meeting-dock:not(.minimized){
    position:fixed!important;
    left:var(--foxie-call-shell-left,0px)!important;
    top:var(--foxie-call-shell-top,58px)!important;
    right:auto!important;
    bottom:auto!important;
    width:var(--foxie-call-shell-width,100vw)!important;
    height:var(--foxie-call-shell-height,calc(100dvh - 58px))!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    z-index:2600!important;
  }
  html body .foxie-meeting-dock:not(.minimized) [data-rtc-expand]{display:none!important}
  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head{
    height:58px!important;
    min-height:58px!important;
    padding:6px 7px!important;
    flex:0 0 auto!important;
  }
  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head .brand{display:none!important}
  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-title{min-width:0!important}
  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-title strong{max-width:min(150px,39vw)!important}
  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head__actions{min-width:0!important;flex:0 0 auto!important;gap:2px!important}
  html body .foxie-meeting-dock:not(.minimized) .foxie-rtc-head__actions button{width:30px!important;min-width:30px!important;height:30px!important}

  html body .foxie-meeting-dock .foxie-rtc-layout,
  html body .foxie-meeting-dock.expanded .foxie-rtc-layout{
    min-height:0!important;
    flex:1 1 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(145px,29dvh)!important;
    overflow:hidden!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-stage,
  html body .foxie-meeting-dock.expanded .foxie-rtc-stage{
    min-height:0!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:minmax(150px,1fr)!important;
    gap:5px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-stage.has-focus,
  html body .foxie-meeting-dock.expanded .foxie-rtc-stage.has-focus{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:none!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-peer,
  html body .foxie-meeting-dock .foxie-rtc-stage.single-participant .foxie-rtc-peer{
    width:100%!important;
    height:auto!important;
    min-height:150px!important;
    aspect-ratio:16/9!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-peer.focused,
  html body .foxie-meeting-dock .foxie-rtc-stage.has-focus .foxie-rtc-peer.focused{
    grid-column:1!important;
    grid-row:auto!important;
    min-height:min(48dvh,360px)!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-stage.has-focus .foxie-rtc-peer:not(.focused){grid-column:1!important;min-height:130px!important}
  html body .foxie-meeting-dock .foxie-rtc-side{
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    border-left:0!important;
    border-top:1px solid var(--foxie-border)!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-members,
  html body .foxie-meeting-dock .foxie-meeting-chat,
  html body .foxie-meeting-dock .foxie-meeting-chat__messages{min-height:0!important;max-height:none!important}
  html body .foxie-meeting-dock .foxie-rtc-members,
  html body .foxie-meeting-dock .foxie-meeting-chat__messages{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-members>[data-rtc-members]{display:block!important;overflow:visible!important}
  html body .foxie-meeting-dock .foxie-rtc-members article{width:100%!important;min-width:0!important}
  html body .foxie-meeting-dock .foxie-rtc-controls{
    min-height:54px!important;
    height:auto!important;
    padding:6px!important;
    padding-bottom:max(7px,env(safe-area-inset-bottom))!important;
    flex:0 0 auto!important;
  }
  html body .foxie-meeting-dock .foxie-rtc-controls button{width:38px!important;min-width:38px!important;height:38px!important;touch-action:manipulation!important}

  html body .foxie-rtc-dock.foxie-meeting-dock.minimized{
    position:fixed!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    border-radius:14px!important;
    z-index:2600!important;
  }
  html body .foxie-meeting-dock.minimized [data-rtc-expand]{display:none!important}
}


/* foxie-mobile-interaction-v3 */
/* Camera-aware layout applies on desktop and mobile. If exactly one person has
 * video/screen active, that stream owns the full stage. Voice-only users stay
 * visible in Participants instead of wasting video-grid real estate. */
html body .foxie-meeting-dock .foxie-rtc-stage.camera-layout .foxie-rtc-peer:not(.has-video):not(.is-screen){display:none!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-camera{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:minmax(0,1fr)!important;overflow:hidden!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-camera .foxie-rtc-peer.has-video,
html body .foxie-meeting-dock .foxie-rtc-stage.single-camera .foxie-rtc-peer.is-screen{display:block!important;grid-column:1/-1!important;grid-row:1/-1!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-camera .foxie-rtc-peer video{width:100%!important;height:100%!important;object-fit:cover!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-camera .foxie-rtc-peer.is-screen video{object-fit:contain!important}

html.foxie-internal-message-actions-open,html.foxie-internal-message-actions-open body{overflow:hidden!important}
html body .foxie-internal-mobile-actions{position:fixed;z-index:2147483000;inset:0;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));overflow:auto;display:grid;place-items:center;background:rgba(5,18,14,.34);backdrop-filter:blur(12px) saturate(.84);-webkit-backdrop-filter:blur(12px) saturate(.84);animation:foxieInternalActionsIn .16s ease}
html body .foxie-internal-mobile-actions__content{width:min(94vw,430px);max-height:calc(100dvh - 34px);display:grid;gap:9px;align-content:center}
html body .foxie-internal-mobile-reactions{width:max-content;max-width:100%;justify-self:center;padding:6px;border:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent);border-radius:999px;display:flex;gap:2px;background:var(--foxie-surface-raised);box-shadow:0 14px 40px rgba(0,0,0,.22)}
html body .foxie-internal-mobile-reactions button{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--foxie-ink);background:transparent;font-size:23px}
html body .foxie-internal-focused-message{width:100%;display:flex}.foxie-internal-focused-message.mine{justify-content:flex-end}.foxie-internal-focused-message.theirs{justify-content:flex-start}
html body .foxie-internal-focused-message__bubble{max-width:min(84%,350px)!important;position:relative!important;padding:10px!important;border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;border-radius:16px!important;color:var(--foxie-ink)!important;background:var(--foxie-surface-raised)!important;box-shadow:0 16px 44px rgba(4,31,22,.22)!important;transform:none!important}
html body .foxie-internal-focused-message.mine .foxie-internal-focused-message__bubble{border-bottom-right-radius:5px!important;background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important}
html body .foxie-internal-focused-message.theirs .foxie-internal-focused-message__bubble{border-bottom-left-radius:5px!important}
html body .foxie-internal-mobile-action-sheet{overflow:hidden;border:1px solid var(--foxie-border);border-radius:20px;background:var(--foxie-surface-raised);box-shadow:0 24px 70px rgba(0,0,0,.3)}
html body .foxie-internal-mobile-action-sheet>header{min-height:44px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--foxie-border);display:flex;align-items:center;gap:8px}
html body .foxie-internal-mobile-action-sheet>header span{min-width:0;flex:1;color:var(--foxie-muted);font-size:12px;font-weight:850}
html body .foxie-internal-mobile-action-sheet>header button{width:30px;height:30px;border:0;border-radius:9px;color:var(--foxie-muted);background:var(--foxie-surface-soft)}
html body .foxie-internal-mobile-action-sheet>button{width:100%;min-height:51px;padding:8px 13px;border:0;border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 74%,transparent);display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;text-align:left;color:var(--foxie-ink);background:transparent}
html body .foxie-internal-mobile-action-sheet>button:last-child{border-bottom:0}.foxie-internal-mobile-action-sheet>button>i{color:var(--foxie-accent);font-size:20px}.foxie-internal-mobile-action-sheet>button>span{display:grid}.foxie-internal-mobile-action-sheet strong{font-size:12px}.foxie-internal-mobile-action-sheet small{margin-top:1px;color:var(--foxie-muted);font-size:12px}.foxie-internal-mobile-action-sheet>button.danger,.foxie-internal-mobile-action-sheet>button.danger>i{color:#d45050}
@keyframes foxieInternalActionsIn{from{opacity:0}to{opacity:1}}

@media(max-width:700px){
  /* Message controls never float over content on touch devices. Long-press owns
   * the action surface. Reaction chips that already exist remain readable. */
  html body .internal-surface .message-row .foxie-message-tools,
  html body .internal-surface .message-row:focus-within .foxie-message-tools,
  html body .internal-surface .message-row:hover .foxie-message-tools,
  html body .internal-surface .message-bubble>footer .message-actions{display:none!important;opacity:0!important;pointer-events:none!important}
  html body .internal-surface .message-row{-webkit-touch-callout:none!important;touch-action:pan-y!important}
  html body .foxie-internal-mobile-actions{padding:12px 10px max(12px,env(safe-area-inset-bottom))}
  html body .foxie-meeting-dock .foxie-rtc-stage.single-camera{padding:5px!important}
}


/* foxie-meeting-desktop-stage-v1 */
html body .foxie-meeting-dock .foxie-rtc-stage{max-height:none!important;align-self:stretch!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-layout{height:100%!important;min-height:0!important;grid-template-rows:minmax(0,1fr)!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-stage{height:100%!important;min-height:0!important;max-height:none!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-stage.single-camera{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-stage.single-camera .foxie-rtc-peer{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
html body .foxie-meeting-dock .foxie-rtc-peer.local.mirrored video{transform:scaleX(-1)!important}
html body .internal-surface .conversation-actions [data-internal-call-audio],html body .internal-surface .conversation-actions [data-internal-call-video]{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html body .foxie-meeting-dock .foxie-rtc-controls [data-rtc-mirror]{display:grid!important}
html body .foxie-incoming-call-banner{position:fixed;z-index:1450;top:var(--foxie-incoming-call-top,76px);right:18px;left:auto;width:min(430px,calc(var(--foxie-incoming-call-width,100vw) - 36px));min-height:68px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--foxie-accent) 20%,var(--foxie-border));border-radius:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;color:var(--foxie-ink);background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent);box-shadow:0 16px 44px color-mix(in srgb,var(--foxie-ink) 15%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html body .foxie-incoming-call-banner__pulse{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));box-shadow:0 8px 22px color-mix(in srgb,var(--foxie-accent) 24%,transparent);animation:foxieIncomingPulse 1.15s ease-in-out infinite}
html body .foxie-incoming-call-banner__pulse i{font-size:19px}
@keyframes foxieIncomingPulse{50%{transform:scale(1.06);box-shadow:0 9px 28px color-mix(in srgb,var(--foxie-accent) 38%,transparent)}}
html body .foxie-incoming-call-banner__copy{min-width:0;display:grid;gap:1px}
html body .foxie-incoming-call-banner__copy small{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.11em}
html body .foxie-incoming-call-banner__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
html body .foxie-incoming-call-banner__copy p{margin:0;color:var(--foxie-muted);font-size:12px}
html body .foxie-incoming-call-banner__avatars{display:none}
html body .foxie-incoming-call-banner__actions{display:flex;gap:5px;align-items:center}
html body .foxie-incoming-call-banner__actions button{height:33px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:9px;font-size:12px;font-weight:850;cursor:pointer}
html body .foxie-incoming-call-banner__actions button.ignore{color:var(--foxie-muted);background:var(--foxie-surface-soft)}
html body .foxie-incoming-call-banner__actions button.join{display:flex;align-items:center;gap:5px;color:#fff;border-color:var(--foxie-accent);background:var(--foxie-accent)}

html body .foxie-call-summary-card__avatars{display:flex;align-items:center;padding-left:7px}
html body .foxie-call-avatar{width:28px;height:28px;margin-left:-7px;border:2px solid var(--foxie-surface-raised);border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:12px;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.12)}
html body .foxie-call-avatar:first-child{margin-left:0}
html body .foxie-call-avatar img{width:100%;height:100%;object-fit:cover}
html body .foxie-call-avatar.more{background:var(--foxie-surface-soft);color:var(--foxie-muted);font-size:12px}

html body .internal-surface .foxie-call-summary-row{width:100%!important;max-width:none!important;margin:12px 0!important;padding:0 12px!important;display:flex!important;justify-content:center!important;grid-template-columns:none!important}
html body .internal-surface .foxie-call-summary-row>.message-avatar{display:none!important}
html body .internal-surface .foxie-call-summary-shell{width:min(560px,94%)!important;max-width:min(560px,94%)!important;margin:0 auto!important;display:block!important}
html body .internal-surface .foxie-call-summary-bubble{width:100%!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;color:inherit!important;transform:none!important}
html body .internal-surface .foxie-call-summary-bubble::before,html body .internal-surface .foxie-call-summary-bubble::after{display:none!important;content:none!important}
html body .foxie-call-summary-card{width:100%;padding:12px;border:1px solid color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-border));border-radius:15px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised)),var(--foxie-surface-raised));box-shadow:0 8px 28px color-mix(in srgb,var(--foxie-ink) 7%,transparent)}
html body .foxie-call-summary-card__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft))}
html body .foxie-call-summary-card__icon i{font-size:20px}
html body .foxie-call-summary-card__main{min-width:0;display:grid;gap:3px}
html body .foxie-call-summary-card__main>small{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.1em}
html body .foxie-call-summary-card__main>strong{font-size:12px;color:var(--foxie-ink)}
html body .foxie-call-summary-card__main>p{margin:1px 0 4px!important;display:flex!important;gap:10px!important;color:var(--foxie-muted)!important;background:transparent!important;font-size:12px!important}
html body .foxie-call-summary-card__main>p span{display:inline-flex;align-items:center;gap:4px}
html body .foxie-call-summary-card__people{min-width:0;display:flex;align-items:center;gap:8px}
html body .foxie-call-summary-card__people>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foxie-muted);font-size:12px}
html body .foxie-call-summary-card .foxie-call-avatar{width:25px;height:25px;border-color:var(--foxie-surface-raised);font-size:12px}
html body .foxie-call-summary-card .foxie-call-avatar.guest::after{content:'G';width:10px;height:10px;position:absolute;right:-1px;bottom:-1px;border:1px solid var(--foxie-surface-raised);border-radius:50%;display:grid;place-items:center;color:#fff;background:#7c62d5;font-size:12px;font-weight:950}
html body .foxie-call-summary-card .foxie-call-avatar.guest{position:relative;overflow:visible}

/* Minimized video call behaves like a persistent PiP card so navigation through
 * the rest of the app never tears down the WebRTC session. */
html body .foxie-rtc-dock.foxie-meeting-dock.minimized.has-mini-video{width:min(320px,calc(100vw - 24px))!important;height:220px!important;min-height:220px!important;max-height:220px!important;border-radius:17px!important;background:#090c10!important;box-shadow:0 22px 68px rgba(0,0,0,.28)!important}
html body .foxie-meeting-dock.minimized.has-mini-video .foxie-rtc-head{position:absolute!important;inset:auto 0 0 0!important;height:58px!important;min-height:58px!important;z-index:4!important;border-top:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(to top,rgba(4,7,10,.9),rgba(4,7,10,.5))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
html body .foxie-meeting-dock.minimized.has-mini-video .foxie-rtc-head .brand{display:none!important}
html body .foxie-meeting-dock.minimized.has-mini-video .foxie-rtc-title small,html body .foxie-meeting-dock.minimized.has-mini-video .foxie-rtc-title strong,html body .foxie-meeting-dock.minimized.has-mini-video .foxie-rtc-title p{color:#fff!important}
html body .foxie-rtc-mini-preview{position:absolute;inset:0;z-index:1;overflow:hidden;background:#07090c;cursor:pointer}
html body .foxie-rtc-mini-preview[hidden]{display:none!important}
html body .foxie-rtc-mini-preview video{width:100%;height:100%;display:block;object-fit:cover;background:#07090c}
html body .foxie-rtc-mini-preview video.mirrored{transform:scaleX(-1)}
html body .foxie-rtc-mini-preview__live{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;color:#fff;background:rgba(5,8,10,.66);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:12px;font-weight:850}
html body .foxie-rtc-mini-preview__live i{font-size:12px;color:#69d88f}

@media(max-width:700px){
  html body .foxie-incoming-call-banner{top:auto;right:8px;bottom:max(86px,calc(env(safe-area-inset-bottom) + 74px));left:8px;width:auto;min-height:66px;padding:8px;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;gap:7px}
  html body .foxie-incoming-call-banner__pulse{width:34px;height:34px;border-radius:10px}
  html body .foxie-incoming-call-banner__copy strong{font-size:12px}
  html body .foxie-incoming-call-banner__copy p{font-size:12px}
  html body .foxie-incoming-call-banner__actions{display:flex}
  html body .foxie-incoming-call-banner__actions button{height:30px;padding:0 8px;font-size:12px}
  html body .internal-surface .foxie-call-summary-row{padding:0 7px!important}
  html body .internal-surface .foxie-call-summary-shell{width:100%!important;max-width:100%!important}
  html body .foxie-call-summary-card{padding:10px;grid-template-columns:34px minmax(0,1fr);gap:8px;border-radius:13px}
  html body .foxie-call-summary-card__icon{width:34px;height:34px}
  html body .foxie-call-summary-card__people>span{white-space:normal;line-height:1.25}
  html body .foxie-rtc-dock.foxie-meeting-dock.minimized.has-mini-video{right:8px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;left:auto!important;width:min(250px,calc(100vw - 16px))!important;height:170px!important;min-height:170px!important;max-height:170px!important;border-radius:16px!important}
  html body .foxie-meeting-dock.minimized.has-mini-video .foxie-rtc-head{height:54px!important;min-height:54px!important;padding:5px 7px!important}
}
/* Internal chat experience v3: stable bubbles, call actions, latest-message affordance and split rich threads. */

html body .internal-surface .message-bubble{
  background:var(--foxie-surface-raised)!important;
  border:1px solid var(--foxie-border)!important;
  box-shadow:0 6px 20px color-mix(in srgb,var(--foxie-ink) 6%,transparent)!important;
}
html body .internal-surface .message-row.mine .message-bubble{
  background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border))!important;
}
html body .internal-surface .message-bubble[class*='role-message-style-']{isolation:isolate!important}
html body .internal-surface .message-bubble.role-message-style-default{
  background:color-mix(in srgb,var(--role-color,var(--foxie-accent)) 8%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--role-color,var(--foxie-accent)) 25%,var(--foxie-border))!important;
}

html body .internal-surface .conversation-actions{
  align-items:center!important;
  gap:6px!important;
}
html body .internal-surface .conversation-actions>button{
  position:relative!important;
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease!important;
}
html body .internal-surface .conversation-actions>button:hover{transform:translateY(-1px)!important}
html body .internal-surface .conversation-actions .foxie-header-call--audio{
  color:#209a67!important;
  border-color:color-mix(in srgb,#209a67 26%,var(--foxie-border))!important;
  background:color-mix(in srgb,#209a67 8%,var(--foxie-surface-soft))!important;
}
html body .internal-surface .conversation-actions .foxie-header-call--audio:hover{
  background:color-mix(in srgb,#209a67 14%,var(--foxie-surface-raised))!important;
  box-shadow:0 8px 18px color-mix(in srgb,#209a67 15%,transparent)!important;
}
html body .internal-surface .conversation-actions .foxie-header-call--video{
  color:#3979dc!important;
  border-color:color-mix(in srgb,#3979dc 28%,var(--foxie-border))!important;
  background:color-mix(in srgb,#3979dc 8%,var(--foxie-surface-soft))!important;
}
html body .internal-surface .conversation-actions .foxie-header-call--video:hover{
  background:color-mix(in srgb,#3979dc 14%,var(--foxie-surface-raised))!important;
  box-shadow:0 8px 18px color-mix(in srgb,#3979dc 15%,transparent)!important;
}
html body .internal-surface .conversation-actions .foxie-header-call--audio.active,
html body .internal-surface .conversation-actions .foxie-header-call--video.active{
  color:#fff!important;
}

html body .internal-surface .conversation-pane{position:relative!important}
html body .foxie-jump-latest{
  position:absolute;
  z-index:42;
  right:18px;
  bottom:84px;
  min-width:38px;
  height:38px;
  padding:0 11px;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 24%,var(--foxie-border));
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  opacity:0;
  transform:translateY(8px) scale(.96);
  pointer-events:none;
  color:var(--foxie-accent);
  background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent);
  box-shadow:0 10px 30px color-mix(in srgb,var(--foxie-ink) 13%,transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:12px;
  font-weight:900;
  transition:opacity .16s ease,transform .16s ease,background .16s ease;
}
html body .foxie-jump-latest.visible{opacity:1;transform:none;pointer-events:auto}
html body .foxie-jump-latest:hover{background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))}
html body .foxie-jump-latest i{font-size:17px}

html body .internal-surface.foxie-thread-split-open{
  grid-template-columns:330px minmax(0,1fr) var(--foxie-thread-width,420px)!important;
}
html body .internal-surface.is-floating.foxie-thread-split-open{
  width:min(1320px,calc(100vw - 24px))!important;
  grid-template-columns:300px minmax(0,1fr) var(--foxie-thread-width,420px)!important;
}
html body .internal-surface.foxie-thread-split-open>.foxie-thread-drawer-v3{
  grid-column:3;
  grid-row:1;
}
html body .foxie-thread-drawer-v3{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  position:relative!important;
  z-index:36!important;
  top:auto!important;
  right:auto!important;
  border:0!important;
  border-left:1px solid var(--foxie-border)!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:none!important;
}
html body .foxie-thread-drawer-v3.dragging{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--foxie-accent) 42%,transparent)!important}
html body .foxie-thread-resize-handle{
  position:absolute;
  z-index:5;
  left:-4px;
  top:0;
  bottom:0;
  width:8px;
  cursor:col-resize;
}
html body .foxie-thread-resize-handle:hover{background:color-mix(in srgb,var(--foxie-accent) 18%,transparent)}
html body.foxie-thread-resizing{cursor:col-resize!important;user-select:none!important}
html body .foxie-thread-drawer-v3>header{
  min-height:70px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border-bottom:1px solid var(--foxie-border)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised)),var(--foxie-surface-raised))!important;
}
html body .foxie-thread-head-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:var(--foxie-accent);
  background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));
}
html body .foxie-thread-drawer-v3>header>div:nth-child(2){min-width:0;display:grid;gap:2px}
html body .foxie-thread-drawer-v3>header small{color:var(--foxie-accent);font-size:12px;font-weight:950;letter-spacing:.11em}
html body .foxie-thread-drawer-v3>header strong{font-size:12px}
html body .foxie-thread-drawer-v3>header p{margin:0;color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-head-actions{display:flex;gap:4px}
html body .foxie-thread-head-actions button{width:31px;height:31px;border:1px solid var(--foxie-border);border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:var(--foxie-surface-soft)}
html body .foxie-thread-head-actions button:hover{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border))}

html body .foxie-thread-root-v3{
  margin:9px 10px 7px!important;
  padding:10px 11px!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))!important;
  border-left:3px solid var(--foxie-accent)!important;
  border-radius:11px!important;
  display:block!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))!important;
}
html body .foxie-thread-list-v3{
  min-height:0;
  flex:1;
  padding:2px 10px 10px;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:7px;
  scrollbar-width:thin;
}
html body .foxie-thread-message-v3{
  min-width:0;
  padding:7px 8px;
  border:1px solid transparent;
  border-radius:11px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:start;
  gap:7px;
  background:transparent;
}
html body .foxie-thread-message-v3:hover{border-color:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-border));background:var(--foxie-surface-soft)}
html body .foxie-thread-avatar{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--foxie-accent),var(--foxie-accent-strong));font-size:12px;font-weight:900}
html body .foxie-thread-avatar img{width:100%;height:100%;object-fit:cover}
html body .foxie-thread-message-v3__content{min-width:0;overflow:hidden}
html body .foxie-thread-message-v3__content header{display:flex;align-items:center;justify-content:space-between;gap:8px}
html body .foxie-thread-message-v3__content header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
html body .foxie-thread-message-v3__content header time{flex:0 0 auto;color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-message-v3__content p{
  max-width:100%;
  margin:4px 0 0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  color:var(--foxie-ink);
  font-size:12px;
  line-height:1.48;
}
html body .foxie-thread-message-v3__content p.deleted{color:var(--foxie-muted);font-style:italic}
html body .foxie-thread-empty-v3{min-height:180px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-empty-v3 i{font-size:28px;color:var(--foxie-accent)}
html body .foxie-thread-empty-v3 strong{color:var(--foxie-ink);font-size:12px}

html body .foxie-thread-media{max-width:100%;margin-top:6px}
html body .foxie-thread-media.image{width:max-content;max-width:min(100%,360px);border-radius:10px;display:block;overflow:hidden;background:var(--foxie-surface-soft)}
html body .foxie-thread-media.image img{display:block;max-width:100%;max-height:320px;object-fit:contain}
html body .foxie-thread-media.image.sticker{background:transparent}.foxie-thread-media.image.sticker img{max-width:170px;max-height:170px}
html body .foxie-thread-media.video video{display:block;width:100%;max-height:300px;border-radius:10px;background:#000}
html body .foxie-thread-media.video small{display:block;margin-top:3px;color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-media.audio{padding:7px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft)}
html body .foxie-thread-media.audio>span{display:flex;align-items:center;gap:5px;color:var(--foxie-accent);font-size:12px}.foxie-thread-media.audio audio{width:100%;height:34px;margin-top:5px}
html body .foxie-thread-media.file{min-height:48px;padding:7px;border:1px solid var(--foxie-border);border-radius:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--foxie-ink);text-decoration:none;background:var(--foxie-surface-soft)}
html body .foxie-thread-media.file>i:first-child{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-raised)}
html body .foxie-thread-media.file>span{min-width:0;display:grid}.foxie-thread-media.file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.foxie-thread-media.file small{color:var(--foxie-muted);font-size:12px}
html body .foxie-thread-emoji-sticker{margin-top:4px;font-size:42px;line-height:1.1}

html body .foxie-thread-drawer-v3>footer{position:relative;padding:8px 9px 9px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
html body .foxie-thread-pending{max-height:92px;margin-bottom:6px;display:flex;gap:6px;overflow:auto}.foxie-thread-pending article{min-width:170px;max-width:240px;padding:6px;border:1px solid var(--foxie-border);border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;background:var(--foxie-surface-soft)}.foxie-thread-pending article>span{min-width:0;display:grid}.foxie-thread-pending strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.foxie-thread-pending small{color:var(--foxie-muted);font-size:12px}.foxie-thread-pending button{width:24px;height:24px;border:0;border-radius:7px;color:var(--foxie-muted);background:transparent}
html body .foxie-thread-composer-v3{min-height:48px;padding:4px;border:1px solid var(--foxie-border);border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:3px;background:var(--foxie-surface-soft)}
html body .foxie-thread-composer-tools{display:flex;align-items:center;align-self:center;gap:1px}
html body .foxie-thread-composer-tools button,.foxie-thread-composer-v3>.primary{width:31px;height:31px;border:0;border-radius:9px;display:grid;place-items:center;color:var(--foxie-muted);background:transparent}.foxie-thread-composer-tools button:hover,.foxie-thread-composer-tools button.active{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))}.foxie-thread-composer-v3>.primary{align-self:center;color:#fff;background:var(--foxie-accent)}
html body .foxie-thread-composer-v3 textarea{min-width:0;min-height:36px;max-height:120px;padding:9px 5px;border:0;outline:0;resize:none;color:var(--foxie-ink);background:transparent;font:inherit;font-size:12px;line-height:1.42}
html body .foxie-thread-footer-meta{min-height:26px;margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--foxie-muted);font-size:12px}.foxie-thread-footer-meta button{height:26px;padding:0 7px;border:1px solid var(--foxie-border);border-radius:8px;display:flex;align-items:center;gap:4px;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px;font-weight:800}.foxie-thread-footer-meta button.active{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised))}
html body .foxie-thread-picker{position:absolute;z-index:10;left:9px;right:9px;bottom:67px;padding:7px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-raised);box-shadow:0 18px 50px color-mix(in srgb,var(--foxie-ink) 18%,transparent)}
html body .foxie-thread-emojis{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.foxie-thread-emojis button{aspect-ratio:1;border:0;border-radius:7px;background:transparent;font-size:16px}.foxie-thread-emojis button:hover{background:var(--foxie-surface-soft)}
html body .foxie-thread-stickers>header,.foxie-thread-gifs>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.foxie-thread-stickers>header strong,.foxie-thread-gifs>header strong{font-size:12px}.foxie-thread-stickers>header label,.foxie-thread-gifs>header label{height:27px;padding:0 7px;border:1px solid var(--foxie-border);border-radius:8px;display:flex;align-items:center;color:var(--foxie-accent);background:var(--foxie-surface-soft);font-size:12px;font-weight:850;cursor:pointer}.foxie-thread-stickers>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.foxie-thread-stickers>div button{aspect-ratio:1;border:0;border-radius:8px;background:var(--foxie-surface-soft);font-size:26px}.foxie-thread-gifs>div{max-height:230px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.foxie-thread-gifs>div button{min-width:0;padding:0;border:0;border-radius:8px;overflow:hidden;position:relative;background:var(--foxie-surface-soft)}.foxie-thread-gifs>div img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover}.foxie-thread-gifs>div small{position:absolute;left:4px;right:4px;bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 4px #000;font-size:12px;text-align:left}.foxie-thread-picker-loading{min-height:90px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--foxie-muted);font-size:12px}

@media(max-width:1100px){
  html body .internal-surface.foxie-thread-split-open{grid-template-columns:280px minmax(0,1fr) minmax(340px,var(--foxie-thread-width,390px))!important}
}
@media(max-width:760px){
  html body .internal-surface.foxie-thread-split-open{grid-template-columns:1fr!important}
  html body .internal-surface.foxie-thread-split-open>.conversation-pane{display:none!important}
  html body .internal-surface.foxie-thread-split-open>.thread-pane{display:none!important}
  html body .internal-surface.foxie-thread-split-open>.foxie-thread-drawer-v3{grid-column:1;grid-row:1;display:flex!important;position:absolute!important;inset:0!important;border-left:0!important;z-index:160!important}
  html body .foxie-thread-resize-handle{display:none}
  html body .foxie-thread-head-actions [data-thread-width-toggle]{display:none}
  html body .foxie-jump-latest{right:12px;bottom:92px;width:40px;min-width:40px;padding:0}.foxie-jump-latest span{display:none}
  html body .internal-surface .conversation-actions{gap:4px!important}.internal-surface .conversation-actions>button{width:34px!important;height:34px!important}
  html body .foxie-thread-emojis{grid-template-columns:repeat(7,1fr)}
  html body .foxie-thread-gifs>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html body .foxie-jump-latest{transition:none}.internal-surface .conversation-actions>button{transition:none!important}}
/* Foxie internal chat performance layer v8. Keep scroll work bounded and theme-native. */
html body .internal-surface .conversation-pane{min-height:0!important;overflow:hidden!important}
html body .internal-surface .message-area{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable!important;scroll-behavior:auto!important;contain:layout style!important;padding-bottom:24px!important}
html body .internal-surface .virtual-spacer{width:1px;min-height:0;pointer-events:none;contain:strict}
html body .internal-surface .virtual-message-item{display:block;contain:layout style}
html body .internal-surface .conversation-head,html body .internal-surface .foxie-message-tools,html body .foxie-jump-latest{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .internal-surface .conversation-head{background:var(--foxie-surface-raised)!important}
html body .internal-surface .message-bubble{box-shadow:0 1px 4px color-mix(in srgb,var(--foxie-ink) 4%,transparent)!important}
html body .internal-surface .foxie-message-tools{visibility:hidden!important;opacity:0!important;transform:none!important;transition:none!important;background:var(--foxie-surface-raised)!important;box-shadow:0 3px 10px color-mix(in srgb,var(--foxie-ink) 8%,transparent)!important}
html body .internal-surface .message-row:hover .foxie-message-tools,html body .internal-surface .message-row:focus-within .foxie-message-tools{visibility:visible!important;opacity:1!important}
html body .internal-surface .message-actions{visibility:hidden!important;opacity:0!important;transition:none!important}
html body .internal-surface .message-row:hover .message-actions,html body .internal-surface .message-row:focus-within .message-actions{visibility:visible!important;opacity:1!important}
html body .internal-surface.foxie-scroll-active .message-row{pointer-events:none!important}
html body .internal-surface.foxie-scroll-active .message-bubble{box-shadow:none!important;transition:none!important}
html body .internal-surface.foxie-scroll-active .foxie-message-tools,html body .internal-surface.foxie-scroll-active .message-actions{visibility:hidden!important;opacity:0!important;transition:none!important}
html body .internal-surface.foxie-scroll-active .foxie-message-fx,html body .internal-surface.foxie-scroll-active .foxie-role-fx,html body .internal-surface.foxie-scroll-active .foxie-orb,html body .internal-surface.foxie-scroll-active .foxie-orb i,html body .internal-surface.foxie-scroll-active .foxie-ai-avatar,html body .internal-surface.foxie-scroll-active .foxie-ai-avatar i{animation-play-state:paused!important}

/* Foxie uses active theme surfaces; never paint a light card inside dark mode. */
html body .internal-surface{--foxie-ai-accent:#f58220;--foxie-ai-accent-strong:#d96708;--foxie-ai-surface:color-mix(in srgb,#f58220 7%,var(--foxie-surface-raised));--foxie-ai-surface-strong:color-mix(in srgb,#f58220 12%,var(--foxie-surface-raised));--foxie-ai-border:color-mix(in srgb,#f58220 38%,var(--foxie-border));--foxie-ai-text:var(--foxie-ink);--foxie-ai-muted:var(--foxie-muted)}
html[data-foxie-theme='dark'] body .internal-surface{--foxie-ai-accent:#ff9a46;--foxie-ai-accent-strong:#ffb16f;--foxie-ai-surface:color-mix(in srgb,#f58220 11%,var(--foxie-surface-raised));--foxie-ai-surface-strong:color-mix(in srgb,#f58220 17%,var(--foxie-surface-raised));--foxie-ai-border:color-mix(in srgb,#ff9a46 45%,var(--foxie-border));--foxie-ai-text:var(--foxie-ink);--foxie-ai-muted:var(--foxie-muted)}
html body .internal-surface .foxie-invocation{border-color:var(--foxie-ai-border)!important;background:linear-gradient(110deg,var(--foxie-ai-surface),var(--foxie-ai-surface-strong))!important;box-shadow:0 5px 16px color-mix(in srgb,var(--foxie-ai-accent) 9%,transparent)!important}
html body .internal-surface .foxie-invocation small{color:var(--foxie-ai-accent-strong)!important}
html body .internal-surface .foxie-invocation strong{color:var(--foxie-ai-text)!important}
html body .internal-surface .foxie-invocation>div>span{color:var(--foxie-ai-muted)!important}
html body .internal-surface .foxie-invocation nav button{color:var(--foxie-muted)!important;background:var(--foxie-surface-raised)!important;border-color:var(--foxie-border)!important}
html body .internal-surface .foxie-invocation nav button.active{border-color:var(--foxie-ai-accent)!important;color:var(--foxie-ai-accent-strong)!important;background:var(--foxie-ai-surface-strong)!important}
html body .internal-surface .box.is-foxie{border-color:var(--foxie-ai-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--foxie-ai-accent) 18%,transparent)!important}
html body .internal-surface .foxie-ai-row .message-bubble{border-color:var(--foxie-ai-border)!important;background:linear-gradient(135deg,var(--foxie-ai-surface),var(--foxie-surface-raised))!important;box-shadow:0 2px 7px color-mix(in srgb,var(--foxie-ai-accent) 8%,transparent)!important}
html body .internal-surface .foxie-ai-row .private-ai-author{color:var(--foxie-ai-accent-strong)!important}

/* Historical AI is static. Live composer keeps only a transform-only ring. */
html body .internal-surface .foxie-ai-row .foxie-ai-avatar{animation:none!important;transform:none!important;will-change:auto!important;background:radial-gradient(circle at 35% 30%,#fff2e8 0 9%,#ffc18b 25%,#f58220 58%,color-mix(in srgb,#f58220 20%,var(--foxie-surface-raised)) 100%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--foxie-ai-accent) 45%,transparent)!important}
html body .internal-surface .foxie-ai-row .foxie-ai-avatar i{animation:none!important;filter:none!important;mix-blend-mode:normal!important;will-change:auto!important}
html body .internal-surface .foxie-ai-row .foxie-ai-avatar i:nth-child(2){opacity:.4!important}html body .internal-surface .foxie-ai-row .foxie-ai-avatar i:nth-child(3){opacity:.48!important}
html body .internal-surface .foxie-orb{background:radial-gradient(circle at 35% 30%,#fff4e9 0 9%,#ffc38c 25%,#f58220 59%,color-mix(in srgb,#f58220 18%,var(--foxie-surface-raised)) 100%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--foxie-ai-accent) 40%,transparent)!important;will-change:transform!important}
html body .internal-surface .foxie-orb i{filter:none!important;mix-blend-mode:normal!important;will-change:transform!important}html body .internal-surface .foxie-orb i:nth-child(2),html body .internal-surface .foxie-orb i:nth-child(3){animation:none!important;will-change:auto!important}

@media(max-width:700px),(pointer:coarse){html body input,html body textarea,html body select,html body [contenteditable="true"]{font-size:16px!important}html body .internal-surface .message-area{touch-action:pan-y!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}}
html body .foxie-meeting-dock [data-rtc-record]{width:auto!important;min-width:34px!important;padding:0 9px!important;gap:5px!important}
html body .foxie-meeting-dock .foxie-rec-clock{font-size:12px;font-weight:900;letter-spacing:.03em;font-variant-numeric:tabular-nums}
html body .foxie-meeting-dock [data-rtc-recording-flag]{font-variant-numeric:tabular-nums}


/* foxie-bigtech-compositor-budget-v1: scrolling gets a strict paint budget. */
html body .internal-surface .message-row,html body .internal-surface .message-bubble{will-change:auto!important}
html body .internal-surface.foxie-scroll-active .message-bubble,
html body .internal-surface.foxie-scroll-active .foxie-message-fx,
html body .internal-surface.foxie-scroll-active .foxie-role-fx,
html body .internal-surface.foxie-scroll-active .foxie-ai-avatar,
html body .internal-surface.foxie-scroll-active .foxie-ai-avatar i{
  animation:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
  will-change:auto!important;
}
html body .internal-surface.foxie-scroll-active .foxie-orb,
html body .internal-surface.foxie-scroll-active .foxie-orb i{
  animation-play-state:paused!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
/* WhatsApp-style internal image albums and bubble sizing. */
html body .internal-surface .message-row{width:fit-content!important;max-width:min(78%,720px)!important}
html body .internal-surface .message-row.mine{margin-left:auto!important}
html body .internal-surface .message-shell{width:fit-content!important;max-width:100%!important;justify-items:start!important}
html body .internal-surface .message-row.mine .message-shell{justify-items:end!important}
html body .internal-surface .message-bubble{width:fit-content!important;min-width:0!important;max-width:min(440px,72vw)!important;box-sizing:border-box!important}
html body .internal-surface .message-bubble>p{max-width:420px!important}
html body .internal-surface .media-image{display:block!important;width:auto!important;max-width:min(360px,68vw)!important}
html body .internal-surface .media-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:320px!important;object-fit:contain!important}
html body .internal-surface .media-image-carousel{width:min(420px,68vw);max-width:100%;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:0 0 3px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}
html body .internal-surface .media-image-carousel>button{position:relative;flex:0 0 min(220px,78%);aspect-ratio:4/3;padding:0;border:0;border-radius:9px;overflow:hidden;scroll-snap-align:start;background:var(--foxie-surface-soft);cursor:pointer}
html body .internal-surface .media-image-carousel>button img{width:100%;height:100%;display:block;object-fit:cover}
html body .internal-surface .media-image-carousel>button span{position:absolute;right:6px;bottom:6px;min-width:28px;padding:3px 6px;border-radius:999px;color:#fff;background:rgba(0,0,0,.58);font-size:12px;font-weight:850;text-align:center}
html body .internal-surface .media-viewer .viewer-stage{position:relative}
html body .internal-surface .media-viewer .viewer-nav{position:absolute;z-index:4;top:50%;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:999px;display:grid;place-items:center;color:#fff;background:rgba(8,18,15,.58);transform:translateY(-50%);backdrop-filter:blur(8px);cursor:pointer}
html body .internal-surface .media-viewer .viewer-nav--prev{left:14px}
html body .internal-surface .media-viewer .viewer-nav--next{right:14px}
html body .internal-surface .media-viewer footer p{min-width:0;max-width:min(680px,60vw);margin:0 auto 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:12px}
html body .composer .pending.image-carousel{display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 5px!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
html body .composer .pending.image-carousel article.image-card{position:relative;min-width:126px!important;max-width:126px!important;padding:0!important;border-radius:11px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:hidden!important;scroll-snap-align:start;background:var(--foxie-surface-soft)!important}
html body .composer .pending.image-carousel .pending-thumb{width:126px;height:88px;overflow:hidden;background:var(--foxie-surface-soft)}
html body .composer .pending.image-carousel .pending-thumb img{width:100%;height:100%;display:block;object-fit:cover}
html body .composer .pending.image-carousel article.image-card>span{padding:6px 7px 7px!important}
html body .composer .pending.image-carousel article.image-card>span strong{max-width:108px!important}
html body .composer .pending.image-carousel article.image-card>button{position:absolute;z-index:2;right:5px;top:5px;width:24px;height:24px;border-radius:999px!important;display:grid;place-items:center;color:#fff!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(5px)}
@media(max-width:760px){
  html body .internal-surface .message-row{max-width:92%!important}
  html body .internal-surface .message-bubble{max-width:86vw!important}
  html body .internal-surface .media-image,html body .internal-surface .media-image-carousel{max-width:82vw!important;width:min(360px,82vw)}
  html body .internal-surface .media-viewer .viewer-nav{width:38px;height:38px}
  html body .internal-surface .media-viewer .viewer-nav--prev{left:7px}
  html body .internal-surface .media-viewer .viewer-nav--next{right:7px}
  html body .internal-surface .media-viewer footer p{max-width:52vw}
}
/* Internal chat media gallery v2: exact bubble sizing + album carousel. */
html body .internal-surface .message-area > .message-row{
  width:100%!important;
  max-width:none!important;
}
html body .internal-surface .message-area > .message-row:not(.foxie-ai-row) > .message-shell{
  width:auto!important;
  min-width:0!important;
  max-width:min(72%,690px)!important;
  flex:0 1 auto!important;
  justify-items:start!important;
}
html body .internal-surface .message-area > .message-row.mine > .message-shell{
  margin-left:auto!important;
  margin-right:0!important;
  justify-items:end!important;
}
html body .internal-surface .message-area > .message-row:not(.mine) > .message-shell{
  margin-left:0!important;
  margin-right:auto!important;
}
html body .internal-surface .message-area > .message-row:not(.foxie-ai-row) > .message-shell > .message-bubble{
  width:fit-content!important;
  min-width:92px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body .internal-surface .message-area > .message-row > .message-shell > .message-bubble.has-media{
  max-width:min(388px,72vw)!important;
  padding:4px 4px 5px!important;
}
html body .internal-surface .message-area > .message-row > .message-shell > .message-bubble.has-image-album{
  width:min(420px,72vw)!important;
  max-width:min(420px,72vw)!important;
}
html body .internal-surface .message-bubble.has-media > p{
  max-width:372px!important;
  margin:7px 7px 3px!important;
  padding:0!important;
}
html body .internal-surface .message-bubble.has-media > footer{
  margin-top:3px!important;
  padding:0 5px 1px!important;
}
html body .internal-surface .media-image{
  width:fit-content!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  display:block!important;
  overflow:hidden!important;
  background:var(--foxie-surface-soft)!important;
}
html body .internal-surface .media-image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:min(380px,70vw)!important;
  max-height:340px!important;
  object-fit:contain!important;
}
html body .internal-surface .media-image-carousel{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 0 4px!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:0!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:thin!important;
}
html body .internal-surface .media-image-carousel > button{
  position:relative!important;
  flex:0 0 82%!important;
  height:250px!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  background:var(--foxie-surface-soft)!important;
  cursor:pointer!important;
}
html body .internal-surface .media-image-carousel > button img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html body .internal-surface .media-image-carousel > button span{
  position:absolute!important;
  right:7px!important;
  bottom:7px!important;
  min-width:34px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(0,0,0,.62)!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
  backdrop-filter:blur(5px)!important;
}
html body .composer .pending.image-carousel{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 1px 6px!important;
  scroll-snap-type:x mandatory!important;
  overscroll-behavior-x:contain!important;
}
html body .composer .pending.image-carousel article.image-card{
  position:relative!important;
  min-width:148px!important;
  max-width:148px!important;
  padding:0!important;
  border-radius:12px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
  background:var(--foxie-surface-soft)!important;
}
html body .composer .pending.image-carousel .pending-thumb{
  width:148px!important;
  height:100px!important;
  overflow:hidden!important;
  background:var(--foxie-surface-soft)!important;
}
html body .composer .pending.image-carousel .pending-thumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html body .composer .pending.image-carousel article.image-card > span{
  padding:7px 8px 8px!important;
}
html body .composer .pending.image-carousel article.image-card > span strong{
  max-width:126px!important;
}
html body .composer .pending.image-carousel article.image-card > button{
  position:absolute!important;
  z-index:2!important;
  right:6px!important;
  top:6px!important;
  width:25px!important;
  height:25px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.64)!important;
  backdrop-filter:blur(6px)!important;
}
html body .internal-surface .media-viewer .viewer-stage{position:relative!important}
html body .internal-surface .media-viewer .viewer-nav{
  position:absolute!important;
  z-index:6!important;
  top:50%!important;
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(7,16,13,.62)!important;
  transform:translateY(-50%)!important;
  backdrop-filter:blur(9px)!important;
  cursor:pointer!important;
}
html body .internal-surface .media-viewer .viewer-nav--prev{left:14px!important}
html body .internal-surface .media-viewer .viewer-nav--next{right:14px!important}
html body .internal-surface .media-viewer > footer p{
  min-width:0!important;
  max-width:min(680px,58vw)!important;
  margin:0 auto 0 0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
@media(max-width:920px){
  html body .internal-surface .message-area > .message-row:not(.foxie-ai-row) > .message-shell{max-width:86%!important}
}
@media(max-width:760px){
  html body .internal-surface .message-area > .message-row:not(.foxie-ai-row) > .message-shell{max-width:92%!important}
  html body .internal-surface .message-area > .message-row > .message-shell > .message-bubble.has-media{max-width:84vw!important}
  html body .internal-surface .message-area > .message-row > .message-shell > .message-bubble.has-image-album{width:84vw!important;max-width:84vw!important}
  html body .internal-surface .media-image img{max-width:82vw!important;max-height:58vh!important}
  html body .internal-surface .media-image-carousel > button{flex-basis:86%!important;height:min(250px,48vw)!important}
  html body .internal-surface .media-viewer .viewer-nav{width:38px!important;height:38px!important}
  html body .internal-surface .media-viewer .viewer-nav--prev{left:7px!important}
  html body .internal-surface .media-viewer .viewer-nav--next{right:7px!important}
  html body .internal-surface .media-viewer > footer p{max-width:50vw!important}
}
/* internal-chat-mobile-stability-v4: final mobile layout + call-card containment. */
@media(max-width:700px),(pointer:coarse){
  html body .internal-surface.is-page .conversation-pane{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  html body .internal-surface.is-page .message-area{
    flex:1 1 0!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-behavior:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:10px!important;
  }
  html body .internal-surface.is-page .message-area::before{
    content:"";
    display:block;
    flex:1 0 0;
    min-height:0;
    pointer-events:none;
  }
  html body .internal-surface.is-page .message-area:has(>.messages-loading)::before{display:none}
  html body .internal-surface.is-page .message-area>.messages-loading{flex:1 1 auto!important}
  html body .internal-surface.is-page .message-area>.message-row,
  html body .internal-surface.is-page .message-area>.date-separator{flex:0 0 auto!important}
  html body .internal-surface.is-page .composer-area{flex:0 0 auto!important}
}

html body .internal-surface .foxie-call-summary-row{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:10px 0!important;
  padding:0 8px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:stretch!important;
}
html body .internal-surface .foxie-call-summary-row>.message-avatar{display:none!important}
html body .internal-surface .foxie-call-summary-shell{
  width:min(560px,100%)!important;
  max-width:100%!important;
  min-width:0!important;
  display:block!important;
}
html body .internal-surface .foxie-call-summary-bubble{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .internal-surface .foxie-call-summary-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:start!important;
}
html body .internal-surface .foxie-call-summary-card__main{min-width:0!important}
html body .internal-surface .foxie-call-summary-card__main>p{flex-wrap:wrap!important}
@media(max-width:700px),(pointer:coarse){
  html body .internal-surface .foxie-call-summary-row{padding:0 6px!important}
  html body .internal-surface .foxie-call-summary-shell{width:100%!important;max-width:100%!important}
  html body .internal-surface .foxie-call-summary-card{grid-template-columns:34px minmax(0,1fr)!important}
}
/* Public Foxie Meet v2: minimal surface, link accent, light default, optional dark. */
html body .public-meeting{position:relative!important;isolation:isolate!important;min-height:100dvh!important;overflow-x:hidden!important;color:var(--foxie-ink)!important;background:var(--foxie-surface)!important}
html body .public-meeting>header,html body .public-meeting>section{position:relative;z-index:2}
html body .public-meeting__nature{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:.9}
html body .public-meeting__nature:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--foxie-accent) 11%,transparent),transparent 28%),radial-gradient(circle at 92% 74%,color-mix(in srgb,var(--foxie-accent) 8%,transparent),transparent 31%)}
html body .public-nature-leaf{position:absolute;width:150px;height:58px;border:1px solid color-mix(in srgb,var(--foxie-accent) 17%,transparent);border-radius:100% 0 100% 0;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 7%,transparent),transparent 72%);filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--foxie-accent) 5%,transparent))}
html body .public-nature-leaf:after{content:'';width:72%;height:1px;position:absolute;left:13%;top:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--foxie-accent) 22%,transparent),transparent);transform:rotate(-18deg)}
html body .public-meeting__nature .leaf-1{right:-58px;top:78px;transform:rotate(-35deg)}html body .public-meeting__nature .leaf-2{right:9%;top:18%;transform:rotate(18deg) scale(.72)}html body .public-meeting__nature .leaf-3{right:-30px;top:38%;transform:rotate(-48deg) scale(.8)}html body .public-meeting__nature .leaf-4{left:-58px;top:29%;transform:rotate(38deg) scale(.83)}html body .public-meeting__nature .leaf-5{left:9%;top:56%;transform:rotate(-17deg) scale(.63)}html body .public-meeting__nature .leaf-6{right:11%;top:63%;transform:rotate(33deg) scale(.74)}html body .public-meeting__nature .leaf-7{right:-55px;top:74%;transform:rotate(-21deg) scale(.66)}html body .public-meeting__nature .leaf-8{left:-42px;bottom:18%;transform:rotate(47deg) scale(.88)}html body .public-meeting__nature .leaf-9{left:24%;bottom:8%;transform:rotate(-18deg) scale(.62)}html body .public-meeting__nature .leaf-10{right:22%;bottom:10%;transform:rotate(-38deg) scale(.76)}html body .public-meeting__nature .leaf-11{right:-48px;bottom:5%;transform:rotate(22deg) scale(.6)}html body .public-meeting__nature .leaf-12{left:45%;bottom:-22px;transform:rotate(-42deg) scale(.68)}
html body .public-nature-vine{position:absolute;border:1px solid color-mix(in srgb,var(--foxie-accent) 10%,transparent);border-left:0;border-bottom:0;border-radius:50%}.public-nature-vine.vine-one{width:390px;height:520px;right:-320px;top:40px;transform:rotate(-13deg)}.public-nature-vine.vine-two{width:360px;height:500px;left:-300px;top:31%;transform:rotate(23deg)}.public-nature-vine.vine-three{width:340px;height:430px;right:-270px;bottom:-90px;transform:rotate(12deg)}
html body .public-meeting__brand{height:64px!important;padding:0 max(18px,4vw)!important;border-bottom:1px solid var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 88%,transparent)!important;backdrop-filter:blur(18px)!important}
html body .public-meeting__brand>div:nth-child(2){min-width:0;flex:1}
html body .public-theme-toggle{height:36px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:10px;display:flex;align-items:center;gap:6px;color:var(--foxie-muted);background:var(--foxie-surface-soft);font-size:12px;font-weight:800;cursor:pointer}.public-theme-toggle:hover{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 30%,var(--foxie-border))}
html body .meeting-prejoin{max-width:1160px!important;min-height:calc(100dvh - 64px)!important;padding:clamp(18px,4vw,46px)!important;gap:clamp(18px,3vw,36px)!important}
html body .meeting-prejoin__preview{border-color:var(--foxie-border)!important;border-radius:20px!important;box-shadow:0 20px 55px color-mix(in srgb,var(--foxie-ink) 11%,transparent)!important}
html body .meeting-prejoin__form{padding:24px!important;border-color:var(--foxie-border)!important;border-radius:20px!important;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;box-shadow:0 18px 50px color-mix(in srgb,var(--foxie-ink) 8%,transparent)!important;backdrop-filter:blur(14px)!important}.meeting-prejoin__form input{border-color:var(--foxie-border)!important;background:var(--foxie-surface-soft)!important}.meeting-prejoin__form h1{font-size:24px!important;letter-spacing:-.03em}
html body .meeting-room{height:100dvh!important;position:relative!important;z-index:2!important;color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-surface) 92%,transparent)!important}
html body .meeting-room__head{height:62px!important;min-height:62px!important;border-bottom:1px solid var(--foxie-border)!important;color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 92%,transparent)!important;backdrop-filter:blur(16px)!important}.meeting-room__head small{color:var(--foxie-accent)!important}.meeting-room__head span{color:var(--foxie-muted)!important}
html body .meeting-room__head-actions button{border-color:var(--foxie-border)!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important}.meeting-room__head-actions button:hover{color:var(--foxie-accent)!important}
html body .meeting-room__body{background:transparent!important}.meeting-stage{padding:12px!important;gap:9px!important;background:transparent!important}.meeting-peer{border-color:var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 96%,#16221d 4%)!important;box-shadow:0 10px 30px color-mix(in srgb,var(--foxie-ink) 7%,transparent)!important}.meeting-peer video{background:#06090b!important}.peer-empty span{color:#fff!important;background:linear-gradient(145deg,var(--foxie-accent-strong),var(--foxie-accent))!important}
html body .meeting-side{border-left:1px solid var(--foxie-border)!important;color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;backdrop-filter:blur(15px)!important}.meeting-side__tabs{border-bottom:1px solid var(--foxie-border)!important}.meeting-side__tabs button{color:var(--foxie-muted)!important}.meeting-side__tabs button.active{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 8%,transparent)!important}.meeting-people article:hover{background:var(--foxie-surface-soft)!important}.meeting-people small{color:var(--foxie-muted)!important}.meeting-people strong em{color:var(--foxie-accent)!important}
html body .meeting-chat__messages>article{background:var(--foxie-surface-soft)!important}.meeting-chat__messages article time{color:var(--foxie-muted)!important}.chat-empty{color:var(--foxie-muted)!important}.chat-empty strong{color:var(--foxie-ink)!important}.meeting-chat__composer{border-top:1px solid var(--foxie-border)!important}.meeting-chat__composer>button{color:var(--foxie-muted)!important}.meeting-chat__composer>button.send{color:#fff!important;background:var(--foxie-accent)!important}.meeting-chat__composer textarea{border-color:var(--foxie-border)!important;color:var(--foxie-ink)!important;background:var(--foxie-surface-soft)!important}.chat-picker{border-color:var(--foxie-border)!important;background:var(--foxie-surface-raised)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--foxie-ink) 18%,transparent)!important}
html body .meeting-controls{height:62px!important;min-height:62px!important;border-top:1px solid var(--foxie-border)!important;background:color-mix(in srgb,var(--foxie-surface-raised) 94%,transparent)!important;backdrop-filter:blur(15px)!important}.meeting-controls button{border-color:var(--foxie-border)!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important}.meeting-controls button.active{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft))!important}.meeting-controls button.listener{color:#4f83c8!important}.meeting-controls button.leave{color:#fff!important;border-color:#d94b50!important;background:#d94b50!important}
@media(max-width:800px){html body .public-theme-toggle span{display:none}.meeting-side{border-left:0!important;border-top:1px solid var(--foxie-border)!important}.meeting-prejoin{padding:12px!important}.public-nature-leaf{opacity:.7}}
@media(max-width:480px){html body .public-meeting__brand{height:58px!important}.public-theme-toggle{width:36px;padding:0;justify-content:center}.meeting-prejoin{min-height:calc(100dvh - 58px)!important}}

html body .meeting-room .meeting-peer.mirrored:not(.screen) video{transform:scaleX(-1)!important}
html body .meeting-room .rec-badge{animation:none!important;opacity:1!important;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
/* FOXIE TEAM mobile list — clean hierarchy, generous touch targets, no crushed controls. */
@media (max-width:760px){
  html body .internal-surface.is-page:not(.has-channel) .thread-pane{
    min-height:0!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:var(--foxie-surface-raised)!important;
  }

  /* Header: quiet identity, actions live in the same row instead of consuming another block. */
  html body .internal-surface.is-page:not(.has-channel) .pane-head{
    min-height:54px!important;
    height:54px!important;
    max-height:54px!important;
    padding:7px 96px 7px 10px!important;
    flex:0 0 54px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 48%,transparent)!important;
    background:var(--foxie-surface-raised)!important;
    box-shadow:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .pane-head>.brand-mark{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:10px!important;
    color:var(--foxie-accent)!important;
    background:color-mix(in srgb,var(--foxie-accent) 8%,transparent)!important;
    box-shadow:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .pane-head>div:nth-child(2){
    min-width:0!important;
    display:grid!important;
    align-content:center!important;
    gap:1px!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .pane-head>div:nth-child(2)>small{display:none!important}
  html body .internal-surface.is-page:not(.has-channel) .pane-head>div:nth-child(2)>strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15.5px!important;
    line-height:1.08!important;
    font-weight:830!important;
    letter-spacing:-.025em!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .pane-head>div:nth-child(2)>span{
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:var(--foxie-muted)!important;
    font-size:12px!important;
    line-height:1.1!important;
  }

  /* New DM/group: icon actions in the header. No giant primary CTA. */
  html body .internal-surface.is-page:not(.has-channel) .thread-actions{
    width:auto!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    z-index:8!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    background:transparent!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-actions button{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:11px!important;
    color:var(--foxie-muted)!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-actions button.primary-action{
    color:var(--foxie-accent)!important;
    background:color-mix(in srgb,var(--foxie-accent) 8%,transparent)!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-actions button:active{
    transform:scale(.96)!important;
    background:color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-actions button .v-icon{
    margin:0!important;
    font-size:18px!important;
  }

  /* Channels: one horizontal rail, not a card stacked with nested category blocks. */
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator{
    width:auto!important;
    min-width:0!important;
    height:47px!important;
    min-height:47px!important;
    max-height:47px!important;
    margin:2px 0 1px!important;
    padding:6px 10px!important;
    flex:0 0 47px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator::-webkit-scrollbar{display:none!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator__head{
    min-width:max-content!important;
    height:32px!important;
    padding:0 4px 0 0!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    border:0!important;
    background:transparent!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator__head>span{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    color:var(--foxie-muted)!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator__head strong{
    font-size:12px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:.07em!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator__head .mdi{font-size:14px!important;color:var(--foxie-accent)!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-navigator__head>[data-new-category]{display:none!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-category{display:contents!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-category>header{display:none!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-category__rows{
    min-width:max-content!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row{
    width:auto!important;
    min-width:max-content!important;
    max-width:150px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    border:0!important;
    border-radius:999px!important;
    color:var(--foxie-muted)!important;
    background:var(--foxie-surface-soft)!important;
    box-shadow:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row.active{
    color:var(--foxie-accent)!important;
    background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row>.mdi{font-size:13px!important;flex:0 0 auto!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row>span{
    min-width:0!important;
    display:block!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row>span>strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:720!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row>span>small{display:none!important}
  html body .internal-surface.is-page:not(.has-channel) .foxie-channel-row>b{
    min-width:15px!important;
    height:15px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    font-size:12px!important;
  }

  /* Conversation/archive selector: flat text tabs with a quiet underline. */
  html body .internal-surface.is-page:not(.has-channel) .archive-tabs{
    min-height:35px!important;
    height:35px!important;
    margin:0 10px!important;
    padding:0!important;
    flex:0 0 35px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 50%,transparent)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .archive-tabs button{
    height:35px!important;
    min-height:35px!important;
    padding:0 8px!important;
    position:relative!important;
    border:0!important;
    border-radius:0!important;
    color:var(--foxie-muted)!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:650!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .archive-tabs button.active{
    color:var(--foxie-ink)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .archive-tabs button.active:after{
    content:""!important;
    width:28px!important;
    height:2px!important;
    position:absolute!important;
    left:50%!important;
    bottom:-1px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:var(--foxie-accent)!important;
  }

  /* Search stays comfortable instead of compressed. */
  html body .internal-surface.is-page:not(.has-channel) .thread-search{
    min-height:40px!important;
    height:40px!important;
    margin:7px 10px 5px!important;
    padding:0 12px!important;
    flex:0 0 40px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    border:0!important;
    border-radius:13px!important;
    background:var(--foxie-surface-soft)!important;
    box-shadow:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-search input{
    min-width:0!important;
    height:38px!important;
    padding:0!important;
    color:var(--foxie-ink)!important;
    background:transparent!important;
    font-size:13px!important;
    line-height:38px!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-search .v-icon{font-size:16px!important;color:var(--foxie-muted)!important}

  /* Conversation list owns the remaining space. */
  html body .internal-surface.is-page:not(.has-channel) .thread-list{
    min-height:0!important;
    margin:0!important;
    padding:4px 8px 12px!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-row{
    width:100%!important;
    min-height:68px!important;
    height:auto!important;
    padding:7px 7px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:9px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-row.active{
    background:color-mix(in srgb,var(--foxie-accent) 5%,transparent)!important;
  }

  /* Avatars: plain circular photos. No decorative ring, outline or shadow. */
  html body .internal-surface.is-page:not(.has-channel) .thread-row>.avatar,
  html body .internal-surface.is-page:not(.has-channel) .new-conversation-box .avatar{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    aspect-ratio:1/1!important;
    flex:0 0 48px!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    border-radius:50%!important;
    background:var(--foxie-surface-soft)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-row>.avatar:before,
  html body .internal-surface.is-page:not(.has-channel) .thread-row>.avatar:after,
  html body .internal-surface.is-page:not(.has-channel) .new-conversation-box .avatar:before,
  html body .internal-surface.is-page:not(.has-channel) .new-conversation-box .avatar:after{display:none!important}
  html body .internal-surface.is-page:not(.has-channel) .thread-row>.avatar>img,
  html body .internal-surface.is-page:not(.has-channel) .new-conversation-box .avatar>img{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    aspect-ratio:1/1!important;
    position:absolute!important;
    inset:0!important;
    display:block!important;
    border:0!important;
    outline:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
    clip-path:circle(50% at 50% 50%)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-copy{min-width:0!important;align-self:center!important}
  html body .internal-surface.is-page:not(.has-channel) .thread-copy>strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13.5px!important;
    line-height:1.15!important;
    font-weight:810!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-copy>small{
    display:block!important;
    margin-top:4px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:var(--foxie-muted)!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-meta{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:5px!important;
  }
  html body .internal-surface.is-page:not(.has-channel) .thread-meta time{font-size:12px!important;line-height:1!important}
  html body .internal-surface.is-page:not(.has-channel) .thread-menu{
    width:28px!important;
    min-width:28px!important;
    height:24px!important;
    min-height:24px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
/* Foxie Team call experience v5 — final RTC presentation layer. */
html body .foxie-rtc-dock.foxie-meeting-dock{
  box-sizing:border-box!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 98%,#090b0f)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.34)!important;
  isolation:isolate!important;
}
html body .foxie-meeting-dock *,html body .foxie-meeting-dock *::before,html body .foxie-meeting-dock *::after{box-sizing:border-box}
html body .foxie-meeting-dock .foxie-rtc-head{
  padding:10px 12px!important;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 78%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--foxie-surface-raised) 96%,var(--foxie-accent)),var(--foxie-surface-raised))!important;
}
html body .foxie-meeting-dock .foxie-rtc-head>.brand{
  width:40px!important;height:40px!important;border-radius:13px!important;
  background:color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-surface-soft))!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 32%,var(--foxie-border))!important;
  box-shadow:none!important;color:var(--foxie-accent)!important;
}
html body .foxie-meeting-dock .foxie-rtc-head>.brand::after{
  content:'';position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(13px,-13px);
  background:#42d392;box-shadow:0 0 0 3px var(--foxie-surface-raised),0 0 14px rgba(66,211,146,.55)
}
html body .foxie-meeting-dock .foxie-rtc-title small{font-size:12px!important;letter-spacing:.14em!important;color:var(--foxie-muted)!important}
html body .foxie-meeting-dock .foxie-rtc-title strong{font-size:13px!important;line-height:1.25!important;color:var(--foxie-ink)!important}
html body .foxie-meeting-dock .foxie-rtc-title p{font-size:12px!important}
html body .foxie-meeting-dock .foxie-rtc-head__actions button{
  border:1px solid color-mix(in srgb,var(--foxie-border) 88%,transparent)!important;
  border-radius:10px!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease!important;
}
html body .foxie-meeting-dock .foxie-rtc-head__actions button:hover{transform:translateY(-1px);color:var(--foxie-ink)!important;border-color:color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))!important}

html body .foxie-meeting-dock .foxie-rtc-layout{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;grid-template-columns:minmax(0,1fr) minmax(280px,300px)!important;background:#0b0e13!important}
html body .foxie-meeting-dock .foxie-rtc-stage{
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
  padding:12px!important;align-items:stretch!important;align-content:stretch!important;
  background:radial-gradient(circle at 50% -30%,rgba(255,255,255,.045),transparent 46%),#0b0e13!important;
  scrollbar-gutter:stable!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer{
  position:relative!important;min-width:0!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;
  background:linear-gradient(145deg,#171b23,#11151c)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer:hover{border-color:rgba(255,255,255,.14)!important;box-shadow:0 12px 34px rgba(0,0,0,.25)!important}
html body .foxie-meeting-dock .foxie-rtc-peer.focused{border-color:color-mix(in srgb,var(--foxie-accent) 48%,rgba(255,255,255,.12))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--foxie-accent) 25%,transparent),0 18px 44px rgba(0,0,0,.28)!important}
html body .foxie-meeting-dock .foxie-rtc-peer__fallback{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  border-radius:0!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 34%),linear-gradient(145deg,#171b23,#10141a)!important;
  box-shadow:none!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell{
  width:112px;height:112px;position:relative;border-radius:50%;display:grid;place-items:center;
  border:4px solid rgba(255,255,255,.08);background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 24%,#222936),#252b36);
  box-shadow:0 16px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03);
}
html body .foxie-meeting-dock .foxie-rtc-stage.single-participant .foxie-rtc-peer__avatar-shell{width:136px;height:136px}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell::after{
  content:'';position:absolute;right:4px;bottom:6px;width:15px;height:15px;border-radius:50%;
  border:3px solid #171b23;background:#42d392;box-shadow:0 0 14px rgba(66,211,146,.38)
}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell img{
  width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;background:#202631
}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell img[hidden]{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer__initials{
  display:grid;place-items:center;width:100%;height:100%;border-radius:50%;
  color:#fff;font-size:28px!important;font-weight:850!important;letter-spacing:-.04em;text-shadow:0 1px 8px rgba(0,0,0,.24)
}
html body .foxie-meeting-dock .foxie-rtc-peer.has-avatar .foxie-rtc-peer__initials{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer.has-video .foxie-rtc-peer__fallback{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer>footer{
  min-height:34px!important;right:auto!important;left:12px!important;bottom:12px!important;width:max-content!important;max-width:calc(100% - 24px)!important;
  padding:6px 9px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;
  justify-content:flex-start!important;gap:7px!important;background:rgba(8,11,15,.76)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer>footer strong{font-size:12px!important;max-width:160px!important}
html body .foxie-meeting-dock .foxie-rtc-peer>footer span{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer>footer i{font-size:13px!important;color:#dfe7e4!important}

html body .foxie-meeting-dock .foxie-rtc-side{
  width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;
  border-left:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 98%,#10141a)!important;
}
html body .foxie-meeting-dock .foxie-rtc-side-tabs{padding:7px!important;height:48px!important;min-height:48px!important}
html body .foxie-meeting-dock .foxie-rtc-side-tabs button{height:34px!important;border-radius:9px!important;transition:background .14s ease,color .14s ease!important}
html body .foxie-meeting-dock [data-side-panel]{min-width:0!important;max-width:100%!important;animation:foxieCallSideIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes foxieCallSideIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
html body .foxie-meeting-dock .foxie-rtc-members>[data-rtc-members]{padding:9px!important}
html body .foxie-meeting-dock .foxie-rtc-members article{
  min-width:0!important;padding:8px!important;border-radius:10px!important;transition:background .14s ease!important
}
html body .foxie-meeting-dock .foxie-rtc-members article:hover{background:var(--foxie-surface-soft)!important}
html body .foxie-meeting-dock .foxie-rtc-members article>.avatar{width:34px!important;height:34px!important;border-radius:50%!important;overflow:hidden!important}
html body .foxie-meeting-dock .foxie-rtc-members article>.avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
html body .foxie-meeting-dock .foxie-meeting-chat{width:100%!important;max-width:100%!important;min-width:0!important}
html body .foxie-meeting-dock .foxie-meeting-chat__messages{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
html body .foxie-meeting-dock .foxie-meeting-message{min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body .foxie-meeting-dock .foxie-meeting-message p{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
html body .foxie-meeting-dock .foxie-meeting-chat__tools{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:32px 32px minmax(0,1fr) 34px!important}
html body .foxie-meeting-dock .foxie-meeting-chat__tools textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

html body .foxie-meeting-dock .foxie-rtc-controls{
  min-height:64px!important;height:64px!important;gap:8px!important;padding:9px 12px!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 98%,#11151c)!important;
}
html body .foxie-meeting-dock .foxie-rtc-controls button{
  width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid color-mix(in srgb,var(--foxie-border) 88%,transparent)!important;
  background:var(--foxie-surface-soft)!important;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease!important;
}
html body .foxie-meeting-dock .foxie-rtc-controls button:hover{transform:translateY(-1px)}
html body .foxie-meeting-dock .foxie-rtc-controls button.active{background:color-mix(in srgb,var(--foxie-accent) 14%,var(--foxie-surface-soft))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foxie-accent) 18%,transparent)!important}
html body .foxie-meeting-dock .foxie-rtc-controls button.danger{width:48px!important;border-color:#df5960!important;background:#df5960!important;box-shadow:0 8px 20px rgba(223,89,96,.22)!important}

/* True viewport fullscreen. No AppShell geometry, so the right chat rail cannot be clipped. */
html body .foxie-rtc-dock.foxie-meeting-dock.expanded{
  position:fixed!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:100dvw!important;height:100dvh!important;max-width:100dvw!important;max-height:100dvh!important;
  margin:0!important;border:0!important;border-radius:0!important;z-index:5100!important;box-shadow:none!important;
}
html body .foxie-meeting-dock.expanded .foxie-rtc-layout{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,380px)!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-stage{padding:18px!important;gap:12px!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;grid-auto-rows:minmax(240px,1fr)!important}
html body .foxie-meeting-dock.expanded .foxie-rtc-peer{min-height:240px!important}
html body .foxie-meeting-dock.is-dedicated-call [data-rtc-expand],
html body .foxie-meeting-dock.is-dedicated-call [data-rtc-minimize]{display:none!important}

/* Dedicated voice/video channels are a call product, not a floating widget. */
html body .foxie-meeting-dock.is-dedicated-call{border-radius:0!important}

@media(max-width:980px){
  html body .foxie-meeting-dock.expanded .foxie-rtc-layout{grid-template-columns:minmax(0,1fr) 310px!important}
  html body .foxie-meeting-dock.expanded .foxie-rtc-stage{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
}
@media(max-width:760px){
  html body .foxie-rtc-dock.foxie-meeting-dock.expanded{width:100dvw!important;height:100dvh!important;inset:0!important;border-radius:0!important}
  html body .foxie-meeting-dock.expanded .foxie-rtc-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(220px,36dvh)!important}
  html body .foxie-meeting-dock.expanded .foxie-rtc-side{border-left:0!important;border-top:1px solid var(--foxie-border)!important}
  html body .foxie-meeting-dock.expanded .foxie-rtc-stage{padding:8px!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(220px,1fr)!important}
  html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell{width:92px;height:92px}
  html body .foxie-meeting-dock .foxie-rtc-stage.single-participant .foxie-rtc-peer__avatar-shell{width:108px;height:108px}
}
@media(prefers-reduced-motion:reduce){html body .foxie-meeting-dock *,html body .foxie-meeting-dock *::before,html body .foxie-meeting-dock *::after{animation:none!important;transition:none!important}}
/* Foxie Team call experience v6.
 * Dedicated channel calls replace ONLY the conversation body below its header.
 * AppShell header, app sidebar, Team conversation rail and outer member/contact rail
 * remain owned by their original layout.
 */

html body .internal-surface.foxie-dedicated-call-active .conversation-pane{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  overflow:hidden!important;
}
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>.conversation-head{
  width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:40!important;
}

/* This is the application slot for a channel call. It is a sibling of the
 * message scroller, so no timeline max-width/padding/margin can constrain it. */
html body .internal-surface .conversation-pane>[data-foxie-dedicated-call-host]{display:none!important}
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>[data-foxie-dedicated-call-host]{
  display:block!important;
  width:100%!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  flex:1 1 0!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#0b0e13!important;
}

/* Timeline/composer are replaced by the call only while this channel is the
 * active dedicated call surface. They remain mounted, preserving state. */
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>.message-area,
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>.composer,
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>.internal-chat-composer,
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>.internal-chat-composer-plus,
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>.group-manager{
  display:none!important;
}

/* A dedicated call is not a modal and not a viewport fullscreen. It exactly
 * fills the call host inside conversation-pane. */
html body .internal-surface.foxie-dedicated-call-active [data-foxie-dedicated-call-host]>.foxie-rtc-dock.foxie-meeting-dock.embedded-call{
  --foxie-call-avatar-size:clamp(112px,15cqw,148px);
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  container-type:inline-size;
}
html body .internal-surface.foxie-dedicated-call-active [data-foxie-dedicated-call-host]>.foxie-meeting-dock.embedded-call.expanded,
html body .internal-surface.foxie-dedicated-call-active [data-foxie-dedicated-call-host]>.foxie-meeting-dock.embedded-call.minimized{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
html body .foxie-meeting-dock.embedded-call [data-rtc-expand],
html body .foxie-meeting-dock.embedded-call [data-rtc-minimize]{display:none!important}

/* Header and controls consume their natural height; the RTC layout owns every
 * remaining pixel of the conversation body. */
html body .foxie-meeting-dock.embedded-call .foxie-rtc-head{
  width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-layout{
  width:100%!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  flex:1 1 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(260px,27cqw,340px)!important;
  grid-template-rows:minmax(0,1fr)!important;
  overflow:hidden!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-controls{
  width:100%!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage,
html body .foxie-meeting-dock.embedded-call .foxie-rtc-side{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage{
  padding:14px!important;
  gap:10px!important;
  overflow:auto!important;
  align-content:stretch!important;
  justify-content:stretch!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage.single-participant{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage.single-participant .foxie-rtc-peer{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-rtc-side{
  overflow:hidden!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-meeting-chat,
html body .foxie-meeting-dock.embedded-call .foxie-rtc-members,
html body .foxie-meeting-dock.embedded-call .foxie-meeting-chat__messages{
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
html body .foxie-meeting-dock.embedded-call .foxie-meeting-chat__tools,
html body .foxie-meeting-dock.embedded-call .foxie-meeting-chat__tools textarea{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Audio avatars: hard 1:1 geometry lock. This wins over global avatar/img and
 * legacy RTC selectors, preventing profile photos from becoming ovals. */
html body .foxie-meeting-dock .foxie-rtc-peer__fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__fallback>.foxie-rtc-peer__avatar-shell{
  width:var(--foxie-call-avatar-size,132px)!important;
  height:var(--foxie-call-avatar-size,132px)!important;
  min-width:var(--foxie-call-avatar-size,132px)!important;
  min-height:var(--foxie-call-avatar-size,132px)!important;
  max-width:var(--foxie-call-avatar-size,132px)!important;
  max-height:var(--foxie-call-avatar-size,132px)!important;
  inline-size:var(--foxie-call-avatar-size,132px)!important;
  block-size:var(--foxie-call-avatar-size,132px)!important;
  flex:0 0 var(--foxie-call-avatar-size,132px)!important;
  aspect-ratio:1/1!important;
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:999px!important;
  transform:none!important;
  contain:layout paint!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell>img[data-peer-avatar]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:999px!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell>img[data-peer-avatar][hidden]{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell>[data-peer-initials]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer.has-avatar .foxie-rtc-peer__avatar-shell>[data-peer-initials]{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer.local.mirrored .foxie-rtc-peer__avatar-shell,
html body .foxie-meeting-dock .foxie-rtc-peer.local.mirrored .foxie-rtc-peer__avatar-shell>*{transform:none!important}
html body .foxie-meeting-dock .foxie-rtc-stage.single-participant .foxie-rtc-peer__fallback>.foxie-rtc-peer__avatar-shell{
  --foxie-call-avatar-size:clamp(124px,18cqw,164px);
}

/* If the actual conversation column becomes narrow, stack only the in-call
 * participant/chat rail. The Foxie Team outer contact/member rail is untouched. */
@container (max-width:760px){
  html body .foxie-meeting-dock.embedded-call .foxie-rtc-layout{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(190px,32%)!important;
  }
  html body .foxie-meeting-dock.embedded-call .foxie-rtc-side{
    border-left:0!important;
    border-top:1px solid var(--foxie-border)!important;
  }
  html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage{
    padding:8px!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:minmax(190px,1fr)!important;
  }
  html body .foxie-meeting-dock.embedded-call{--foxie-call-avatar-size:108px}
}

@media(max-width:700px){
  html body .internal-surface.foxie-dedicated-call-active .conversation-pane>[data-foxie-dedicated-call-host]{
    width:100%!important;
    height:0!important;
    flex:1 1 0!important;
  }
  html body .internal-surface.foxie-dedicated-call-active [data-foxie-dedicated-call-host]>.foxie-rtc-dock.foxie-meeting-dock.embedded-call{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body .foxie-meeting-dock.embedded-call,
  html body .foxie-meeting-dock.embedded-call *{animation:none!important;transition:none!important}
}
/* Foxie call media v7 — final screen-share geometry authority.
 * Screen shares are documents/desktops, not camera portraits: never crop them.
 */

/* Internal authenticated call: screen content always fits without clipping. */
html body .foxie-meeting-dock .foxie-rtc-peer.is-screen video,
html body .foxie-meeting-dock .foxie-rtc-peer.focused.is-screen video,
html body .foxie-meeting-dock.embedded-call .foxie-rtc-peer.is-screen video,
html body .foxie-meeting-dock.embedded-call .foxie-rtc-peer.focused.is-screen video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#05070a!important;
  transform:none!important;
}

/* Public-link Foxie Meet gets the same rule, including the local guest tile. */
html body .public-meeting .meeting-peer.screen video,
html body .public-meeting .meeting-peer.focused.screen video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#05070a!important;
  transform:none!important;
}

/* Desktop focus is a real presentation layout: large primary canvas plus a
 * bounded participant strip. This overrides meeting-v4's grid-column:1/-1 /
 * grid-row:1/span 3 rule that compressed/cropped focused media. */
@media(min-width:801px){
  html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage.has-focus{
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(144px,16cqw,204px)!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(110px,1fr)!important;
    grid-auto-flow:row!important;
    align-content:stretch!important;
    overflow:auto!important;
  }
  html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage.has-focus .foxie-rtc-peer.focused{
    grid-column:1!important;
    grid-row:1/-1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  html body .foxie-meeting-dock.embedded-call .foxie-rtc-stage.has-focus .foxie-rtc-peer:not(.focused){
    grid-column:2!important;
    grid-row:auto!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }

  html body .public-meeting .meeting-stage.focused{
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(150px,18vw,220px)!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(110px,1fr)!important;
    grid-auto-flow:row!important;
    align-content:stretch!important;
    overflow:auto!important;
  }
  html body .public-meeting .meeting-stage.focused .meeting-peer.focused{
    grid-column:1!important;
    grid-row:1/-1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  html body .public-meeting .meeting-stage.focused .meeting-peer:not(.focused){
    grid-column:2!important;
    grid-row:auto!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
}

/* On compact screens keep the existing stacked room layout, but focused screen
 * media still uses contain and cannot be vertically cropped. */
@media(max-width:800px){
  html body .foxie-meeting-dock .foxie-rtc-peer.focused.is-screen,
  html body .public-meeting .meeting-peer.focused.screen{
    aspect-ratio:auto!important;
    min-height:min(48dvh,420px)!important;
  }
}
/* Foxie Team call v8 — navigation-safe picture-in-picture.
 * A call may remain alive while the user navigates anywhere in the product,
 * but only this compact rectangle is allowed to intercept the destination page.
 */
html body .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized{
  position:fixed!important;
  inset:auto 14px 14px auto!important;
  left:auto!important;
  top:auto!important;
  right:14px!important;
  bottom:14px!important;
  width:min(340px,calc(100dvw - 28px))!important;
  height:64px!important;
  min-width:260px!important;
  min-height:64px!important;
  max-width:calc(100dvw - 28px)!important;
  max-height:64px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 86%,transparent)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  z-index:5200!important;
  box-shadow:0 18px 48px rgba(0,0,0,.32)!important;
  transform:none!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
html body .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized[data-pip-positioned='1']{
  inset:auto!important;
  left:var(--foxie-call-pip-left)!important;
  top:var(--foxie-call-pip-top)!important;
  right:auto!important;
  bottom:auto!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-layout,
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-controls,
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-side,
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-mini-preview{
  display:none!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-head{
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  padding:8px 10px!important;
  border:0!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-head.is-dragging{cursor:grabbing!important}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-head button,
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-head a{cursor:pointer!important}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-head>.brand{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-title p{
  max-width:180px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Detached means detached: previous dedicated/fullscreen rules may not hide the
 * controls needed to reopen or end the persistent call. */
html body .foxie-meeting-dock.foxie-call-detached-pip [data-rtc-expand],
html body .foxie-meeting-dock.foxie-call-detached-pip [data-rtc-minimize]{
  display:grid!important;
}
@media(max-width:700px){
  html body .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized{
    width:min(330px,calc(100dvw - 20px))!important;
    min-width:0!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    max-width:calc(100dvw - 20px)!important;
  }
  html body .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized[data-pip-positioned='1']{
    right:auto!important;
    bottom:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .foxie-meeting-dock.foxie-call-detached-pip,
  html body .foxie-meeting-dock.foxie-call-detached-pip *{transition:none!important;animation:none!important}
}
/* Internal call v9 — video-first detached PiP without trapping fullscreen restore. */
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-mini-preview[hidden]{display:none!important}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video{
  width:min(340px,calc(100dvw - 28px))!important;
  height:min(210px,calc(100dvh - 28px))!important;
  min-height:180px!important;
  max-height:210px!important;
  background:#090d12!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-mini-preview{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#090d12!important;
  cursor:pointer!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-mini-preview video{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  background:#090d12!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-mini-preview video.mirrored{transform:scaleX(-1)!important}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-mini-preview__live{
  position:absolute!important;
  left:10px!important;
  top:10px!important;
  min-height:25px!important;
  max-width:calc(100% - 20px)!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:rgba(7,10,14,.68)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:12px!important;
  font-weight:750!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-mini-preview__live b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font:inherit!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-head{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  top:auto!important;
  width:auto!important;
  height:50px!important;
  min-height:50px!important;
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:13px!important;
  z-index:2!important;
  color:#fff!important;
  background:rgba(7,10,14,.72)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-head>.brand{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-title small,
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-title p{display:none!important}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-title strong{
  max-width:118px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
}
html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video .foxie-rtc-head__actions button{color:#fff!important}
html body .foxie-meeting-dock.foxie-call-detached-pip.expanded{
  position:fixed!important;
  left:var(--foxie-call-shell-left,0)!important;
  top:var(--foxie-call-shell-top,0)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--foxie-call-shell-width,100dvw)!important;
  height:var(--foxie-call-shell-height,100dvh)!important;
  max-width:100dvw!important;
  max-height:100dvh!important;
  border-radius:0!important;
  z-index:5300!important;
}
@media(max-width:700px){
  html body .foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video{
    width:min(320px,calc(100dvw - 20px))!important;
    height:190px!important;
    min-height:170px!important;
    max-height:190px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .foxie-meeting-dock.foxie-call-detached-pip{transition:none!important}
}
/* Internal call + Foxie AI v10.
 * Final authority for the AI identity and meeting theme. It deliberately loads
 * after the legacy call layers, which still contain hard-coded dark surfaces. */

/* Foxie AI identity: two independent smoke plumes that continuously merge.
 * The smoke inherits the active product accent instead of carrying a fixed
 * orange/white brand orb. */
html body .internal-surface .foxie-ai-avatar {
  --foxie-ai-smoke-a: var(--foxie-accent, var(--foxie-green));
  --foxie-ai-smoke-b: var(--foxie-accent-strong, var(--foxie-green-dark));
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:foxieAiSmokeHover 3.6s ease-in-out infinite!important;
}
html body .internal-surface .foxie-ai-avatar::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:5px;
  border-radius:50%;
  background:radial-gradient(circle,
    color-mix(in srgb,var(--foxie-ai-smoke-a) 28%,transparent) 0,
    color-mix(in srgb,var(--foxie-ai-smoke-b) 12%,transparent) 48%,
    transparent 74%);
  filter:blur(6px);
  opacity:.9;
  animation:foxieAiSmokeAura 2.8s ease-in-out infinite;
}
html body .internal-surface .foxie-ai-avatar>i {
  position:absolute!important;
  z-index:1!important;
  inset:auto!important;
  left:2px!important;
  bottom:3px!important;
  width:22px!important;
  height:31px!important;
  border-radius:63% 37% 58% 42% / 72% 47% 53% 28%!important;
  transform-origin:54% 82%!important;
  mix-blend-mode:normal!important;
  background:
    radial-gradient(ellipse at 48% 72%,color-mix(in srgb,var(--foxie-ai-smoke-a) 92%,transparent) 0 10%,color-mix(in srgb,var(--foxie-ai-smoke-a) 64%,transparent) 28%,transparent 67%),
    radial-gradient(ellipse at 54% 35%,color-mix(in srgb,var(--foxie-ai-smoke-a) 58%,transparent) 0 8%,transparent 64%)!important;
  filter:blur(3.4px) saturate(1.2)!important;
  opacity:.92!important;
  animation:foxieAiSmokePlumeA 2.85s cubic-bezier(.45,.05,.35,.98) infinite alternate!important;
}
html body .internal-surface .foxie-ai-avatar>i:nth-child(2) {
  z-index:2!important;
  left:12px!important;
  bottom:2px!important;
  width:21px!important;
  height:30px!important;
  border-radius:38% 62% 43% 57% / 48% 66% 34% 52%!important;
  transform-origin:42% 83%!important;
  background:
    radial-gradient(ellipse at 52% 72%,color-mix(in srgb,var(--foxie-ai-smoke-b) 94%,transparent) 0 10%,color-mix(in srgb,var(--foxie-ai-smoke-b) 62%,transparent) 29%,transparent 68%),
    radial-gradient(ellipse at 47% 34%,color-mix(in srgb,var(--foxie-ai-smoke-b) 54%,transparent) 0 9%,transparent 62%)!important;
  filter:blur(3.6px) saturate(1.22)!important;
  opacity:.9!important;
  animation:foxieAiSmokePlumeB 3.2s cubic-bezier(.37,.02,.41,1) infinite alternate!important;
}
html body .internal-surface .foxie-ai-avatar>i:nth-child(3) {
  z-index:3!important;
  left:9px!important;
  bottom:8px!important;
  width:17px!important;
  height:18px!important;
  border-radius:55% 45% 61% 39% / 46% 59% 41% 54%!important;
  background:radial-gradient(ellipse,
    color-mix(in srgb,var(--foxie-ai-smoke-a) 42%,var(--foxie-ai-smoke-b) 58%) 0 10%,
    color-mix(in srgb,var(--foxie-ai-smoke-a) 24%,transparent) 42%,
    transparent 72%)!important;
  filter:blur(4.3px) saturate(1.08)!important;
  opacity:.72!important;
  animation:foxieAiSmokeMix 2.15s ease-in-out infinite!important;
}
html body .internal-surface .foxie-ai-row .message-bubble.foxie-ai-bubble {
  border-color:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 22%,var(--foxie-border))!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 7%,var(--foxie-surface-raised)),
    color-mix(in srgb,var(--foxie-accent-strong,var(--foxie-green-dark)) 3%,var(--foxie-surface-raised)))!important;
}
html body .internal-surface .foxie-status-dot {
  background:var(--foxie-accent,var(--foxie-green))!important;
  box-shadow:0 0 0 2px var(--foxie-surface-raised),0 0 10px color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 34%,transparent)!important;
}

@keyframes foxieAiSmokePlumeA {
  0%{transform:translate(-1px,2px) rotate(-18deg) scale(.82,1.04);border-radius:63% 37% 58% 42% / 72% 47% 53% 28%;opacity:.72}
  34%{transform:translate(3px,-2px) rotate(-5deg) scale(1.02,1.16);border-radius:47% 53% 36% 64% / 61% 39% 61% 39%;opacity:.95}
  68%{transform:translate(7px,-5px) rotate(12deg) scale(.9,1.26);border-radius:34% 66% 57% 43% / 43% 61% 39% 57%;opacity:.82}
  100%{transform:translate(9px,-1px) rotate(22deg) scale(1.05,.96);border-radius:58% 42% 41% 59% / 54% 35% 65% 46%;opacity:.9}
}
@keyframes foxieAiSmokePlumeB {
  0%{transform:translate(1px,1px) rotate(20deg) scale(.88,1.02);border-radius:38% 62% 43% 57% / 48% 66% 34% 52%;opacity:.78}
  31%{transform:translate(-3px,-4px) rotate(7deg) scale(1.04,1.18);border-radius:61% 39% 55% 45% / 37% 58% 42% 63%;opacity:.94}
  72%{transform:translate(-7px,-6px) rotate(-13deg) scale(.92,1.24);border-radius:46% 54% 31% 69% / 64% 38% 62% 36%;opacity:.84}
  100%{transform:translate(-9px,-1px) rotate(-24deg) scale(1.08,.97);border-radius:57% 43% 67% 33% / 42% 63% 37% 58%;opacity:.9}
}
@keyframes foxieAiSmokeMix {
  0%,100%{transform:translate(0,1px) scale(.72) rotate(-8deg);opacity:.42}
  45%{transform:translate(1px,-3px) scale(1.18,.92) rotate(8deg);opacity:.82}
  72%{transform:translate(-2px,-1px) scale(.96,1.16) rotate(-2deg);opacity:.68}
}
@keyframes foxieAiSmokeAura {
  0%,100%{transform:scale(.82);opacity:.48}
  50%{transform:scale(1.22);opacity:.92}
}
@keyframes foxieAiSmokeHover {
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-1.5px) scale(1.025)}
}

/* Meeting surfaces follow the active Foxie theme. Actual video pixels keep a
 * neutral black backing, but chrome, empty tiles and the stage no longer force
 * dark mode into a light workspace. */
html body .foxie-meeting-dock {
  --foxie-call-stage-surface:color-mix(in srgb,var(--foxie-surface-soft) 96%,var(--foxie-accent,var(--foxie-green)) 4%);
  --foxie-call-stage-depth:color-mix(in srgb,var(--foxie-surface) 94%,var(--foxie-accent,var(--foxie-green)) 6%);
  --foxie-call-peer-surface:color-mix(in srgb,var(--foxie-surface-raised) 96%,var(--foxie-accent,var(--foxie-green)) 4%);
  --foxie-call-footer-surface:color-mix(in srgb,var(--foxie-surface-raised) 90%,transparent);
  color:var(--foxie-ink)!important;
  background:var(--foxie-surface-raised)!important;
  border-color:var(--foxie-border)!important;
}
html body .foxie-meeting-dock .foxie-rtc-layout {
  background:var(--foxie-call-stage-surface)!important;
}
html body .foxie-meeting-dock .foxie-rtc-stage {
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 7%,transparent),transparent 42%),
    linear-gradient(145deg,var(--foxie-call-stage-surface),var(--foxie-call-stage-depth))!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer {
  border-color:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 10%,var(--foxie-border))!important;
  background:linear-gradient(145deg,var(--foxie-call-peer-surface),var(--foxie-call-stage-depth))!important;
  box-shadow:0 14px 38px color-mix(in srgb,var(--foxie-ink) 8%,transparent)!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__fallback {
  background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 8%,transparent),transparent 36%),
    linear-gradient(145deg,var(--foxie-call-peer-surface),var(--foxie-call-stage-depth))!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__avatar-shell {
  border-color:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 28%,var(--foxie-border))!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:0 14px 38px color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 12%,transparent)!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer__initials {
  color:var(--foxie-accent,var(--foxie-green))!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer>footer {
  color:var(--foxie-ink)!important;
  border-color:var(--foxie-border)!important;
  background:var(--foxie-call-footer-surface)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--foxie-ink) 8%,transparent)!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer>footer span,
html body .foxie-meeting-dock .foxie-rtc-peer>footer i {
  color:var(--foxie-muted)!important;
}
html body .foxie-meeting-dock .foxie-rtc-side,
html body .foxie-meeting-dock .foxie-rtc-controls {
  color:var(--foxie-ink)!important;
  border-color:var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
}
html body .foxie-meeting-dock .foxie-rtc-controls button:not(.end-call) {
  color:var(--foxie-muted)!important;
  border-color:var(--foxie-border)!important;
  background:var(--foxie-surface-soft)!important;
}
html body .foxie-meeting-dock .foxie-rtc-controls button:not(.end-call):hover {
  color:var(--foxie-accent,var(--foxie-green))!important;
  border-color:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 26%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 7%,var(--foxie-surface-soft))!important;
}
html body .internal-surface.foxie-dedicated-call-active .conversation-pane>[data-foxie-dedicated-call-host] {
  background:var(--foxie-call-stage-surface,var(--foxie-surface-soft))!important;
}
html body .foxie-meeting-dock .foxie-rtc-peer.has-video>video,
html body .foxie-meeting-dock .foxie-rtc-peer.is-screen>video {
  background:#090d12!important;
}

/* Once somebody actually has camera/screen video, audio-only participants stay
 * in the participant rail instead of consuming a frozen/empty stage tile. */
html body .foxie-meeting-dock .foxie-rtc-stage.camera-layout .foxie-rtc-peer:not(.has-video):not(.is-screen) {
  display:none!important;
}

@media(prefers-reduced-motion:reduce) {
  html body .internal-surface .foxie-ai-avatar,
  html body .internal-surface .foxie-ai-avatar::before,
  html body .internal-surface .foxie-ai-avatar>i {
    animation:none!important;
  }
}
/* Unified persisted role visuals across WhatsApp, Team chat, feed and member surfaces. */

/* Hide legacy/static role chips whenever the shared runtime owns the surface. */
html body [data-role-visual-owned='1'] > .role-badge,
html body [data-role-visual-owned='1'] > .internal-role-badge,
html body [data-role-visual-owned='1'] > .feed-role-chip,
html body [data-role-visual-owned='1'] > span:not(.foxie-runtime-role-badge):not([data-role-runtime-name]) {
  display:none!important;
}

/* Shared geometry: same badge implementation everywhere. */
html body .foxie-runtime-role-badge{
  --role-color:var(--foxie-accent);
  --role-bg:color-mix(in srgb,var(--role-color) 9%,var(--foxie-surface-raised));
  --role-border:var(--role-color);
  --role-border-style:solid;
  width:max-content!important;
  max-width:min(100%,180px)!important;
  min-height:18px!important;
  padding:3px 6px!important;
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  border:1px var(--role-border-style) color-mix(in srgb,var(--role-border) 68%,var(--foxie-border))!important;
  border-radius:999px!important;
  color:var(--role-color)!important;
  background:var(--role-bg)!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  vertical-align:middle!important;
}
html body .foxie-runtime-role-badge>strong,
html body .foxie-runtime-role-badge__emoji,
html body .foxie-runtime-role-badge__icon{
  position:relative!important;
  z-index:3!important;
}
html body .foxie-runtime-role-badge>strong{
  max-width:118px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:inherit!important;
  line-height:1!important;
}
html body .foxie-runtime-role-badge__emoji,
html body .foxie-runtime-role-badge__icon{font-size:12px!important}

/* Conversation list: role sits on the SAME title line, sized as supporting metadata. */
html body .internal-surface .thread-copy[data-role-visual-owned='1']{
  display:grid!important;
  grid-template-columns:minmax(0,max-content) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:5px!important;
  row-gap:3px!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body .internal-surface .thread-copy[data-role-visual-owned='1']>:scope{min-width:0!important}
html body .internal-surface .thread-copy[data-role-visual-owned='1']>strong:first-child{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .internal-surface .thread-copy[data-role-visual-owned='1']>.foxie-runtime-role-badge{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:start!important;
  max-width:112px!important;
  min-height:16px!important;
  padding:2px 5px!important;
  font-size:12px!important;
}
html body .internal-surface .thread-copy[data-role-visual-owned='1']>small:last-of-type{
  grid-column:1/-1!important;
  grid-row:2!important;
  margin:0!important;
}

/* Member rail and authors share the exact same scale. */
html body .team-member-rail__copy>.foxie-runtime-role-badge,
html body .internal-surface .message-author>.foxie-runtime-role-badge,
html body .feed-post-author>div>.foxie-runtime-role-badge,
html body .feed-comment-author>.foxie-runtime-role-badge{
  margin:0!important;
  min-height:17px!important;
  padding:2px 5px!important;
  font-size:12px!important;
}
html body .feed-post-author>div[data-role-visual-owned='1']{
  overflow:visible!important;
  flex-wrap:wrap!important;
}
html body .feed-comment-author[data-role-visual-owned='1']{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:visible!important;
}

/* Shared FX layers. Keep content above effects, exactly like Atendimento. */
html body .foxie-role-fx,
html body .foxie-message-fx{
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:1!important;
}
html body .foxie-runtime-role-badge>*:not(.foxie-role-fx),
html body .internal-surface .message-bubble>*:not(.foxie-message-fx),
html body .whisper-panel .whisper-bubble>*:not(.foxie-message-fx),
html body .inbox-v3 .message.out .bubble>*:not(.foxie-message-fx){
  position:relative!important;
  z-index:3!important;
}

/* Effects must never be clipped in Team chat. */
html body .internal-surface .message-row,
html body .internal-surface .message-shell,
html body .internal-surface .message-bubble,
html body .internal-surface .message-bubble[class*='role-message-style-']{
  overflow:visible!important;
  isolation:isolate!important;
}

/* Re-assert persisted message style AFTER mobile/chat legacy layers. */
html body .internal-surface .message-bubble.role-message-style-glass{
  background:color-mix(in srgb,var(--role-message-from) 14%,rgba(255,255,255,.28))!important;
  border-color:color-mix(in srgb,var(--role-message-from) 34%,var(--foxie-border))!important;
  backdrop-filter:blur(var(--role-message-blur,12px)) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(var(--role-message-blur,12px)) saturate(1.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 24px rgba(10,34,26,.08)!important;
}
html body .internal-surface .message-bubble.role-message-style-gradient{
  background:linear-gradient(135deg,color-mix(in srgb,var(--role-message-from) 34%,var(--foxie-surface-raised)),color-mix(in srgb,var(--role-message-to) 34%,var(--foxie-surface-raised)))!important;
  border-color:color-mix(in srgb,var(--role-message-from) 43%,var(--foxie-border))!important;
}
html body .internal-surface .message-bubble.role-message-style-tint{
  background:color-mix(in srgb,var(--role-message-from) 18%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--role-message-from) 35%,var(--foxie-border))!important;
}
html body .internal-surface .message-bubble.role-message-style-outline{
  background:color-mix(in srgb,var(--foxie-surface-raised) 86%,transparent)!important;
  border:2px solid color-mix(in srgb,var(--role-message-from) 72%,var(--foxie-border))!important;
}
html body .internal-surface .message-bubble.role-message-style-neon{
  background:color-mix(in srgb,var(--role-message-from) 9%,var(--foxie-surface-raised))!important;
  border-color:var(--role-message-from)!important;
  box-shadow:0 0 6px color-mix(in srgb,var(--role-message-from) 72%,transparent),0 0 21px color-mix(in srgb,var(--role-message-from) 31%,transparent),inset 0 0 13px color-mix(in srgb,var(--role-message-from) 9%,transparent)!important;
}
html body .internal-surface .message-bubble.role-message-style-aurora{
  background:linear-gradient(125deg,color-mix(in srgb,var(--role-message-from) 22%,var(--foxie-surface-raised)),color-mix(in srgb,#4bd3ad 15%,var(--foxie-surface-raised)),color-mix(in srgb,#8e70ff 13%,var(--foxie-surface-raised)),color-mix(in srgb,var(--role-message-to) 22%,var(--foxie-surface-raised)))!important;
  background-size:180% 180%!important;
  border-color:color-mix(in srgb,var(--role-message-from) 38%,var(--foxie-border))!important;
  animation:foxieMessageAurora 7s ease-in-out infinite!important;
}
html body .internal-surface .message-bubble.role-message-style-default{
  background:color-mix(in srgb,var(--role-color) 9%,var(--foxie-surface-raised))!important;
  border-color:color-mix(in srgb,var(--role-color) 26%,var(--foxie-border))!important;
}
html body .internal-surface .message-bubble.role-message-shape-rounded{border-radius:17px 17px 5px 17px!important}
html body .internal-surface .message-bubble.role-message-shape-soft{border-radius:22px!important}
html body .internal-surface .message-bubble.role-message-shape-pill{border-radius:999px!important;padding-left:16px!important;padding-right:16px!important}
html body .internal-surface .message-bubble.role-message-shape-sharp{border-radius:3px!important}
html body .internal-surface .message-bubble.role-message-shape-ticket{border-radius:12px 3px 12px 3px!important;border-left-width:3px!important}
html body .internal-surface .message-bubble.role-message-shape-comic{border-radius:18px 18px 18px 4px!important;transform:rotate(-.25deg)!important}

/* Full role FX repertoire, deliberately shared. */
html body .foxie-role-fx--glow,html body .foxie-message-fx--glow{box-shadow:0 0 7px color-mix(in srgb,var(--role-color) 45%,transparent),0 0 20px color-mix(in srgb,var(--role-color) 27%,transparent)!important}
html body .foxie-role-fx--neon,html body .foxie-message-fx--neon{box-shadow:0 0 5px var(--role-color),0 0 17px color-mix(in srgb,var(--role-color) 58%,transparent),inset 0 0 11px color-mix(in srgb,var(--role-color) 16%,transparent)!important}
html body .foxie-role-fx--pulse,html body .foxie-message-fx--pulse{animation:foxieRolePulse 1.75s ease-in-out infinite!important}
html body .foxie-role-fx--float,html body .foxie-message-fx--float{border:1px solid color-mix(in srgb,var(--role-color) 24%,transparent)!important;box-shadow:0 5px 13px color-mix(in srgb,var(--role-color) 14%,transparent)!important;animation:foxieRoleFloat 2.5s ease-in-out infinite!important}
html body .foxie-role-fx--shimmer,html body .foxie-role-fx--reflect,html body .foxie-role-fx--electric,html body .foxie-message-fx--shimmer,html body .foxie-message-fx--reflect,html body .foxie-message-fx--electric{overflow:hidden!important}
html body .foxie-role-fx--shimmer:after,html body .foxie-role-fx--reflect:after,html body .foxie-message-fx--shimmer:after,html body .foxie-message-fx--reflect:after{content:"";position:absolute;inset:-70%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.68) 50%,transparent 62%);animation:foxieRoleShine 2.2s linear infinite}
html body .foxie-role-fx--reflect:after,html body .foxie-message-fx--reflect:after{opacity:.72;animation-duration:3.5s}
html body .foxie-role-fx--aurora:before,html body .foxie-message-fx--aurora:before{content:"";position:absolute;inset:-90%;border-radius:inherit;background:conic-gradient(from 0deg,transparent,var(--role-color),#5ae2bd,#8e70ff,var(--role-color),transparent);opacity:.2;animation:foxieRoleRotate 5s linear infinite}
html body .foxie-role-fx--sparkle:before,html body .foxie-message-fx--sparkle:before{content:'✦  ·  ✧  ✦';position:absolute;top:-8px;right:-5px;color:var(--role-color);font-size:12px;letter-spacing:5px;white-space:nowrap;text-shadow:0 0 7px var(--role-color);animation:foxieRoleSparkle 1.4s steps(2,end) infinite}
html body .foxie-role-fx--particles:before,html body .foxie-message-fx--particles:before{content:'•  ·  •  ✦  ·';position:absolute;left:8%;bottom:-10px;color:var(--role-color);font-size:12px;letter-spacing:6px;white-space:nowrap;text-shadow:0 0 6px var(--role-color);animation:foxieRoleParticles 2.1s ease-out infinite}
html body .foxie-role-fx--electric:after,html body .foxie-message-fx--electric:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,#fff 76%,var(--role-color)) 49%,transparent 58%);opacity:.58;animation:foxieRoleShine 1.1s linear infinite}
html body .foxie-role-fx--electric,html body .foxie-message-fx--electric{box-shadow:0 0 10px color-mix(in srgb,var(--role-color) 36%,transparent)!important;animation:foxieRoleElectric 1.15s steps(2,end) infinite!important}

@media(max-width:760px){
  html body .internal-surface .thread-copy[data-role-visual-owned='1']>.foxie-runtime-role-badge{
    max-width:96px!important;
    padding:2px 4px!important;
    font-size:12px!important;
  }
}
/* Internal chat final layer intentionally DOES NOT redefine role badges, role effects,
 * message role styles or role shapes. Those come from team-chat-appearance-v2.css,
 * the same renderer/style source used by WhatsApp Whisper/attendance. */

/* The viewport is user-owned after the conversation opens. No smooth CSS scroll
 * is allowed to amplify programmatic positioning or fight manual navigation. */
html body .internal-surface .message-area {
  scroll-behavior:auto!important;
}

/* Incoming human messages must always read as actual bubbles. Keep persisted
 * role styles intact; this is the visible fallback when no role style is set. */
html body .internal-surface .message-row:not(.mine):not(.foxie-ai-row) .message-bubble:not([class*='role-message-style-']) {
  border:1px solid color-mix(in srgb,var(--foxie-ink) 12%,var(--foxie-border))!important;
  border-radius:14px 14px 14px 4px!important;
  background:color-mix(in srgb,var(--foxie-ink) 4%,var(--foxie-surface-raised))!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--foxie-ink) 7%,transparent)!important;
}
html body .internal-surface .message-row:not(.mine):not(.foxie-ai-row) .message-shell {
  align-items:flex-start!important;
}

/* Public Foxie messages own one canonical author. The public/private state is a
 * badge beside that author, never a second author line above the bubble. */
html body .internal-surface .foxie-public-ai-message .foxie-system-chat-identity {
  display:none!important;
}
html body .internal-surface .foxie-public-ai-message .private-ai-author,
html body .internal-surface .foxie-public-ai-message .foxie-ai-author {
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
html body .internal-surface .foxie-public-response-badge {
  width:max-content!important;
  min-height:16px!important;
  padding:2px 6px!important;
  border:1px solid color-mix(in srgb,#7657e8 30%,var(--foxie-border))!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#7657e8!important;
  background:color-mix(in srgb,#7657e8 8%,var(--foxie-surface-raised))!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}

/* Foxie is declarative from the first Vue render, never repaired later by DOM mutation. */
html body .internal-surface .message-row.foxie-ai-row {
  justify-content:flex-start!important;
  align-items:flex-start!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
html body .internal-surface .message-row.foxie-ai-row .message-shell {
  align-items:flex-start!important;
  justify-self:start!important;
  margin-left:0!important;
  margin-right:auto!important;
}
html body .internal-surface .foxie-message-light {
  align-self:flex-start!important;
  margin-top:1px!important;
}
html body .internal-surface .foxie-ai-author {
  min-height:16px!important;
  margin:0 0 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  color:var(--foxie-ink)!important;
  line-height:1!important;
}
html body .internal-surface .foxie-ai-author strong {
  font-size:12px!important;
  font-weight:850!important;
}
html body .internal-surface .foxie-ai-author small {
  color:var(--foxie-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
html body .internal-surface .foxie-ai-row .message-bubble.foxie-ai-bubble {
  max-width:min(680px,78vw)!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 22%,var(--foxie-border))!important;
  border-radius:6px 18px 18px 18px!important;
  color:var(--foxie-ink)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised)),color-mix(in srgb,#ff9b45 3%,var(--foxie-surface-raised)))!important;
  box-shadow:0 9px 25px rgba(8,33,25,.055)!important;
  transform:none!important;
}
html body .internal-surface .foxie-ai-row .private-ai-label {
  margin:0 0 5px 0!important;
  align-self:flex-start!important;
}

/* Explicit audio selection for Foxie transcription. */
html body .internal-surface .foxie-audio-transcribe {
  min-height:25px!important;
  margin-top:6px!important;
  padding:0 9px!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 30%,var(--foxie-border))!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  color:var(--foxie-accent)!important;
  background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised))!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
html body .internal-surface .foxie-audio-transcribe:hover {
  background:color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-raised))!important;
}

/* Human realtime typing. */
html body .internal-surface .foxie-typing-indicator {
  min-height:27px!important;
  padding:3px 14px 5px 56px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--foxie-muted)!important;
  background:var(--foxie-surface-soft)!important;
  font-size:12px!important;
  line-height:1!important;
  pointer-events:none!important;
}
html body .internal-surface .foxie-typing-label {
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .internal-surface .foxie-typing-dots {
  height:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
html body .internal-surface .foxie-typing-dots > i {
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:.35!important;
  animation:foxieTypingDot 1.05s ease-in-out infinite!important;
}
html body .internal-surface .foxie-typing-dots > i:nth-child(2){animation-delay:.14s!important}
html body .internal-surface .foxie-typing-dots > i:nth-child(3){animation-delay:.28s!important}
@keyframes foxieTypingDot{
  0%,60%,100%{transform:translateY(0) scale(.82);opacity:.28}
  30%{transform:translateY(-3px) scale(1);opacity:.95}
}

@media(max-width:760px){
  html body .internal-surface .foxie-typing-indicator{padding-left:48px!important}
  html body .internal-surface .foxie-ai-row .message-bubble.foxie-ai-bubble{max-width:82vw!important}
}
/* Contacts: compact, professional create-contact modal with mobile-safe inputs. */
.v-dialog > .v-overlay__content:has(> .crm-contact-modal[data-contact-modal-v5]) {
  width: 760px !important;
  max-width: calc(100vw - 32px) !important;
  margin: 16px !important;
}

.crm-contact-modal[data-contact-modal-v5] {
  width: 100% !important;
  height: min(720px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.22) !important;
}

.crm-contact-modal[data-contact-modal-v5] .brand-block {
  display: none !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-header {
  grid-template-columns: minmax(0, 1fr) 36px !important;
  gap: 12px !important;
  padding: 17px 20px !important;
}

.crm-contact-modal[data-contact-modal-v5] .header-copy > span {
  display: none !important;
}

.crm-contact-modal[data-contact-modal-v5] .header-copy h2 {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}

.crm-contact-modal[data-contact-modal-v5] .header-copy p {
  max-width: 560px;
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.crm-contact-modal[data-contact-modal-v5] .icon-button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-tabs {
  background: var(--surface) !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-tabs button {
  min-height: 52px !important;
  padding: 9px 14px !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-tabs strong {
  font-size: 12px !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-tabs small {
  font-size: 12px !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-body {
  flex: 1 1 auto;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  background: var(--surface) !important;
}

.crm-contact-modal[data-contact-modal-v5] .tab-panel {
  padding: 18px 20px 20px !important;
}

.crm-contact-modal[data-contact-modal-v5] .section-title {
  margin-bottom: 14px !important;
}

.crm-contact-modal[data-contact-modal-v5] .section-title > div {
  gap: 0 !important;
}

.crm-contact-modal[data-contact-modal-v5] .section-title > div > span {
  display: none !important;
}

.crm-contact-modal[data-contact-modal-v5] .section-title h3 {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.crm-contact-modal[data-contact-modal-v5] .section-title p {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.crm-contact-modal[data-contact-modal-v5] .form-grid,
.crm-contact-modal[data-contact-modal-v5] .type-section,
.crm-contact-modal[data-contact-modal-v5] .automation-card,
.crm-contact-modal[data-contact-modal-v5] .automation-runtime {
  border-radius: 12px !important;
  box-shadow: none !important;
}

.crm-contact-modal[data-contact-modal-v5] .form-grid {
  gap: 12px !important;
  padding: 16px !important;
}

.crm-contact-modal[data-contact-modal-v5] .field > span,
.crm-contact-modal[data-contact-modal-v5] .wide-field > span,
.crm-contact-modal[data-contact-modal-v5] .automation-runtime label > span,
.crm-contact-modal[data-contact-modal-v5] .field-label,
.crm-contact-modal[data-contact-modal-v5] .automation-grid label > span {
  font-size: 12px !important;
  font-weight: 650 !important;
}

.crm-contact-modal[data-contact-modal-v5] .field > div {
  min-height: 42px !important;
  border-radius: 9px !important;
}

.crm-contact-modal[data-contact-modal-v5] .field input,
.crm-contact-modal[data-contact-modal-v5] .field select {
  height: 40px !important;
  font-size: 12px !important;
}

.crm-contact-modal[data-contact-modal-v5] .field textarea {
  font-size: 12px !important;
}

.crm-contact-modal[data-contact-modal-v5] .commercial-layout {
  max-width: none !important;
}

.crm-contact-modal[data-contact-modal-v5] .type-section {
  padding: 15px !important;
}

.crm-contact-modal[data-contact-modal-v5] .type-grid {
  gap: 8px !important;
}

.crm-contact-modal[data-contact-modal-v5] .type-grid button {
  min-height: 54px !important;
  border-radius: 9px !important;
}

.crm-contact-modal[data-contact-modal-v5] .automation-empty {
  min-height: 290px !important;
}

.crm-contact-modal[data-contact-modal-v5] .modal-footer {
  flex: 0 0 auto;
  padding: 11px 18px !important;
}

.crm-contact-modal[data-contact-modal-v5] .footer-actions button {
  height: 38px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

@media (max-width: 760px) {
  .v-dialog > .v-overlay__content:has(> .crm-contact-modal[data-contact-modal-v5]) {
    width: calc(100vw - 12px) !important;
    max-width: none !important;
    margin: 6px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] {
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 14px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-header {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    padding: 14px 15px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .header-copy h2 {
    font-size: 19px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .header-copy p {
    max-width: 92%;
    font-size: 12px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-tabs button {
    grid-template-columns: 1fr !important;
    min-height: 44px !important;
    padding: 8px 4px !important;
    text-align: center !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-tabs .tab-icon,
  .crm-contact-modal[data-contact-modal-v5] .modal-tabs .tab-check,
  .crm-contact-modal[data-contact-modal-v5] .modal-tabs small {
    display: none !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-tabs button > span:nth-child(2) {
    align-items: center !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-tabs strong {
    font-size: 12px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .tab-panel {
    padding: 15px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .section-title {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .section-title > small {
    display: none !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .form-grid,
  .crm-contact-modal[data-contact-modal-v5] .form-grid.compact,
  .crm-contact-modal[data-contact-modal-v5] .automation-grid,
  .crm-contact-modal[data-contact-modal-v5] .behavior-grid,
  .crm-contact-modal[data-contact-modal-v5] .automation-runtime {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .span-2 {
    grid-column: auto !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .form-grid {
    gap: 11px !important;
    padding: 13px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .type-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .type-grid button {
    justify-content: center !important;
    min-height: 44px !important;
    padding: 8px 6px !important;
    text-align: center !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .type-grid button > .v-icon,
  .crm-contact-modal[data-contact-modal-v5] .type-grid small {
    display: none !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .type-grid span {
    align-items: center !important;
  }

  .crm-contact-modal[data-contact-modal-v5] input:not([type='checkbox']):not([type='radio']):not([type='file']),
  .crm-contact-modal[data-contact-modal-v5] select,
  .crm-contact-modal[data-contact-modal-v5] textarea {
    font-size: 16px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .attachment-zone > div:first-child {
    min-width: 0 !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-footer {
    align-items: stretch !important;
    gap: 9px !important;
    padding: 10px 12px !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .footer-state {
    width: 100%;
  }

  .crm-contact-modal[data-contact-modal-v5] .footer-state small {
    display: none !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .footer-actions {
    width: 100% !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .footer-actions button {
    flex: 1 1 0;
    min-width: 0;
    height: 40px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    touch-action: manipulation;
  }
}

@media (max-width: 390px) {
  .crm-contact-modal[data-contact-modal-v5] .header-copy p {
    display: none !important;
  }

  .crm-contact-modal[data-contact-modal-v5] .modal-header {
    min-height: 58px;
  }

  .crm-contact-modal[data-contact-modal-v5] .section-title p {
    display: none !important;
  }
}
/* Foxie Team / Role Studio v7
   Final visual authority for TeamView + TeamRoleEditorView.
   Keeps both surfaces theme-native and aligns role tables with ContactsView. */

/* ROLE EDITOR — centered, confident live preview */
[data-role-editor-v6] .preview-showcase{
  position:relative;
  padding:28px 30px 32px;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 9%,transparent);
  border-radius:16px;
  gap:22px;
  overflow:hidden;
  background:rgb(var(--v-theme-surface));
  box-shadow:0 10px 30px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 3.5%,transparent);
}
[data-role-editor-v6] .preview-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%,color-mix(in srgb,rgb(var(--v-theme-primary)) 7%,transparent),transparent 36%),
    linear-gradient(color-mix(in srgb,rgb(var(--v-theme-on-surface)) 2.2%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,rgb(var(--v-theme-on-surface)) 2.2%,transparent) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 82%,transparent 100%);
}
[data-role-editor-v6] .preview-heading,
[data-role-editor-v6] .preview-canvas{position:relative;z-index:1}
[data-role-editor-v6] .preview-heading{gap:7px}
[data-role-editor-v6] .preview-heading h2{font-size:1.12rem;letter-spacing:-.035em}
[data-role-editor-v6] .preview-heading p{max-width:720px;font-size:12px;line-height:1.55}
[data-role-editor-v6] .preview-canvas{
  width:min(940px,100%);
  min-height:390px;
  padding:38px 52px;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 9%,transparent);
  border-radius:18px;
  gap:26px;
  background:color-mix(in srgb,rgb(var(--v-theme-surface)) 97%,rgb(var(--v-theme-primary)) 3%);
  box-shadow:0 24px 70px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 7%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 24%,transparent);
}
[data-role-editor-v6] .preview-user{gap:12px}
[data-role-editor-v6] .preview-avatar{
  width:52px;height:52px;border-radius:15px;
  font-size:12px;
  box-shadow:0 8px 22px color-mix(in srgb,rgb(var(--v-theme-primary)) 12%,transparent);
}
[data-role-editor-v6] .preview-user strong{font-size:.76rem}
[data-role-editor-v6] .preview-user small{font-size:12px}
[data-role-editor-v6] .preview-content{width:min(650px,100%);gap:18px}
[data-role-editor-v6] .role-badge{
  min-height:34px;padding:8px 14px;
  font-size:12px;
  box-shadow:0 8px 24px color-mix(in srgb,var(--role-color) 10%,transparent);
}
[data-role-editor-v6] .message-bubble{
  width:min(560px,100%);
  padding:18px 19px;
  border-radius:16px;
  font-size:12px;
  line-height:1.55;
  box-shadow:0 18px 48px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 7%,transparent);
}
[data-role-editor-v6] .message-bubble small{margin-top:8px;font-size:12px}
[data-role-editor-v6] .preview-meta span{min-height:29px;padding:0 10px;font-size:12px}

/* Foxie-native thin range control — no browser/Vuetify raw chrome */
[data-role-editor-v6] .range-field{padding-top:2px}
[data-role-editor-v6] .foxie-range{
  width:100%;height:14px;margin:2px 0 0;
  appearance:none;-webkit-appearance:none;
  outline:0;border:0;background:transparent;cursor:pointer;
}
[data-role-editor-v6] .foxie-range::-webkit-slider-runnable-track{
  height:2px;border:0;border-radius:999px;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 34%,color-mix(in srgb,rgb(var(--v-theme-on-surface)) 12%,transparent));
  box-shadow:none;
}
[data-role-editor-v6] .foxie-range::-webkit-slider-thumb{
  width:10px;height:10px;margin-top:-4px;
  appearance:none;-webkit-appearance:none;
  border:2px solid rgb(var(--v-theme-surface));border-radius:50%;
  background:rgb(var(--v-theme-primary));
  box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--v-theme-primary)) 38%,transparent),0 2px 8px color-mix(in srgb,rgb(var(--v-theme-primary)) 22%,transparent);
  transition:transform .14s ease,box-shadow .14s ease;
}
[data-role-editor-v6] .foxie-range:hover::-webkit-slider-thumb,
[data-role-editor-v6] .foxie-range:focus-visible::-webkit-slider-thumb{
  transform:scale(1.16);
  box-shadow:0 0 0 4px color-mix(in srgb,rgb(var(--v-theme-primary)) 10%,transparent);
}
[data-role-editor-v6] .foxie-range::-moz-range-track{
  height:2px;border:0;border-radius:999px;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 24%,color-mix(in srgb,rgb(var(--v-theme-on-surface)) 12%,transparent));
}
[data-role-editor-v6] .foxie-range::-moz-range-progress{height:2px;border-radius:999px;background:rgb(var(--v-theme-primary))}
[data-role-editor-v6] .foxie-range::-moz-range-thumb{
  width:8px;height:8px;border:2px solid rgb(var(--v-theme-surface));border-radius:50%;
  background:rgb(var(--v-theme-primary));
  box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--v-theme-primary)) 38%,transparent);
}
[data-role-editor-v6] .range-field>small{margin-top:1px;font-size:12px;letter-spacing:.01em}

/* Permission table inherits the same restrained enterprise rhythm */
[data-role-editor-v6] .permissions-card{border-radius:13px;box-shadow:0 10px 30px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 3%,transparent)}
[data-role-editor-v6] .permission-head{
  min-height:39px;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 55%,transparent);
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.8%,rgb(var(--v-theme-surface)));
  font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;
}
[data-role-editor-v6] .permission-row:not(.permission-head){min-height:60px;transition:background .13s ease,box-shadow .13s ease}
[data-role-editor-v6] .permission-row:not(.permission-head):hover{background:color-mix(in srgb,rgb(var(--v-theme-primary)) 2.7%,rgb(var(--v-theme-surface)));box-shadow:inset 3px 0 0 color-mix(in srgb,rgb(var(--v-theme-primary)) 58%,transparent)}

/* TEAM GRID — exact ContactsView table language */
[data-team-professional-v5] .data-shell{
  border-radius:13px;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
[data-team-professional-v5] .toolbar{
  min-height:auto;
  padding:11px;
  background:color-mix(in srgb,rgb(var(--v-theme-surface)) 97%,rgb(var(--v-theme-background)));
}
[data-team-professional-v5] .search-control,
[data-team-professional-v5] .filter-trigger{height:39px;border-radius:8px}
[data-team-professional-v5] .team-table{width:100%;overflow:auto;min-width:0}
[data-team-professional-v5] .team-table .table-row{
  grid-template-columns:minmax(260px,1.45fr) minmax(120px,.72fr) minmax(190px,1.05fr) minmax(150px,.88fr) minmax(170px,1fr) 54px;
  align-items:stretch;
  min-width:1040px;
}
[data-team-professional-v5] .team-table .table-head{
  min-height:39px;padding:0;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.8%,rgb(var(--v-theme-surface)));
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 55%,transparent);
  font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;
}
[data-team-professional-v5] .team-table .table-row>div{
  display:flex;align-items:center;min-width:0;padding:8px 11px;
}
[data-team-professional-v5] .team-table .table-row>div+div{
  border-left:1px solid color-mix(in srgb,color-mix(in srgb,rgb(var(--v-theme-on-surface)) 10%,transparent) 58%,transparent);
}
[data-team-professional-v5] .team-table .table-head>div{padding-top:0;padding-bottom:0}
[data-team-professional-v5] .team-table .body-row{
  min-height:60px;padding:0;
  transition:background .13s ease,box-shadow .13s ease;
}
[data-team-professional-v5] .team-table .body-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 2.7%,rgb(var(--v-theme-surface)));
  box-shadow:inset 3px 0 0 color-mix(in srgb,rgb(var(--v-theme-primary)) 58%,transparent);
}
[data-team-professional-v5] .team-table .row-actions{justify-content:center}

/* ROLES TABLE — same contract as ContactsView, not a custom mini-table */
.v-overlay .roles-dialog .roles-table{width:100%;overflow:auto;min-width:0}
.v-overlay .roles-dialog .roles-table .table-row{
  display:grid;
  grid-template-columns:minmax(220px,1.25fr) minmax(280px,1.65fr) minmax(115px,.58fr) minmax(190px,1fr) 54px;
  align-items:stretch;
  min-width:940px;
}
.v-overlay .roles-dialog .roles-table .table-head{
  min-height:39px;padding:0;
  border-bottom:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 10%,transparent);
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.8%,rgb(var(--v-theme-surface)));
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 55%,transparent);
  font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;
}
.v-overlay .roles-dialog .roles-table .table-row>div{
  display:flex;align-items:center;min-width:0;padding:8px 11px;
}
.v-overlay .roles-dialog .roles-table .table-row>div+div{
  border-left:1px solid color-mix(in srgb,color-mix(in srgb,rgb(var(--v-theme-on-surface)) 10%,transparent) 58%,transparent);
}
.v-overlay .roles-dialog .roles-table .table-head>div{padding-top:0;padding-bottom:0}
.v-overlay .roles-dialog .roles-table .body-row{
  min-height:60px;padding:0;
  border-bottom:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 10%,transparent);
  cursor:default;
  transition:background .13s ease,box-shadow .13s ease;
}
.v-overlay .roles-dialog .roles-table .body-row:last-child{border-bottom:0}
.v-overlay .roles-dialog .roles-table .body-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 2.7%,rgb(var(--v-theme-surface)));
  box-shadow:inset 3px 0 0 color-mix(in srgb,rgb(var(--v-theme-primary)) 58%,transparent);
}
.v-overlay .roles-dialog .roles-table .role-name-cell{gap:9px}
.v-overlay .roles-dialog .roles-table .role-swatch{width:36px;height:36px;flex:0 0 36px;border-radius:10px}
.v-overlay .roles-dialog .roles-table .role-name-cell strong{font-size:12px}
.v-overlay .roles-dialog .roles-table .role-name-cell small,
.v-overlay .roles-dialog .roles-table .role-member-cell small{margin-top:3px;font-size:12px}
.v-overlay .roles-dialog .roles-table .role-description-cell strong{font-size:12px;font-weight:650}
.v-overlay .roles-dialog .roles-table .role-member-cell strong{font-size:12px}
.v-overlay .roles-dialog .roles-table .role-route-cell{gap:5px;font-size:12px}
.v-overlay .roles-dialog .roles-table .row-actions{justify-content:center}
.v-overlay .roles-dialog .roles-table .row-actions>button{width:32px;height:32px;border:1px solid transparent;border-radius:8px}
.v-overlay .roles-dialog .roles-table .row-actions>button:hover{border-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 10%,transparent);background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 2.8%,rgb(var(--v-theme-surface)))}

/* Dialog itself follows Contact dialog density */
.v-overlay .roles-dialog{border-radius:13px}
.v-overlay .roles-dialog .tray-head{min-height:74px}
.v-overlay .roles-dialog .tray-footer{min-height:56px}

@media(max-width:960px){
  [data-role-editor-v6] .preview-canvas{min-height:340px;padding:32px 28px}
}
@media(max-width:620px){
  [data-role-editor-v6] .preview-showcase{padding:18px 14px 20px}
  [data-role-editor-v6] .preview-canvas{min-height:300px;padding:26px 14px}
  [data-role-editor-v6] .preview-content{width:100%}
  [data-role-editor-v6] .message-bubble{width:100%}
}
/* Foxie Team + Role polish v8
   One continuous role editor surface, light workspace grid, and tray-style dialogs. */

/* --------------------------------------------------------------------------
   ROLE EDITOR — one surface below the preview, not two unrelated cards
   -------------------------------------------------------------------------- */
[data-role-editor-v6] .settings-grid{
  display:block !important;
  width:100%;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 8%,transparent) !important;
  border-radius:16px !important;
  overflow:hidden;
  background:rgb(var(--v-theme-surface));
  box-shadow:0 10px 30px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 3.2%,transparent);
}
[data-role-editor-v6] .settings-grid>.editor-panel{
  width:100%;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
[data-role-editor-v6] .settings-grid>.editor-panel+.editor-panel{
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 6%,transparent) !important;
}
[data-role-editor-v6] .settings-grid .panel-heading{
  min-height:54px;
  padding:11px 16px;
  border-bottom:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5.5%,transparent) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.1%,rgb(var(--v-theme-surface)));
}
[data-role-editor-v6] .settings-grid .panel-heading>span{
  width:30px;
  height:30px;
  flex-basis:30px;
  border-radius:8px;
}
[data-role-editor-v6] .settings-grid .panel-heading strong{font-size:12px}
[data-role-editor-v6] .settings-grid .panel-heading small{font-size:12px}

/* General information is a compact horizontal row inside the same surface. */
[data-role-editor-v6] .basics-panel .basics-grid{
  display:grid !important;
  grid-template-columns:minmax(220px,.86fr) minmax(220px,.86fr) minmax(360px,1.35fr) !important;
  gap:14px !important;
  align-items:start !important;
  padding:15px 16px 17px !important;
}
[data-role-editor-v6] .basics-panel .basics-grid>:nth-child(1){grid-column:1 !important;grid-row:1 !important}
[data-role-editor-v6] .basics-panel .basics-grid>:nth-child(2){grid-column:2 !important;grid-row:1 !important}
[data-role-editor-v6] .basics-panel .basics-grid>.field.full{
  grid-column:3 !important;
  grid-row:1 !important;
}
[data-role-editor-v6] .basics-panel .control.textarea{min-height:72px}
[data-role-editor-v6] .basics-panel textarea{min-height:50px}

/* Appearance uses the whole width; every row has a deliberate rhythm. */
[data-role-editor-v6] .appearance-panel .appearance-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:end !important;
  padding:15px 16px 18px !important;
}
[data-role-editor-v6] .appearance-panel .appearance-grid>.field>span{
  min-height:15px;
  display:flex;
  align-items:center;
}
[data-role-editor-v6] .appearance-panel .appearance-grid>:nth-child(1){grid-column:span 3 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid>:nth-child(2){grid-column:span 3 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid>:nth-child(3){grid-column:span 6 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(5){grid-column:span 4 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(6){grid-column:span 4 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(7){grid-column:span 4 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(8){grid-column:span 3 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(9){grid-column:span 3 !important}
[data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(10){grid-column:span 6 !important}
[data-role-editor-v6] .appearance-panel .custom-select,
[data-role-editor-v6] .appearance-panel .control,
[data-role-editor-v6] .appearance-panel .color-control{min-height:40px}
[data-role-editor-v6] .appearance-panel .range-field{align-self:end;padding-bottom:1px}

/* Presets are a native row of the appearance section, never a card inside a card. */
[data-role-editor-v6] .foxie-role-presets-v8{
  grid-column:1/-1 !important;
  width:100% !important;
  min-width:0;
  margin:0 !important;
  padding:9px 0 10px !important;
  border:0 !important;
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
  border-bottom:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
  border-radius:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) 1px minmax(0,1fr) !important;
  gap:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
[data-role-editor-v6] .role-preset-group{
  min-width:0;
  padding:0 13px;
  display:grid;
  align-content:start;
  gap:8px;
}
[data-role-editor-v6] .role-preset-heading{
  min-height:28px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
[data-role-editor-v6] .role-preset-heading>span{min-width:0;display:grid;gap:1px}
[data-role-editor-v6] .role-preset-heading b{
  color:rgb(var(--v-theme-on-surface));
  font-size:12px;
  font-weight:900;
}
[data-role-editor-v6] .role-preset-heading small{
  overflow:hidden;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 48%,transparent);
  font-size:12px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
[data-role-editor-v6] .role-preset-clear{
  height:23px;
  flex:0 0 auto;
  padding:0 5px;
  border:0;
  border-radius:6px;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 46%,transparent);
  background:transparent;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
[data-role-editor-v6] .role-preset-clear:hover{
  color:rgb(var(--v-theme-primary));
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 6%,transparent);
}
[data-role-editor-v6] .role-preset-divider{
  width:1px;
  height:auto;
  align-self:stretch;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent);
}
[data-role-editor-v6] .role-preset-grid{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
}
[data-role-editor-v6] .role-preset{
  width:30px;
  height:30px;
  flex:0 0 30px;
  min-width:0;
  padding:0;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 7%,transparent);
  border-radius:8px;
  display:grid;
  place-items:center;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 66%,transparent);
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) .7%,rgb(var(--v-theme-surface)));
  box-shadow:none;
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease;
}
[data-role-editor-v6] .role-preset.emoji{font-size:.92rem;line-height:1}
[data-role-editor-v6] .role-preset.icon{font-size:.91rem}
[data-role-editor-v6] .role-preset:hover{
  transform:translateY(-1px);
  color:rgb(var(--v-theme-primary));
  border-color:color-mix(in srgb,rgb(var(--v-theme-primary)) 26%,transparent);
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 4%,rgb(var(--v-theme-surface)));
  box-shadow:0 4px 12px color-mix(in srgb,rgb(var(--v-theme-primary)) 6%,transparent);
}
[data-role-editor-v6] .role-preset.active{
  color:rgb(var(--v-theme-primary));
  border-color:color-mix(in srgb,rgb(var(--v-theme-primary)) 42%,transparent);
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 7%,rgb(var(--v-theme-surface)));
  box-shadow:0 0 0 2px color-mix(in srgb,rgb(var(--v-theme-primary)) 6%,transparent);
}

/* --------------------------------------------------------------------------
   WORKSPACE MEMBERS — keep the table, make its rules quiet
   -------------------------------------------------------------------------- */
[data-team-professional-v5] .team-table .table-head{
  border-bottom-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5.5%,transparent) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.15%,rgb(var(--v-theme-surface))) !important;
}
[data-team-professional-v5] .team-table .body-row{
  border-bottom-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4.5%,transparent) !important;
}
[data-team-professional-v5] .team-table .table-row>div+div{
  border-left:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 3.6%,transparent) !important;
}
[data-team-professional-v5] .team-table .body-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 1.9%,rgb(var(--v-theme-surface))) !important;
  box-shadow:inset 2px 0 0 color-mix(in srgb,rgb(var(--v-theme-primary)) 32%,transparent) !important;
}

/* --------------------------------------------------------------------------
   INVITATION TRAY — list, not pseudo-table
   -------------------------------------------------------------------------- */
.v-overlay .tray-dialog .tray-head,
.v-overlay .tray-dialog .tray-tabs,
.v-overlay .tray-dialog .tray-footer{
  border-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5.5%,transparent) !important;
}
.v-overlay .tray-dialog .invite-history-list{
  padding:6px 10px 9px !important;
}
.v-overlay .tray-dialog .invite-history-row{
  min-height:64px !important;
  margin:0 !important;
  padding:9px 6px !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  transition:background .14s ease !important;
}
.v-overlay .tray-dialog .invite-history-row+.invite-history-row{
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,transparent) !important;
  border-radius:0 !important;
}
.v-overlay .tray-dialog .invite-history-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 1.7%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .tray-dialog .invite-avatar{
  border-radius:10px !important;
  box-shadow:none !important;
}
.v-overlay .tray-dialog .invite-state{
  border:0 !important;
  box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   ROLES TRAY — compact editorial list, no vertical/horizontal table cage
   -------------------------------------------------------------------------- */
.v-overlay .roles-dialog{
  border-radius:14px !important;
}
.v-overlay .roles-dialog .contacts-table,
.v-overlay .roles-dialog .roles-table{
  min-width:0 !important;
  width:100% !important;
  padding:6px 10px 10px !important;
  overflow:auto !important;
}
.v-overlay .roles-dialog .roles-table .table-head{
  display:none !important;
}
.v-overlay .roles-dialog .roles-table .body-row{
  min-width:0 !important;
  min-height:66px !important;
  margin:0 !important;
  padding:0 3px !important;
  border:0 !important;
  border-radius:9px !important;
  display:grid !important;
  grid-template-columns:minmax(210px,1.2fr) minmax(250px,1.5fr) 86px minmax(170px,.9fr) 38px !important;
  align-items:stretch !important;
  background:transparent !important;
  box-shadow:none !important;
  transition:background .14s ease !important;
}
.v-overlay .roles-dialog .roles-table .body-row+.body-row{
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,transparent) !important;
  border-radius:0 !important;
}
.v-overlay .roles-dialog .roles-table .body-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 1.7%,rgb(var(--v-theme-surface))) !important;
  box-shadow:none !important;
}
.v-overlay .roles-dialog .roles-table .table-row>div{
  min-width:0;
  padding:10px 11px !important;
  border-left:0 !important;
}
.v-overlay .roles-dialog .roles-table .table-row>div+div{
  border-left:0 !important;
}
.v-overlay .roles-dialog .roles-table .role-name-cell{gap:9px}
.v-overlay .roles-dialog .roles-table .role-swatch{
  width:34px !important;
  height:34px !important;
  flex-basis:34px !important;
  border-radius:9px !important;
}
.v-overlay .roles-dialog .roles-table .role-description-cell strong{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 66%,transparent);
  font-weight:600 !important;
}
.v-overlay .roles-dialog .roles-table .role-member-cell{
  justify-content:center;
  text-align:center;
}
.v-overlay .roles-dialog .roles-table .role-route-cell{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 52%,transparent) !important;
}
.v-overlay .roles-dialog .roles-table .row-actions{justify-content:center}

/* New-invite dialog also loses hard chrome around sections. */
.v-overlay .invite-dialog .dialog-head,
.v-overlay .invite-dialog .dialog-footer{
  border-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5.5%,transparent) !important;
}
.v-overlay .invite-dialog .invite-summary{
  border-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.2%,rgb(var(--v-theme-surface))) !important;
}

@media(max-width:1050px){
  [data-role-editor-v6] .basics-panel .basics-grid{
    grid-template-columns:1fr 1fr !important;
  }
  [data-role-editor-v6] .basics-panel .basics-grid>.field.full{
    grid-column:1/-1 !important;
    grid-row:auto !important;
  }
  [data-role-editor-v6] .appearance-panel .appearance-grid{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
  [data-role-editor-v6] .appearance-panel .appearance-grid>:nth-child(1),
  [data-role-editor-v6] .appearance-panel .appearance-grid>:nth-child(2){grid-column:span 3 !important}
  [data-role-editor-v6] .appearance-panel .appearance-grid>:nth-child(3){grid-column:span 6 !important}
  [data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(5){grid-column:span 6 !important}
  [data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(6),
  [data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(7),
  [data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(8),
  [data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(9){grid-column:span 3 !important}
  [data-role-editor-v6] .appearance-panel .appearance-grid:has(.foxie-role-presets-v8)>:nth-child(10){grid-column:span 6 !important}
  [data-role-editor-v6] .foxie-role-presets-v8{grid-template-columns:1fr !important}
  [data-role-editor-v6] .role-preset-divider{width:auto;height:1px}
  [data-role-editor-v6] .role-preset-heading small{white-space:normal}
}

@media(max-width:820px){
  .v-overlay .roles-dialog .roles-table .body-row{
    grid-template-columns:minmax(0,1fr) auto 38px !important;
    grid-template-areas:
      'name members actions'
      'description description description'
      'route route route';
    min-height:0 !important;
    padding:8px 2px !important;
  }
  .v-overlay .roles-dialog .roles-table .role-name-cell{grid-area:name}
  .v-overlay .roles-dialog .roles-table .role-description-cell{grid-area:description;padding-top:2px !important;padding-bottom:4px !important}
  .v-overlay .roles-dialog .roles-table .role-member-cell{grid-area:members}
  .v-overlay .roles-dialog .roles-table .role-route-cell{grid-area:route;padding-top:2px !important}
  .v-overlay .roles-dialog .roles-table .row-actions{grid-area:actions}
}

@media(max-width:620px){
  [data-role-editor-v6] .basics-panel .basics-grid,
  [data-role-editor-v6] .appearance-panel .appearance-grid{
    grid-template-columns:1fr !important;
    gap:11px !important;
  }
  [data-role-editor-v6] .basics-panel .basics-grid>*,
  [data-role-editor-v6] .appearance-panel .appearance-grid>*{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  [data-role-editor-v6] .basics-panel .basics-grid,
  [data-role-editor-v6] .appearance-panel .appearance-grid{padding:13px !important}
  [data-role-editor-v6] .role-preset-group{padding:0 9px}
  [data-role-editor-v6] .role-preset{width:29px;height:29px;flex-basis:29px}

  .v-overlay .tray-dialog .invite-history-row{
    grid-template-columns:34px minmax(0,1fr) 34px !important;
  }
  .v-overlay .tray-dialog .invite-timing,
  .v-overlay .tray-dialog .invite-state{display:none !important}
}
/* Dedicated role editor live effect bridge.
   Mirrors the runtime role effects from team-chat-appearance-v2.css so the
   editor preview renders exactly what is selected before saving. */

[data-role-editor-v6] .role-badge{
  isolation:isolate;
  overflow:visible !important;
}

[data-role-editor-v6] .role-badge > *:not(.fx){
  position:relative;
  z-index:3;
}

[data-role-editor-v6] .role-badge .fx{
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
}

[data-role-editor-v6] .role-badge .fx-glow{
  box-shadow:
    0 0 7px color-mix(in srgb,var(--role-color) 45%,transparent),
    0 0 20px color-mix(in srgb,var(--role-color) 27%,transparent);
}

[data-role-editor-v6] .role-badge .fx-neon{
  box-shadow:
    0 0 5px var(--role-color),
    0 0 17px color-mix(in srgb,var(--role-color) 58%,transparent),
    inset 0 0 11px color-mix(in srgb,var(--role-color) 16%,transparent);
}

[data-role-editor-v6] .role-badge .fx-pulse{
  animation:foxieRolePulse 1.75s ease-in-out infinite;
}

[data-role-editor-v6] .role-badge .fx-float{
  border:1px solid color-mix(in srgb,var(--role-color) 24%,transparent);
  box-shadow:0 5px 13px color-mix(in srgb,var(--role-color) 14%,transparent);
  animation:foxieRoleFloat 2.5s ease-in-out infinite;
}

[data-role-editor-v6] .role-badge .fx-shimmer,
[data-role-editor-v6] .role-badge .fx-reflect,
[data-role-editor-v6] .role-badge .fx-electric{
  overflow:hidden;
}

[data-role-editor-v6] .role-badge .fx-shimmer::after,
[data-role-editor-v6] .role-badge .fx-reflect::after{
  content:'';
  position:absolute;
  inset:-70%;
  background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.68) 50%,transparent 62%);
  animation:foxieRoleShine 2.2s linear infinite;
}

[data-role-editor-v6] .role-badge .fx-reflect::after{
  opacity:.72;
  animation-duration:3.5s;
}

[data-role-editor-v6] .role-badge .fx-aurora::before{
  content:'';
  position:absolute;
  inset:-90%;
  border-radius:inherit;
  background:conic-gradient(from 0deg,transparent,var(--role-color),#5ae2bd,#8e70ff,var(--role-color),transparent);
  opacity:.2;
  animation:foxieRoleRotate 5s linear infinite;
}

[data-role-editor-v6] .role-badge .fx-sparkle::before{
  content:'✦  ·  ✧  ✦';
  position:absolute;
  top:-8px;
  right:-5px;
  color:var(--role-color);
  font-size:12px;
  letter-spacing:5px;
  white-space:nowrap;
  text-shadow:0 0 7px var(--role-color);
  animation:foxieRoleSparkle 1.4s steps(2,end) infinite;
}

[data-role-editor-v6] .role-badge .fx-particles::before{
  content:'•  ·  •  ✦  ·';
  position:absolute;
  left:8%;
  bottom:-10px;
  color:var(--role-color);
  font-size:12px;
  letter-spacing:6px;
  white-space:nowrap;
  text-shadow:0 0 6px var(--role-color);
  animation:foxieRoleParticles 2.1s ease-out infinite;
}

[data-role-editor-v6] .role-badge .fx-electric::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,#fff 76%,var(--role-color)) 49%,transparent 58%);
  opacity:.58;
  animation:foxieRoleShine 1.1s linear infinite;
}

[data-role-editor-v6] .role-badge .fx-electric{
  box-shadow:0 0 10px color-mix(in srgb,var(--role-color) 36%,transparent);
  animation:foxieRoleElectric 1.15s steps(2,end) infinite;
}

@media (prefers-reduced-motion:reduce){
  [data-role-editor-v6] .role-badge .fx,
  [data-role-editor-v6] .role-badge .fx::before,
  [data-role-editor-v6] .role-badge .fx::after{
    animation:none !important;
  }
}
/* Foxie Team dialogs v10
   Compact, aligned and theme-native dialogs for team invitations and roles. */

/* Overlay sizing --------------------------------------------------------- */
.v-overlay__content:has(> .dialog-card.roles-dialog){
  width:min(820px,calc(100vw - 32px)) !important;
  max-width:820px !important;
}
.v-overlay__content:has(> .dialog-card.tray-dialog:not(.roles-dialog)){
  width:min(820px,calc(100vw - 32px)) !important;
  max-width:820px !important;
}
.v-overlay__content:has(> .dialog-card.invite-dialog){
  width:min(560px,calc(100vw - 28px)) !important;
  max-width:560px !important;
}

/* Shared shell ----------------------------------------------------------- */
.v-overlay .dialog-card.invite-dialog,
.v-overlay .dialog-card.tray-dialog{
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 7%,transparent) !important;
  border-radius:17px !important;
  overflow:hidden !important;
  color:rgb(var(--v-theme-on-surface)) !important;
  background:rgb(var(--v-theme-surface)) !important;
  box-shadow:0 24px 64px rgba(8,22,18,.18),0 6px 20px rgba(8,22,18,.07) !important;
}

/* Real title bar: one axis, no floating pieces -------------------------- */
.v-overlay .dialog-card .dialog-head{
  min-height:68px !important;
  padding:12px 15px !important;
  border-bottom:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 32px !important;
  align-items:center !important;
  gap:12px !important;
  background:rgb(var(--v-theme-surface)) !important;
}
.v-overlay .dialog-card .dialog-head>button{
  width:32px !important;
  height:32px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 48%,transparent) !important;
  background:transparent !important;
  cursor:pointer !important;
}
.v-overlay .dialog-card .dialog-head>button:hover{
  color:rgb(var(--v-theme-on-surface)) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,rgb(var(--v-theme-surface))) !important;
}

.v-overlay .dialog-card .tray-title{
  min-width:0 !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  align-items:center !important;
  gap:11px !important;
}
.v-overlay .dialog-card .tray-title>.tray-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  margin:0 !important;
  border:1px solid color-mix(in srgb,rgb(var(--v-theme-primary)) 16%,transparent) !important;
  border-radius:11px !important;
  display:grid !important;
  place-items:center !important;
  color:rgb(var(--v-theme-primary)) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 7%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .dialog-card .tray-title>span:last-child,
.v-overlay .dialog-card .minimal-head>div{
  min-width:0 !important;
  display:grid !important;
  gap:2px !important;
}
.v-overlay .dialog-card .dialog-head small{
  display:none !important;
}
.v-overlay .dialog-card .dialog-head strong{
  margin:0 !important;
  color:rgb(var(--v-theme-on-surface)) !important;
  font-size:.82rem !important;
  font-weight:860 !important;
  line-height:1.2 !important;
  letter-spacing:-.015em !important;
  text-transform:none !important;
}
.v-overlay .dialog-card .dialog-head p{
  max-width:560px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 52%,transparent) !important;
  font-size:12px !important;
  font-weight:520 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* New invitation --------------------------------------------------------- */
.v-overlay .invite-dialog{
  height:486px !important;
  display:grid !important;
  grid-template-rows:68px minmax(0,1fr) 56px !important;
}
.v-overlay .invite-dialog .minimal-head{
  padding-left:15px !important;
}
.v-overlay .invite-dialog .minimal-head::before{
  display:none !important;
  content:none !important;
}
.v-overlay .invite-dialog .dialog-body{
  padding:15px 16px 13px !important;
}
.v-overlay .invite-dialog .invite-body{
  gap:12px !important;
}
.v-overlay .invite-dialog .kind-switch{
  padding:3px !important;
  border:0 !important;
  border-radius:11px !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 3%,rgb(var(--v-theme-surface))) !important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
}
.v-overlay .invite-dialog .kind-switch button{
  height:35px !important;
  border:0 !important;
  border-radius:8px !important;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 52%,transparent) !important;
  background:transparent !important;
  font-size:12px !important;
}
.v-overlay .invite-dialog .kind-switch button.active{
  color:rgb(var(--v-theme-on-surface)) !important;
  background:rgb(var(--v-theme-surface)) !important;
  box-shadow:0 2px 8px rgba(8,22,18,.06),inset 0 0 0 1px color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
}
.v-overlay .invite-dialog .field>span{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 72%,transparent) !important;
  font-size:12px !important;
}
.v-overlay .invite-dialog .control,
.v-overlay .invite-dialog .custom-select{
  height:41px !important;
  border-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 7%,transparent) !important;
  border-radius:10px !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 1.2%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .invite-dialog .control:focus-within,
.v-overlay .invite-dialog .custom-select:hover{
  border-color:color-mix(in srgb,rgb(var(--v-theme-primary)) 28%,transparent) !important;
  box-shadow:0 0 0 3px color-mix(in srgb,rgb(var(--v-theme-primary)) 5%,transparent) !important;
}
.v-overlay .invite-dialog .invite-detail-area{min-height:116px !important}
.v-overlay .invite-dialog .field-help{
  margin-top:7px !important;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 44%,transparent) !important;
  font-size:12px !important;
}
.v-overlay .invite-dialog .invite-summary{
  min-height:46px !important;
  padding:8px 10px !important;
  border:0 !important;
  border-radius:10px !important;
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 4.5%,rgb(var(--v-theme-surface))) !important;
  box-shadow:inset 2px 0 0 color-mix(in srgb,rgb(var(--v-theme-primary)) 48%,transparent) !important;
}

/* Footer ---------------------------------------------------------------- */
.v-overlay .dialog-card .dialog-footer,
.v-overlay .dialog-card .tray-footer{
  min-height:56px !important;
  padding:9px 14px !important;
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 5%,transparent) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) .7%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .dialog-card .dialog-footer button,
.v-overlay .dialog-card .tray-footer button{
  height:35px !important;
  padding:0 11px !important;
  border-radius:9px !important;
  font-size:12px !important;
}
.v-overlay .dialog-card .tray-footer>span{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 45%,transparent) !important;
  font-size:12px !important;
}

/* Invitation history ---------------------------------------------------- */
.v-overlay .tray-dialog:not(.roles-dialog){
  max-height:min(74vh,700px) !important;
  display:grid !important;
  grid-template-rows:68px auto minmax(0,1fr) 56px !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .tray-tabs{
  min-height:42px !important;
  padding:6px 14px !important;
  border-bottom:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,transparent) !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .tray-tabs button{
  height:30px !important;
  padding:0 9px !important;
  border:0 !important;
  border-radius:8px !important;
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 52%,transparent) !important;
  background:transparent !important;
  font-size:12px !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .tray-tabs button.active{
  color:rgb(var(--v-theme-on-surface)) !important;
  background:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-history-list{
  padding:4px 12px 7px !important;
  overflow:auto !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-history-row{
  min-height:62px !important;
  padding:8px 4px !important;
  border:0 !important;
  border-radius:0 !important;
  display:grid !important;
  grid-template-columns:36px minmax(190px,1.25fr) minmax(180px,.9fr) 86px 32px !important;
  align-items:center !important;
  gap:10px !important;
  background:transparent !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-history-row+.invite-history-row{
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,transparent) !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-history-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 1.6%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-avatar{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-main strong{
  color:rgb(var(--v-theme-on-surface)) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-main small,
.v-overlay .tray-dialog:not(.roles-dialog) .invite-timing small{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 50%,transparent) !important;
  font-size:12px !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-timing strong{
  display:none !important;
}
.v-overlay .tray-dialog:not(.roles-dialog) .invite-state{
  justify-self:start !important;
  min-width:64px !important;
  padding:5px 7px !important;
  border-radius:999px !important;
  text-align:center !important;
  font-size:12px !important;
}

/* Custom roles ----------------------------------------------------------- */
.v-overlay .roles-dialog{
  width:100% !important;
  max-height:min(74vh,700px) !important;
  display:grid !important;
  grid-template-rows:68px minmax(0,1fr) 56px !important;
}
.v-overlay .roles-dialog .roles-table{
  min-width:0 !important;
  width:100% !important;
  padding:4px 12px 7px !important;
  overflow:auto !important;
}
.v-overlay .roles-dialog .roles-table .table-head{
  display:none !important;
}
.v-overlay .roles-dialog .roles-table .body-row{
  min-width:0 !important;
  min-height:64px !important;
  padding:0 4px !important;
  border:0 !important;
  border-radius:0 !important;
  display:grid !important;
  grid-template-columns:minmax(170px,1.2fr) minmax(150px,1fr) 70px minmax(145px,.95fr) 32px !important;
  align-items:center !important;
  gap:6px !important;
  background:transparent !important;
  box-shadow:none !important;
}
.v-overlay .roles-dialog .roles-table .body-row+.body-row{
  border-top:1px solid color-mix(in srgb,rgb(var(--v-theme-on-surface)) 4%,transparent) !important;
}
.v-overlay .roles-dialog .roles-table .body-row:hover{
  background:color-mix(in srgb,rgb(var(--v-theme-primary)) 1.7%,rgb(var(--v-theme-surface))) !important;
}
.v-overlay .roles-dialog .roles-table .table-row>div{
  min-width:0 !important;
  padding:8px 8px !important;
  border-left:0 !important;
}
.v-overlay .roles-dialog .role-name-cell{gap:9px !important}
.v-overlay .roles-dialog .role-swatch{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  border-radius:10px !important;
}
.v-overlay .roles-dialog .role-name-cell strong{
  color:rgb(var(--v-theme-on-surface)) !important;
  font-size:12px !important;
  font-weight:820 !important;
}
.v-overlay .roles-dialog .role-name-cell small,
.v-overlay .roles-dialog .role-member-cell small,
.v-overlay .roles-dialog .role-route-cell{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 48%,transparent) !important;
  font-size:12px !important;
}
.v-overlay .roles-dialog .role-description-cell strong{
  color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 64%,transparent) !important;
  font-size:12px !important;
  font-weight:560 !important;
}
.v-overlay .roles-dialog .role-member-cell{
  text-align:center !important;
}
.v-overlay .roles-dialog .role-member-cell strong{
  color:rgb(var(--v-theme-on-surface)) !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.v-overlay .roles-dialog .row-actions{
  justify-content:center !important;
}
.v-overlay .roles-dialog .row-actions>button{
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
}

/* Dropdowns -------------------------------------------------------------- */
.v-overlay .select-menu,
.v-overlay .action-menu{
  border-color:color-mix(in srgb,rgb(var(--v-theme-on-surface)) 7%,transparent) !important;
  border-radius:12px !important;
  box-shadow:0 18px 44px rgba(8,22,18,.15) !important;
}

@media(max-width:760px){
  .v-overlay__content:has(> .dialog-card.roles-dialog),
  .v-overlay__content:has(> .dialog-card.tray-dialog:not(.roles-dialog)){
    width:calc(100vw - 18px) !important;
    max-width:none !important;
  }
  .v-overlay .roles-dialog .roles-table .body-row{
    grid-template-columns:minmax(180px,1fr) minmax(140px,.9fr) 32px !important;
  }
  .v-overlay .roles-dialog .role-member-cell,
  .v-overlay .roles-dialog .role-route-cell{display:none !important}
}

@media(max-width:620px){
  .v-overlay .dialog-card .dialog-head{
    min-height:64px !important;
    padding:10px 12px !important;
  }
  .v-overlay .dialog-card .tray-title{
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:9px !important;
  }
  .v-overlay .dialog-card .tray-title>.tray-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }
  .v-overlay .dialog-card .dialog-head p{
    white-space:normal !important;
  }
  .v-overlay .tray-dialog:not(.roles-dialog) .invite-history-row{
    grid-template-columns:34px minmax(0,1fr) 32px !important;
  }
  .v-overlay .tray-dialog:not(.roles-dialog) .invite-timing,
  .v-overlay .tray-dialog:not(.roles-dialog) .invite-state{display:none !important}
  .v-overlay .invite-dialog{height:510px !important}
}
/* Foxie Team dialogs v11
   Fixed-size modal frames and readable typography. Content may scroll; the shell never resizes because rows change. */

/* Fixed overlay frames -------------------------------------------------- */
.v-overlay__content:has(> .dialog-card.tray-dialog:not(.roles-dialog)),
.v-overlay__content:has(> .dialog-card.roles-dialog){
  width:min(820px,calc(100vw - 32px)) !important;
  min-width:min(820px,calc(100vw - 32px)) !important;
  max-width:820px !important;
  height:min(560px,calc(100dvh - 32px)) !important;
  min-height:min(560px,calc(100dvh - 32px)) !important;
  max-height:min(560px,calc(100dvh - 32px)) !important;
}

.v-overlay__content:has(> .dialog-card.invite-dialog){
  width:min(560px,calc(100vw - 28px)) !important;
  min-width:min(560px,calc(100vw - 28px)) !important;
  max-width:560px !important;
  height:min(500px,calc(100dvh - 28px)) !important;
  min-height:min(500px,calc(100dvh - 28px)) !important;
  max-height:min(500px,calc(100dvh - 28px)) !important;
}

.v-overlay .dialog-card.tray-dialog,
.v-overlay .dialog-card.invite-dialog{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
}

.v-overlay .tray-dialog:not(.roles-dialog),
.v-overlay .roles-dialog{
  grid-template-rows:72px auto minmax(0,1fr) 58px !important;
}

.v-overlay .roles-dialog{
  grid-template-rows:72px minmax(0,1fr) 58px !important;
}

.v-overlay .invite-dialog{
  grid-template-rows:72px minmax(0,1fr) 58px !important;
}

/* Header typography ---------------------------------------------------- */
.v-overlay .dialog-card .dialog-head{
  min-height:72px !important;
  height:72px !important;
  padding:13px 16px !important;
}

.v-overlay .dialog-card .dialog-head strong{
  font-size:15px !important;
  font-weight:780 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
}

.v-overlay .dialog-card .dialog-head p{
  margin-top:3px !important;
  font-size:12px !important;
  font-weight:450 !important;
  line-height:1.35 !important;
}

.v-overlay .dialog-card .tray-title{
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:12px !important;
}

.v-overlay .dialog-card .tray-title>.tray-icon{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}

/* Invitation tabs ------------------------------------------------------ */
.v-overlay .tray-dialog:not(.roles-dialog) .tray-tabs{
  min-height:44px !important;
  height:44px !important;
  padding:7px 14px !important;
}

.v-overlay .tray-dialog:not(.roles-dialog) .tray-tabs button{
  height:30px !important;
  padding:0 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.v-overlay .tray-dialog:not(.roles-dialog) .tray-tabs button span{
  min-width:20px !important;
  height:20px !important;
  font-size:12px !important;
}

/* Sent invitations: only list scrolls --------------------------------- */
.v-overlay .tray-dialog:not(.roles-dialog) .invite-history-list{
  min-height:0 !important;
  height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:6px 14px 10px !important;
}

.v-overlay .tray-dialog:not(.roles-dialog) .invite-history-row{
  min-height:70px !important;
  padding:10px 5px !important;
}

.v-overlay .tray-dialog:not(.roles-dialog) .invite-main strong{
  font-size:13px !important;
  font-weight:760 !important;
  line-height:1.25 !important;
}

.v-overlay .tray-dialog:not(.roles-dialog) .invite-main small,
.v-overlay .tray-dialog:not(.roles-dialog) .invite-timing small{
  margin-top:3px !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.v-overlay .tray-dialog:not(.roles-dialog) .invite-state{
  min-width:68px !important;
  padding:5px 8px !important;
  font-size:12px !important;
  font-weight:760 !important;
}

/* Custom roles: fixed shell, body scrolls ----------------------------- */
.v-overlay .roles-dialog .roles-table{
  min-height:0 !important;
  height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:6px 14px 10px !important;
}

.v-overlay .roles-dialog .roles-table .body-row{
  min-height:76px !important;
  padding:0 5px !important;
}

.v-overlay .roles-dialog .role-name-cell strong{
  font-size:13px !important;
  font-weight:760 !important;
  line-height:1.25 !important;
}

.v-overlay .roles-dialog .role-name-cell small,
.v-overlay .roles-dialog .role-member-cell small,
.v-overlay .roles-dialog .role-route-cell{
  margin-top:3px !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

.v-overlay .roles-dialog .role-description-cell strong{
  font-size:12px !important;
  font-weight:520 !important;
  line-height:1.4 !important;
}

.v-overlay .roles-dialog .role-member-cell strong{
  font-size:13px !important;
  font-weight:780 !important;
}

/* New invitation readability ------------------------------------------ */
.v-overlay .invite-dialog .dialog-body{
  min-height:0 !important;
  overflow-y:auto !important;
  padding:16px 17px 14px !important;
}

.v-overlay .invite-dialog .kind-switch button{
  font-size:12px !important;
  font-weight:700 !important;
}

.v-overlay .invite-dialog .field>span{
  font-size:12px !important;
  font-weight:700 !important;
}

.v-overlay .invite-dialog .control input,
.v-overlay .invite-dialog .custom-select{
  font-size:13px !important;
}

.v-overlay .invite-dialog .field-help{
  font-size:12px !important;
  line-height:1.4 !important;
}

.v-overlay .invite-dialog .invite-summary strong{
  font-size:12px !important;
}

.v-overlay .invite-dialog .invite-summary small{
  font-size:12px !important;
}

/* Footer --------------------------------------------------------------- */
.v-overlay .dialog-card .dialog-footer,
.v-overlay .dialog-card .tray-footer{
  min-height:58px !important;
  height:58px !important;
  padding:10px 15px !important;
}

.v-overlay .dialog-card .dialog-footer button,
.v-overlay .dialog-card .tray-footer button{
  height:36px !important;
  padding:0 12px !important;
  font-size:12px !important;
  font-weight:720 !important;
}

.v-overlay .dialog-card .tray-footer>span{
  font-size:12px !important;
}

/* Menus opened from these dialogs ------------------------------------- */
.v-overlay .dialog-card .select-menu button,
.v-overlay .dialog-card .action-menu button{
  font-size:12px !important;
}

@media(max-width:620px){
  .v-overlay__content:has(> .dialog-card.tray-dialog:not(.roles-dialog)),
  .v-overlay__content:has(> .dialog-card.roles-dialog),
  .v-overlay__content:has(> .dialog-card.invite-dialog){
    width:calc(100vw - 18px) !important;
    min-width:calc(100vw - 18px) !important;
    height:calc(100dvh - 18px) !important;
    min-height:calc(100dvh - 18px) !important;
    max-height:calc(100dvh - 18px) !important;
  }

  .v-overlay .tray-dialog:not(.roles-dialog) .invite-history-row{
    grid-template-columns:36px minmax(0,1fr) auto 32px !important;
  }

  .v-overlay .tray-dialog:not(.roles-dialog) .invite-timing{
    display:none !important;
  }
}
/* FOXIE INTERNAL CHAT — SHELL AUTHORITY V1
 * Final authority layer for the retractable Team chat rail and compact controls.
 * This file is intentionally imported after every legacy internal-chat stylesheet.
 */

/* Collapsed conversation rail: no reserved column, no hidden width, no ghost gap. */
html body .internal-surface.is-page.sidebar-collapsed{
  display:flex!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
}
html body .internal-surface.is-page.sidebar-collapsed>.thread-pane{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html body .internal-surface.is-page.sidebar-collapsed>.conversation-pane{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
html body .internal-surface.is-page.sidebar-collapsed.details-open>.conversation-pane{
  width:auto!important;
}
html body .internal-surface.is-page.sidebar-collapsed.details-open>.details{
  flex:0 0 300px!important;
  width:300px!important;
  min-width:300px!important;
}

/* Compact Team header. */
html body .internal-surface .pane-head.compact-team-head{
  min-height:58px!important;
  height:58px!important;
  padding:7px 9px!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:8px!important;
  border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 68%,transparent)!important;
}
html body .internal-surface .pane-head.compact-team-head .brand-mark{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
}
html body .internal-surface .pane-head.compact-team-head .pane-head-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
html body .internal-surface .pane-head.compact-team-head .pane-head-copy strong{
  font-size:13px!important;
  line-height:1.05!important;
}
html body .internal-surface .pane-head.compact-team-head .pane-head-copy small{
  margin:0!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
}

/* Search lives directly under the header. */
html body .internal-surface .thread-search.thread-search-top{
  order:0!important;
  height:34px!important;
  min-height:34px!important;
  margin:6px 8px 3px!important;
  padding:0 8px!important;
  border:1px solid var(--foxie-border)!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--foxie-muted)!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 88%,transparent)!important;
}
html body .internal-surface .thread-search.thread-search-top input{
  min-width:0!important;
  width:auto!important;
  flex:1 1 auto!important;
  font-size:12px!important;
}
html body .internal-surface .thread-search.thread-search-top>button{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--foxie-muted)!important;
  background:transparent!important;
}
html body .internal-surface .thread-search.thread-search-top>button:hover{
  color:var(--foxie-ink)!important;
  background:var(--foxie-surface-soft)!important;
}

/* One compact action row. Nova never stretches. */
html body .internal-surface .thread-command-bar{
  margin:3px 8px 5px!important;
  padding:3px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 74%,transparent)!important;
  border-radius:10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:4px!important;
  background:color-mix(in srgb,var(--foxie-surface-soft) 58%,transparent)!important;
  overflow:hidden!important;
}
html body .internal-surface .thread-command-bar .thread-actions{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:3px!important;
  background:transparent!important;
}
html body .internal-surface .thread-command-bar .thread-actions>button{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
html body .internal-surface .thread-command-bar .thread-actions>.primary-action{
  min-width:54px!important;
  padding:0 8px!important;
  color:#fff!important;
  background:var(--foxie-accent)!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--foxie-accent) 18%,transparent)!important;
}
html body .internal-surface .thread-command-bar .thread-actions>.compact-icon{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  padding:0!important;
  color:var(--foxie-muted)!important;
  background:transparent!important;
}
html body .internal-surface .thread-command-bar .thread-actions>.compact-icon:hover{
  color:var(--foxie-accent)!important;
  background:var(--foxie-surface-raised)!important;
}

html body .internal-surface .thread-command-bar .archive-tabs{
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  margin:0!important;
  padding:2px!important;
  border:1px solid color-mix(in srgb,var(--foxie-border) 58%,transparent)!important;
  border-radius:8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:2px!important;
  background:color-mix(in srgb,var(--foxie-surface-raised) 45%,transparent)!important;
}
html body .internal-surface .thread-command-bar .archive-tabs button{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0 5px!important;
  border:0!important;
  border-radius:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
  color:var(--foxie-muted)!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
html body .internal-surface .thread-command-bar .archive-tabs button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .internal-surface .thread-command-bar .archive-tabs button.active{
  color:var(--foxie-ink)!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:0 2px 7px color-mix(in srgb,#000 7%,transparent)!important;
}

@media(max-width:1050px){
  html body .internal-surface .thread-command-bar .compact-label span{display:none!important}
  html body .internal-surface .thread-command-bar .thread-actions>.primary-action{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    padding:0!important;
  }
}
/* foxie-internal-chat-readable-messages-v1
 * Final readability authority for Internal Chat. Keep this import after all
 * older chat authority layers because several legacy sheets intentionally
 * used 6-9px typography.
 */

html body #app .internal-surface .pane-head small,
html body #app .internal-surface .conversation-title small,
html body #app .internal-surface .pane-head-copy small{
  font-size:12px!important;
  line-height:1.25!important;
}
html body #app .internal-surface .conversation-title span,
html body #app .internal-surface .thread-copy small{
  font-size:12px!important;
  line-height:1.35!important;
}
html body #app .internal-surface .thread-copy strong,
html body #app .internal-surface .thread-search input,
html body #app .internal-surface .thread-actions button{
  font-size:12px!important;
}
html body #app .internal-surface .thread-meta time,
html body #app .internal-surface .archive-tabs button,
html body #app .internal-surface .date-separator span{
  font-size:12px!important;
}

html body #app .internal-surface .message-author{
  font-size:12px!important;
  line-height:1.25!important;
}
html body #app .internal-surface .message-author>.foxie-runtime-role-badge{
  min-height:18px!important;
  max-width:112px!important;
  padding:3px 6px!important;
  font-size:12px!important;
  line-height:1!important;
}
html body #app .internal-surface .private-ai-author{
  font-size:12px!important;
  line-height:1.2!important;
}
html body #app .internal-surface .private-ai-label{
  font-size:12px!important;
  line-height:1.2!important;
}
html body #app .internal-surface .foxie-ai-author strong{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-ai-author small,
html body #app .internal-surface .foxie-public-response-badge{
  font-size:12px!important;
}
html body #app .internal-surface .message-bubble>p{
  font-size:13px!important;
  line-height:1.5!important;
}
html body #app .internal-surface .reply-quote{
  padding:7px 8px!important;
}
html body #app .internal-surface .reply-quote small{
  font-size:12px!important;
  line-height:1.25!important;
}
html body #app .internal-surface .reply-quote span{
  margin-top:3px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
html body #app .internal-surface .message-bubble footer{
  min-height:24px!important;
  margin-top:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  font-size:12px!important;
}
html body #app .internal-surface .message-actions{
  order:1!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(-3px)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
html body #app .internal-surface .message-row:hover .message-actions,
html body #app .internal-surface .message-row:focus-within .message-actions{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
}
html body #app .internal-surface .message-actions>button,
html body #app .internal-surface .message-actions .v-btn{
  width:26px!important;
  height:24px!important;
  min-width:26px!important;
  min-height:24px!important;
  opacity:1!important;
}
html body #app .internal-surface .message-status-line{
  order:2!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
  text-align:right!important;
}
html body #app .internal-surface .message-status-line>span:first-child{
  margin-left:auto!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1!important;
}
html body #app .internal-surface .message-delivery{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  flex:0 0 auto!important;
}
html body #app .internal-surface .message-delivery .v-icon{
  font-size:14px!important;
}
html body #app .internal-surface .media-file strong,
html body #app .internal-surface .media-audio>div{
  font-size:12px!important;
}
html body #app .internal-surface .media-file small,
html body #app .internal-surface .media-video button,
html body #app .internal-surface .composer-area>small,
html body #app .internal-surface .replying-bar small,
html body #app .internal-surface .recording-state span{
  font-size:12px!important;
}
html body #app .internal-surface .replying-bar strong,
html body #app .internal-surface .recording-state strong{
  font-size:12px!important;
}
html body #app .internal-surface .composer-box textarea{
  font-size:13px!important;
}
html body #app .internal-surface .foxie-typing-indicator{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-audio-transcribe{
  font-size:12px!important;
}

@media(max-width:700px){
  html body #app .internal-surface .message-actions{
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html body #app .internal-surface .message-bubble>p{
    font-size:13px!important;
  }
  html body #app .internal-surface .reply-quote small{
    font-size:12px!important;
  }
  html body #app .internal-surface .reply-quote span{
    font-size:12px!important;
  }
}


/* Role-aware message surfaces: subtle only, with a neutral fallback. */
html body #app .internal-surface .message-row:not(.foxie-ai-row) .message-bubble{
  border-color:var(--foxie-border)!important;
  background:var(--foxie-surface-raised)!important;
  box-shadow:0 4px 14px rgba(8,27,22,.04)!important;
}
html body #app .internal-surface .message-row:not(.foxie-ai-row) .message-bubble.has-role-accent{
  border-color:color-mix(in srgb,var(--message-role-accent) 28%,var(--foxie-border))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--message-role-accent) 8%,var(--foxie-surface-raised)),color-mix(in srgb,var(--message-role-accent) 3%,var(--foxie-surface-raised)))!important;
  box-shadow:0 4px 16px color-mix(in srgb,var(--message-role-accent) 8%,transparent)!important;
}
html body #app .internal-surface .message-receipt-cluster{
  min-height:18px!important;
  margin-top:3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  gap:4px!important;
  color:var(--foxie-muted)!important;
  line-height:1!important;
}
html body #app .internal-surface .message-receipt-cluster.seen{
  color:var(--foxie-accent)!important;
}
html body #app .internal-surface .message-receipt-cluster .message-read-stack{
  padding-left:2px!important;
}

/* Single receipt authority: never show the legacy tick injected beside timestamps. */
html body #app .internal-surface .foxie-message-delivery{
  display:none!important;
}


/* The only visible delivery/read state lives in .message-receipt-cluster below the bubble. */
html body #app .internal-surface .message-status-line .message-delivery{
  display:none!important;
}
html body #app .internal-surface .foxie-message-delivery{
  display:none!important;
}


/* Timestamp is text-only. No legacy delivery/read icon is allowed beside it. */
html body #app .internal-surface .message-status-line .v-icon,
html body #app .internal-surface .message-status-line i.mdi,
html body #app .internal-surface .message-status-line [class*="mdi-check"]{
  display:none!important;
}


/* Legacy people renderer used .fc-delivery beside author/time. Native receipt below the bubble is the only authority. */
html body #app .internal-surface .fc-message-identity .fc-delivery{
  display:none!important;
}
/* foxie-internal-chat-readable-ui-v1
 * Global typography authority for the entire Internal Chat product.
 * This file is intentionally loaded after every legacy chat stylesheet.
 * No textual surface in this authority is allowed below 11px.
 */

/* --------------------------------------------------------------------------
 * Core shell, headers and left navigation
 * -------------------------------------------------------------------------- */
html body #app .internal-surface .pane-head small,
html body #app .internal-surface .pane-head-copy small,
html body #app .internal-surface .conversation-title small,
html body #app .internal-surface .group-manager small,
html body #app .internal-surface .group-create-modal header small{
  font-size:12px!important;
  line-height:1.25!important;
}
html body #app .internal-surface .pane-head strong,
html body #app .internal-surface .conversation-title strong,
html body #app .internal-surface .pane-head-copy strong{
  font-size:14px!important;
  line-height:1.2!important;
}
html body #app .internal-surface .pane-head span,
html body #app .internal-surface .conversation-title span{
  font-size:12px!important;
  line-height:1.35!important;
}
html body #app .internal-surface .thread-actions button,
html body #app .internal-surface .archive-tabs button,
html body #app .internal-surface .thread-search input,
html body #app .internal-surface .new-conversation-box input{
  font-size:12px!important;
}
html body #app .internal-surface .thread-copy strong{
  font-size:13px!important;
  line-height:1.25!important;
}
html body #app .internal-surface .thread-copy small,
html body #app .internal-surface .thread-meta time{
  font-size:12px!important;
  line-height:1.3!important;
}
html body #app .internal-surface .thread-meta>b{
  font-size:12px!important;
}
html body #app .internal-surface .new-conversation-box header strong,
html body #app .internal-surface .new-conversation-box button strong{
  font-size:12px!important;
}
html body #app .internal-surface .new-conversation-box button small,
html body #app .internal-surface .new-conversation-box p{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Discord-like channel navigator */
html body .foxie-channel-navigator__head>span,
html body .internal-surface .foxie-channel-category>header button:first-child strong{
  font-size:12px!important;
}
html body .internal-surface .foxie-channel-row>span strong,
html body .foxie-channel-row>span strong{
  font-size:12px!important;
  line-height:1.25!important;
}
html body .internal-surface .foxie-channel-row>span small,
html body .foxie-channel-row>span small,
html body .foxie-channel-empty{
  font-size:12px!important;
  line-height:1.3!important;
}
html body .foxie-channel-row>b{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Right participant rail, roles and people management
 * -------------------------------------------------------------------------- */
html body .team-member-rail__head small{
  font-size:12px!important;
}
html body .team-member-rail__head strong{
  font-size:14px!important;
}
html body .team-member-rail__head span{
  font-size:12px!important;
}
html body .team-member-rail__tabs button span{
  font-size:12px!important;
}
html body .team-member-rail__group > header span{
  font-size:12px!important;
  line-height:1.2!important;
}
html body .team-member-rail__group > header em{
  font-size:12px!important;
}
html body .team-member-rail__copy > strong{
  font-size:13px!important;
  line-height:1.2!important;
}
html body .team-member-rail__copy > small{
  font-size:12px!important;
}
html body .team-member-rail__role,
html body .team-member-rail__copy>.foxie-runtime-role-badge,
html body #app .internal-surface .message-author>.foxie-runtime-role-badge{
  min-height:20px!important;
  padding:3px 7px!important;
  font-size:12px!important;
  line-height:1.05!important;
}
html body .team-member-rail__empty strong{
  font-size:12px!important;
}
html body .team-member-rail__empty span{
  font-size:12px!important;
  line-height:1.45!important;
}
html body .team-member-rail__activity-list strong,
html body .team-member-rail__file-list strong,
html body .team-member-rail__link-list strong{
  font-size:12px!important;
}
html body .team-member-rail__activity-list p,
html body .team-member-rail__activity-list small,
html body .team-member-rail__file-list small,
html body .team-member-rail__link-list small,
html body .team-member-rail__media-grid button.media-icon small{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Participant admin / invite popovers */
html body .team-member-rail__people-toolbar>span,
html body .team-member-admin-popover__head small,
html body .team-member-admin-popover__label,
html body .team-member-invite-popover>header small{
  font-size:12px!important;
}
html body .team-member-admin-popover__head strong,
html body .team-member-invite-popover>header strong{
  font-size:13px!important;
}
html body .team-member-admin-popover__roles button,
html body .team-member-admin-popover__action,
html body .team-member-invite-popover__search input,
html body .team-member-invite-popover__list strong{
  font-size:12px!important;
}
html body .team-member-invite-popover__list small,
html body .team-member-invite-popover__empty{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Group/details/settings windows
 * -------------------------------------------------------------------------- */
html body #app .internal-surface .group-manager header strong,
html body #app .internal-surface .group-create-modal header strong{
  font-size:14px!important;
}
html body #app .internal-surface .group-manager-name input,
html body #app .internal-surface .group-name input,
html body #app .internal-surface .group-manager-name button,
html body #app .internal-surface .add-members,
html body #app .internal-surface .leave-group,
html body #app .internal-surface .group-create-modal>footer button{
  font-size:12px!important;
}
html body #app .internal-surface .group-members-list strong,
html body #app .internal-surface .group-select strong{
  font-size:12px!important;
}
html body #app .internal-surface .group-members-list small,
html body #app .internal-surface .group-select small,
html body #app .internal-surface .group-name span{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Permissions
 * -------------------------------------------------------------------------- */
html body .foxie-permissions-panel>header small,
html body .foxie-permissions-toolbar label{
  font-size:12px!important;
}
html body .foxie-permissions-panel>header strong{
  font-size:15px!important;
}
html body .foxie-permissions-panel>header p,
html body .foxie-permissions-toolbar select{
  font-size:12px!important;
}
html body .foxie-permissions-grid strong{
  font-size:12px!important;
}
html body .foxie-permissions-grid small{
  font-size:12px!important;
  line-height:1.35!important;
}
html body .foxie-permissions-panel>footer>div,
html body .foxie-permissions-panel>footer>button{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Moderation
 * -------------------------------------------------------------------------- */
html body .chat-moderation-center{
  font-size:12px!important;
}
html body .chat-moderation-center__head small,
html body .chat-moderation-roster__head small,
html body .chat-moderation-section-title small,
html body .chat-moderation-policy label>span{
  font-size:12px!important;
}
html body .chat-moderation-center__head strong{
  font-size:16px!important;
}
html body .chat-moderation-center__head p,
html body .chat-moderation-mode-state small,
html body .chat-moderation-policy-note,
html body .chat-moderation-roster__head span{
  font-size:12px!important;
  line-height:1.4!important;
}
html body .chat-moderation-mode-state strong,
html body .chat-moderation-roster__head strong,
html body .chat-moderation-member__copy strong{
  font-size:12px!important;
}
html body .chat-moderation-policy textarea,
html body .moderation-mode-action,
html body .chat-moderation-member__copy small{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Provider / integration windows inside chat
 * -------------------------------------------------------------------------- */
html body .foxie-provider-hero span,
html body .foxie-provider-card__copy small,
html body .foxie-provider-form>header small{
  font-size:12px!important;
}
html body .foxie-provider-hero strong,
html body .foxie-provider-form>header strong{
  font-size:15px!important;
}
html body .foxie-provider-hero p,
html body .foxie-provider-hero>button,
html body .foxie-provider-card__copy strong,
html body .foxie-provider-ai-note strong{
  font-size:12px!important;
}
html body .foxie-provider-card__copy p{
  font-size:12px!important;
  line-height:1.4!important;
}
html body .foxie-provider-card__copy em,
html body .foxie-provider-card__status span,
html body .foxie-provider-ai-note p,
html body .foxie-provider-form>header p{
  font-size:12px!important;
  line-height:1.4!important;
}

/* --------------------------------------------------------------------------
 * Threads, search and commands
 * -------------------------------------------------------------------------- */
html body .foxie-thread-drawer-v3>header small,
html body .foxie-chat-command-panel>header small{
  font-size:12px!important;
}
html body .foxie-thread-drawer-v3>header strong,
html body .foxie-chat-command-panel>header strong{
  font-size:14px!important;
}
html body .foxie-thread-drawer-v3>header p,
html body .foxie-chat-command-panel>header p{
  font-size:12px!important;
}
html body .foxie-thread-message-v3__content header strong{
  font-size:12px!important;
}
html body .foxie-thread-message-v3__content header time{
  font-size:12px!important;
}
html body .foxie-thread-message-v3__content p{
  font-size:12px!important;
  line-height:1.5!important;
}
html body .foxie-thread-empty-v3,
html body .foxie-thread-media.video small{
  font-size:12px!important;
}
html body .foxie-search-controls input,
html body .foxie-search-controls select{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Floating/quick chat
 * -------------------------------------------------------------------------- */
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head small,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title small{
  font-size:12px!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating .pane-head span,
html body .quick-chat-window-v3 .internal-surface.is-floating .conversation-title span,
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-copy small,
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-meta time{
  font-size:12px!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-actions>button,
html body .quick-chat-window-v3 .internal-surface.is-floating .archive-tabs button{
  font-size:12px!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating .thread-copy strong{
  font-size:13px!important;
}
html body .quick-chat-window-v3 .internal-surface.is-floating .private-ai-author,
html body .quick-chat-window-v3 .internal-surface.is-floating .private-ai-label,
html body .quick-chat-window-v3 .internal-surface.is-floating .message-bubble>footer{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Voice sidebar and call surfaces
 * -------------------------------------------------------------------------- */
html body .foxie-voice-sidebar>header>span,
html body .foxie-voice-sidebar>header>em,
html body .foxie-voice-room__main small,
html body .foxie-voice-room__main .live{
  font-size:12px!important;
}
html body .foxie-voice-room__main strong,
html body .foxie-voice-room__people{
  font-size:12px!important;
}
html body .foxie-incoming-call-banner__copy small{
  font-size:12px!important;
}
html body .foxie-incoming-call-banner__copy strong{
  font-size:13px!important;
}
html body .foxie-incoming-call-banner__copy p,
html body .foxie-incoming-call-banner__actions button{
  font-size:12px!important;
}
html body .foxie-call-summary-card__main>small,
html body .foxie-call-summary-card__main>p,
html body .foxie-call-summary-card__people>span{
  font-size:12px!important;
}
html body .foxie-call-summary-card__main>strong{
  font-size:13px!important;
}
html body .foxie-rtc-dock>header small,
html body .foxie-meeting-dock .foxie-rtc-title small{
  font-size:12px!important;
}
html body .foxie-rtc-dock>header strong,
html body .foxie-meeting-dock .foxie-rtc-title strong{
  font-size:14px!important;
}
html body .foxie-rtc-dock>header p,
html body .foxie-meeting-dock .foxie-rtc-title p,
html body .foxie-rtc-peer>footer strong,
html body .foxie-meeting-dock .foxie-rtc-peer>footer strong{
  font-size:12px!important;
}

/* Meeting side panel/chat */
html body .foxie-meeting-dock .foxie-rtc-side-tabs button,
html body .foxie-meeting-dock .foxie-meeting-message>header time,
html body .foxie-meeting-dock .foxie-meeting-chat-empty span{
  font-size:12px!important;
}
html body .foxie-meeting-dock .foxie-meeting-message>header strong{
  font-size:12px!important;
}
html body .foxie-meeting-dock .foxie-meeting-message p{
  font-size:12px!important;
  line-height:1.5!important;
}
html body .foxie-meeting-dock .foxie-meeting-chat__tools textarea{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Native forms, voice picker, system identities and moderation notices
 * -------------------------------------------------------------------------- */
html body .foxie-chat-native-form>header small,
html body .foxie-voice-picker>section>header small{
  font-size:12px!important;
}
html body .foxie-chat-native-form>header strong,
html body .foxie-voice-picker>section>header strong{
  font-size:14px!important;
}
html body .foxie-chat-native-form__body label>span,
html body .foxie-chat-native-form__body input,
html body .foxie-chat-native-form__body textarea{
  font-size:12px!important;
}
html body .foxie-native-switch small,
html body .foxie-voice-picker__list small{
  font-size:12px!important;
}
html body .foxie-system-chat-identity,
html body .foxie-system-chat-identity strong,
html body .foxie-system-chat-identity small{
  font-size:12px!important;
}
html body #app .internal-surface .moderation-notice-bubble,
html body #app .internal-surface .moderation-notice-bubble>p,
html body #app .internal-surface .moderation-notice-bubble>footer,
html body #app .internal-surface .foxie-system-event__bubble{
  font-size:12px!important;
  line-height:1.4!important;
}

/* --------------------------------------------------------------------------
 * Audio, typing, presence and context menus
 * -------------------------------------------------------------------------- */
html body #app .internal-surface .media-audio>div:first-child strong,
html body #app .internal-surface .foxie-wave-player__meta{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-typing-indicator,
html body #app .internal-surface .foxie-audio-transcribe{
  font-size:12px!important;
}
html body .profile-presence-control__head strong,
html body .profile-presence-control__choices button,
html body .profile-presence-control>small,
html body .internal-thread-menu-popover .v-list-item-title,
html body .internal-thread-menu-extra{
  font-size:12px!important;
}

/* --------------------------------------------------------------------------
 * Mobile action sheet and other mobile-only text
 * -------------------------------------------------------------------------- */
html body .internal-mobile-message-actions__sheet>header strong,
html body .internal-mobile-message-actions__sheet>button strong{
  font-size:12px!important;
}
html body .internal-mobile-message-actions__sheet>button small{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Keep author/body/message-specific authority at its larger values. */
html body #app .internal-surface .message-author{
  font-size:12px!important;
}
html body #app .internal-surface .message-bubble>p{
  font-size:13px!important;
}
html body #app .internal-surface .reply-quote small{
  font-size:12px!important;
}
html body #app .internal-surface .reply-quote span{
  font-size:12px!important;
}
html body #app .internal-surface .message-status-line>span:first-child{
  font-size:12px!important;
}
html body #app .internal-surface .composer-box textarea{
  font-size:13px!important;
}

/* Mobile keeps the same readability floor instead of shrinking text. */
@media(max-width:700px){
  html body #app .internal-surface .conversation-title strong,
  html body #app .internal-surface .pane-head strong{
    font-size:14px!important;
  }
  html body .team-member-rail__copy>strong{
    font-size:13px!important;
  }
  html body .team-member-rail__role,
  html body .team-member-rail__copy>.foxie-runtime-role-badge{
    font-size:12px!important;
  }
}


/* --------------------------------------------------------------------------
 * Sidebar collapse persistence + screenshot-specific readability authority.
 * Keep the page sidebar mounted so DOM-injected channels/categories survive
 * collapse/expand; only presentation is hidden.
 * -------------------------------------------------------------------------- */
html body #app .internal-surface.is-page.sidebar-collapsed .thread-pane.page-collapsed-hidden{
  display:none!important;
}

/* The role runtime has legacy high-specificity 7.5px rules. Beat them here. */
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__copy > .foxie-runtime-role-badge.compact,
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__role.foxie-runtime-role-badge.compact{
  min-height:22px!important;
  padding:4px 8px!important;
  font-size:12px!important;
  line-height:1.05!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__copy > strong{
  font-size:14px!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__group > header span{
  font-size:12px!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__group > header em{
  font-size:12px!important;
}

/* Conversation column: search, channels, calls and previews. */
html body #app .internal-surface .thread-search input{
  font-size:13px!important;
}
html body #app .internal-surface .foxie-channel-navigator__head>span{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-channel-category>header button:first-child strong{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-channel-row>span strong{
  font-size:13px!important;
}
html body #app .internal-surface .foxie-channel-row>span small{
  font-size:12px!important;
  line-height:1.35!important;
}
html body #app .internal-surface .foxie-channel-category__empty{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-voice-sidebar>header>span{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-voice-sidebar>header>em{
  font-size:12px!important;
}
html body #app .internal-surface .foxie-voice-room__main strong{
  font-size:13px!important;
}
html body #app .internal-surface .foxie-voice-room__main small,
html body #app .internal-surface .foxie-voice-room__main .live{
  font-size:12px!important;
}
html body #app .internal-surface .thread-row .thread-copy>strong{
  font-size:13px!important;
}
html body #app .internal-surface .thread-row .thread-copy>small{
  font-size:12px!important;
}
html body #app .internal-surface .thread-row .thread-meta time{
  font-size:12px!important;
}
/* Shared member-banner rendering used by the live rail and Preferences preview. */
.member-banner-surface{
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  overflow:hidden;
  pointer-events:none;
  opacity:var(--member-banner-enabled,1);
  background:var(--foxie-surface-soft);
}
.member-banner-surface>img{
  position:absolute;
  inset:-8%;
  width:116%;
  height:116%;
  max-width:none;
  object-fit:cover;
  filter:blur(var(--member-banner-blur,3px)) saturate(1.04);
  will-change:transform,filter;
}
.member-banner-surface>.member-banner-water{
  position:absolute;
  inset:0;
  opacity:var(--member-banner-droplets-opacity,0);
  background:
    radial-gradient(circle at 14% 26%,rgba(255,255,255,.42) 0 1.2%,rgba(255,255,255,.16) 1.6%,transparent 3.7%),
    radial-gradient(circle at 74% 31%,rgba(255,255,255,.38) 0 1.5%,rgba(255,255,255,.12) 2%,transparent 4.1%),
    radial-gradient(circle at 45% 72%,rgba(255,255,255,.34) 0 1%,rgba(255,255,255,.1) 1.6%,transparent 3.4%),
    radial-gradient(circle at 90% 78%,rgba(255,255,255,.28) 0 .9%,rgba(255,255,255,.08) 1.4%,transparent 3%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(1.3px) saturate(1.18);
  -webkit-backdrop-filter:blur(1.3px) saturate(1.18);
  mix-blend-mode:screen;
}
.member-banner-surface>.member-banner-shadow{
  position:absolute;
  inset:0;
  opacity:var(--member-banner-shadow-enabled,1);
  background:linear-gradient(90deg,
    rgba(0,0,0,var(--member-banner-shadow-opacity-effective,.58)) 0%,
    color-mix(in srgb,rgba(0,0,0,var(--member-banner-shadow-opacity-effective,.58)) 76%,transparent) var(--member-banner-shadow-start,35%),
    rgba(0,0,0,0) var(--member-banner-shadow-end,88%));
}
.team-member-rail__person.has-member-banner,
.member-rail-preview-row.has-member-banner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person.has-member-banner{
  min-height:46px!important;
  margin:3px 0!important;
  padding:4px 7px!important;
  gap:7px!important;
  border-radius:9px!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person-wrap>.team-member-rail__person.has-member-banner{
  min-height:46px!important;
  margin:3px 0!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person.has-member-banner .team-member-rail__avatar{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person.has-member-banner .team-member-rail__copy{
  gap:1px!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person.has-member-banner .team-member-rail__copy>strong{
  font-size:12px!important;
  line-height:1.1!important;
}
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person.has-member-banner .team-member-rail__role,
html body #app .internal-surface.is-page.team-workspace-v1 > .team-member-rail .team-member-rail__person.has-member-banner .foxie-runtime-role-badge{
  min-height:16px!important;
  padding:2px 5px!important;
  border-radius:5px!important;
  font-size:12px!important;
  line-height:1!important;
}

/* Quick-chat rail uses the same compact banner geometry. */
html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__person.has-member-banner{
  min-height:46px!important;
  margin:3px 0!important;
  padding:4px 7px!important;
  gap:7px!important;
}
html body .quick-chat-window-v3 .floating-team-member-rail .team-member-rail__person.has-member-banner .team-member-rail__avatar{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
}
.team-member-rail__person.has-member-banner>:not(.member-banner-surface),
.member-rail-preview-row.has-member-banner>:not(.member-banner-surface){
  position:relative;
  z-index:2;
}
html[data-foxie-member-banners='on'] .team-member-rail__person.has-member-banner .team-member-rail__copy>strong,
.member-rail-preview-row.has-member-banner .member-rail-preview-copy>strong{
  color:#fff;
  text-shadow:0 1px 6px rgba(0,0,0,.48);
}
.member-rail-preview{
  padding:12px;
  border:1px dashed color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border));
  border-radius:14px;
  background:var(--foxie-surface-soft);
}
.member-rail-preview>small{
  display:block;
  margin-bottom:8px;
  color:var(--foxie-muted);
  font-size:12px;
  font-weight:800;
}
.member-rail-preview-row{
  min-height:62px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--foxie-border) 82%,transparent);
  border-radius:12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  gap:9px;
  align-items:center;
  color:var(--foxie-ink);
  background:var(--foxie-surface-raised);
}
.member-rail-preview-avatar{
  width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:var(--foxie-surface-soft);font-size:12px;font-weight:900;
}
.member-rail-preview-avatar img{width:100%;height:100%;object-fit:cover}
.member-rail-preview-copy{min-width:0;display:grid;gap:3px}
.member-rail-preview-copy>strong{font-size:12px}
.member-rail-preview-copy>small{width:max-content;max-width:100%;padding:3px 6px;border-radius:999px;color:#fff;background:color-mix(in srgb,var(--foxie-accent) 74%,transparent);font-size:12px;font-weight:850}
.member-rail-preview-row.has-member-banner>.v-icon{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.48)}
html[data-foxie-member-banners='off'] .team-member-rail__person.has-member-banner .team-member-rail__copy>strong{color:var(--foxie-ink);text-shadow:none}

@media(prefers-reduced-motion:reduce){
  .member-banner-surface>img{will-change:auto}
}
/* foxie-sidebar-collapsed-authority-v11
 * Single authority for the 96px rail. Older component rules may still style
 * expanded mode, but collapsed geometry is finalized here because this sheet
 * is loaded after the legacy/theme layers.
 */

.sidebar-v2--clean.collapsed .sidebar-nav-clean {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: none !important;
}

.sidebar-v2--clean.collapsed .sidebar-nav-clean::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* In compact mode help remains available after expanding the rail. Keeping
 * three invisible 40px rows here was the source of the phantom footer gap. */
.sidebar-v2--clean.collapsed .sidebar-v6-help {
  display: none !important;
}

.sidebar-v2--clean.collapsed .sidebar-v6-bottom {
  flex: 0 0 auto !important;
}

/* Teams must size from its actual shortcuts, never from the remaining scroll
 * viewport. The nav owns vertical scrolling if a very short viewport needs it. */
.sidebar-v2--clean.collapsed .sidebar-team-section {
  height: auto !important;
  max-height: none !important;
  flex: none !important;
}

.sidebar-v2--clean.collapsed .sidebar-team-nav {
  overflow: visible !important;
}

/* The brand is now a single animated logo, not a symbol + separate wordmark.
 * Use the whole brand row instead of the legacy 58px first grid column.
 * Preserve artwork sizes, canvas overflow and particle/lens transforms.
 */
html body #app .shell-v2 .sidebar-v2--clean .sidebar-brand-v2 {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-content: center !important;
  justify-items: center !important;
}

html body #app .shell-v2 .sidebar-v2--clean .sidebar-brand-v2 > .sidebar-brand-mark {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  margin-inline: auto !important;
}
/* Native Foxie Team mobile screen. Final authority after legacy desktop and mobile styles.
   Desktop remains untouched. iOS still permits user pinch zoom; inputs never trigger focus zoom. */
@media (max-width:760px), (max-width:960px) and (pointer:coarse) {
  html body #app .shell-v2.mobile-team-immersive {
    position:fixed!important;
    inset:auto 0 0 0!important;
    top:var(--foxie-mobile-chat-top,0px)!important;
    width:100%!important;
    height:var(--foxie-mobile-chat-height,100dvh)!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:var(--foxie-surface)!important;
    overscroll-behavior:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive > .shell-content-v2,
  html body #app .shell-v2.mobile-team-immersive > .shell-content-v2.expanded {
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
    transition:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .topbar-v2 {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .content-v2 {
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .foxie-team-page {
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    overflow:hidden!important;
  }
  /* No second navigation row: the team menu is in the list header. */
  html body #app .shell-v2.mobile-team-immersive .foxie-team-nav {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .foxie-team-stage,
  html body #app .shell-v2.mobile-team-immersive .foxie-team-view {
    display:block;
    position:relative;
    inset:auto;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-row:auto!important;
  }
  html body #app .shell-v2.mobile-team-immersive .foxie-team-view[style*="display: none"] {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .foxie-team-view > .internal-surface.is-page,
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page,
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page.details-open,
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page.sidebar-collapsed {
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    grid-template-columns:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  /* Two exclusive full-width states, equivalent to a native messaging app. */
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page > .thread-pane,
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page > .conversation-pane {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    border-radius:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page:not(.has-channel) > .thread-pane {
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page:not(.has-channel) > .conversation-pane {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page.has-channel > .thread-pane {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page.has-channel > .conversation-pane {
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  /* A readable list, a single list scroller, safe-area-aware header. */
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .pane-head.compact-team-head {
    width:100%!important;
    height:auto!important;
    min-height:calc(56px + env(safe-area-inset-top))!important;
    max-height:none!important;
    padding:calc(8px + env(safe-area-inset-top)) 115px 8px 12px!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    background:var(--foxie-surface-raised)!important;
  }
  html body #app .shell-v2.mobile-team-immersive .mobile-shell-menu {
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid var(--foxie-border)!important;
    border-radius:12px!important;
    flex:0 0 40px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-ink)!important;
    background:var(--foxie-surface-soft)!important;
    touch-action:manipulation!important;
  }
  html body #app .shell-v2.mobile-team-immersive .pane-head-copy strong {
    font-size:17px!important;
    line-height:1.2!important;
  }
  html body #app .shell-v2.mobile-team-immersive .pane-head-copy small {
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page > .thread-pane .thread-command-bar {
    margin:0 10px 5px!important;
    min-height:37px!important;
    overflow:visible!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
    flex:0 0 auto!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .thread-actions {
    position:absolute!important;
    top:calc(12px + env(safe-area-inset-top))!important;
    right:9px!important;
    width:auto!important;
    min-width:0!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
    display:flex!important;
    gap:2px!important;
    background:transparent!important;
  }
  html body #app .shell-v2.mobile-team-immersive .thread-actions > button {
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    border-radius:10px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--foxie-accent)!important;
    background:transparent!important;
    touch-action:manipulation!important;
  }
  html body #app .shell-v2.mobile-team-immersive .thread-command-bar .archive-tabs {
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 38px!important;
    gap:1px!important;
    border:0!important;
    border-bottom:1px solid var(--foxie-border)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  html body #app .shell-v2.mobile-team-immersive .thread-command-bar .archive-tabs > button {
    height:38px!important;
    min-height:38px!important;
    padding:0 3px!important;
    border-radius:0!important;
    background:transparent!important;
    font-size:12px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  html body #app .shell-v2.mobile-team-immersive .thread-search.thread-search-top {
    width:auto!important;
    margin:9px 12px 8px!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    flex:0 0 44px!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .thread-search input {
    font-size:16px!important;
    width:100%!important;
    height:100%!important;
    flex:1!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .foxie-channel-navigator {
    flex:0 0 auto!important;
    max-height:132px!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .thread-list {
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    flex:1 1 0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
  }
  html body #app .shell-v2.mobile-team-immersive .thread-row {
    min-height:68px!important;
    touch-action:manipulation!important;
  }
  /* The conversation header is four genuine slots: back, avatar, title, menu. */
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .conversation-head {
    width:100%!important;
    height:auto!important;
    min-height:calc(60px + env(safe-area-inset-top))!important;
    padding:calc(7px + env(safe-area-inset-top)) 8px 7px!important;
    display:grid!important;
    grid-template-columns:40px 40px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    flex:0 0 auto!important;
    border-bottom:1px solid var(--foxie-border)!important;
    background:var(--foxie-surface-raised)!important;
    overflow:visible!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .back-button {
    display:grid!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border:0!important;
    border-radius:11px!important;
    place-items:center!important;
    color:var(--foxie-ink)!important;
    background:transparent!important;
    touch-action:manipulation!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-head > .avatar.large {
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin:0!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-title {
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    overflow:hidden!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-title strong {
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-title > small,
  html body #app .shell-v2.mobile-team-immersive .conversation-title > span,
  html body #app .shell-v2.mobile-team-immersive .conversation-title > .foxie-runtime-role-badge {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-header-tools {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    max-width:min(120px,30vw)!important;
    overflow:visible!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-music-slot {
    display:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-actions {
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .conversation-actions > button,
  html body #app .shell-v2.mobile-team-immersive .conversation-actions-trigger {
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    touch-action:manipulation!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .message-area {
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 10px 18px!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-padding-bottom:20px!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .message-row {
    max-width:100%!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .message-shell {
    max-width:min(90%,calc(100vw - 45px))!important;
    min-width:0!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .message-bubble {
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  /* Composer stays pinned at the *visible* bottom, above the OS keyboard. */
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .composer {
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:7px 7px max(9px,env(safe-area-inset-bottom))!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    background:var(--foxie-surface-raised)!important;
    border-top:1px solid var(--foxie-border)!important;
    z-index:8!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .composer .box {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:2px!important;
    padding:4px!important;
    overflow:hidden!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .composer .box > textarea,
  html body #app .shell-v2.mobile-team-immersive .internal-surface .chat-inline-editor textarea {
    flex:1 1 72px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.35!important;
    touch-action:manipulation!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .composer .box > button {
    width:32px!important;
    min-width:32px!important;
    height:36px!important;
    min-height:36px!important;
    flex:0 0 32px!important;
    padding:0!important;
    touch-action:manipulation!important;
  }
  /* Dialogs, group search, editable messages and overlays must also avoid iOS input zoom. */
  html body.foxie-mobile-chat-visible input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  html body.foxie-mobile-chat-visible textarea,
  html body.foxie-mobile-chat-visible select,
  html body.foxie-mobile-chat-visible [contenteditable="true"],
  html body.foxie-mobile-chat-visible [contenteditable=""] {
    font-size:16px!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page textarea,
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page select {
    font-size:16px!important;
  }
  /* People and details are full-width overlays; no 300px desktop side columns. */
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page > .team-member-rail,
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page > .details {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    z-index:80!important;
    overflow:hidden!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page > .team-member-rail {
    transform:translateX(102%)!important;
    pointer-events:none!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page.team-rail-mobile-open > .team-member-rail {
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .new-conversation-box {
    width:auto!important;
    left:8px!important;
    right:8px!important;
    top:calc(102px + env(safe-area-inset-top))!important;
    max-height:calc(100% - 110px - env(safe-area-inset-top))!important;
    overflow:auto!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface .group-manager,
  html body #app .shell-v2.mobile-team-immersive .internal-surface .group-create-modal,
  html body #app .shell-v2.mobile-team-immersive .internal-surface .modal-layer {
    max-width:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    overflow:auto!important;
  }
  html body #app .shell-v2.mobile-team-immersive .mobile-team-feed-back {
    display:flex!important;
    min-height:54px!important;
    padding-top:env(safe-area-inset-top)!important;
    touch-action:manipulation!important;
  }
}
@media (max-width:380px){
  html body #app .shell-v2.mobile-team-immersive .internal-surface .composer .box > button:nth-of-type(2),
  html body #app .shell-v2.mobile-team-immersive .internal-surface .composer .box > button:nth-of-type(4) {
    display:none!important;
  }
}

@media (max-width:760px), (max-width:960px) and (pointer:coarse) {
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .conversation-head > .back-button:not(.mobile-native-back) { display:none!important; }
}
/* Unified Teams meeting, media viewer, calls and assistant messages */
html body .internal-surface .message-row.foxie-ai-row{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important}
html body .internal-surface .message-row.foxie-ai-row>.workspace-ai-message-avatar{position:relative!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;overflow:hidden!important}
html body .internal-surface .foxie-ai-row .workspace-ai-message-avatar.has-custom-avatar .foxie-light-orb,
html body .internal-surface .foxie-ai-row .workspace-ai-message-avatar.has-custom-avatar .foxie-message-light{display:none!important}
html body .internal-surface .foxie-ai-row .workspace-ai-message-avatar.has-custom-avatar>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;display:block!important}
html body .internal-surface .foxie-ai-row>.message-shell{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;width:min(680px,calc(100% - 48px))!important;max-width:calc(100% - 48px)!important;margin:0!important}
html body .internal-surface .foxie-ai-row .message-bubble{min-width:0!important;width:auto!important;max-width:100%!important;white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.5!important}
html body .internal-surface .foxie-ai-row .message-bubble p{white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:normal!important;width:auto!important;max-width:100%!important}
html body .internal-surface .media-viewer{position:fixed!important;inset:0!important;z-index:1800!important;display:flex!important;flex-direction:column!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;border-radius:0!important;background:#090d12!important;color:#fff!important}
html body .internal-surface .media-viewer>.viewer-stage{min-height:0!important;min-width:0!important;flex:1 1 auto!important;display:grid!important;place-items:center!important;overflow:auto!important;padding:12px!important}
html body .internal-surface .media-viewer>.viewer-stage img,
html body .internal-surface .media-viewer>.viewer-stage video{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-layout{grid-template-columns:minmax(0,1fr)!important}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-side{display:none!important}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-stage{display:block!important;position:relative!important;padding:6px!important;overflow:hidden!important}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-peer:not(.focused){display:none!important}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-peer.focused{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-peer.focused video{object-fit:contain!important}
html body .foxie-incoming-call-banner{top:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;right:max(18px,env(safe-area-inset-right))!important;left:auto!important;width:min(400px,calc(100vw - 24px))!important;min-height:96px!important;padding:15px!important;border-radius:18px!important;box-shadow:0 24px 75px rgba(0,0,0,.3)!important}
html body .foxie-incoming-call-banner__copy strong{font-size:14px!important}
html body .foxie-incoming-call-banner__copy p{font-size:12px!important}
html body .foxie-incoming-call-banner__actions button{font-size:12px!important;min-height:39px!important}
.team-meetings{width:100%;height:100%;min-height:0;overflow:auto;padding:clamp(16px,3vw,34px);color:var(--foxie-ink);background:var(--foxie-surface)}
.team-meetings__head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.team-meetings__head small,.team-meetings__card small{color:var(--foxie-accent);font-size:12px;font-weight:800;letter-spacing:.09em}
.team-meetings__head h1{margin:8px 0;font-size:clamp(25px,4vw,39px);font-weight:800}
.team-meetings__head p,.team-meetings__card p,.team-meetings__empty p{color:var(--foxie-muted);line-height:1.55;font-size:13px}
.team-meetings__head button,.team-meetings__card button,.team-meetings__empty button{height:45px;padding:0 16px;border:0;border-radius:12px;background:var(--foxie-accent);color:#fff;display:flex;align-items:center;gap:9px;font-weight:700}
.team-meetings__tools{display:flex;gap:12px;margin:30px 0 20px}
.team-meetings__tools label{height:44px;display:flex;align-items:center;gap:10px;flex:1;border:1px solid var(--foxie-border);border-radius:12px;padding:0 13px;background:var(--foxie-surface-raised)}
.team-meetings__tools input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--foxie-ink)}
.team-meetings__tools>button{border:1px solid var(--foxie-border);border-radius:12px;padding:0 15px;background:var(--foxie-surface-raised);color:var(--foxie-ink)}
.team-meetings__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.team-meetings__card{display:flex;flex-direction:column;gap:18px;min-height:240px;padding:22px;border:1px solid var(--foxie-border);border-radius:18px;background:var(--foxie-surface-raised)}
.team-meetings__symbol{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,transparent)}
.team-meetings__card h2{font-size:19px;margin:7px 0}
.team-meetings__card button{margin-top:auto;align-self:start}
.team-meetings__empty{max-width:500px;min-height:290px;margin:8vh auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.team-meetings__empty>strong{font-size:21px}
.team-meetings__overlay{position:fixed;inset:0;z-index:1350;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px)}
.team-meetings__dialog{width:min(430px,100%);padding:24px;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.team-meetings__dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:17px}
.team-meetings__dialog-header button{border:0;background:transparent;color:var(--foxie-ink)}
.team-meetings__dialog label{display:grid;gap:8px;font-size:13px;font-weight:650}
.team-meetings__dialog input{height:46px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.team-meetings__dialog p{font-size:12px;color:var(--foxie-muted)}
.team-meetings__dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.team-meetings__dialog footer button{height:40px;padding:0 15px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-ink)}
.team-meetings__dialog footer button[type=submit]{background:var(--foxie-accent);color:#fff;border:0}
@media(max-width:960px){html body .foxie-incoming-call-banner{bottom:max(12px,env(safe-area-inset-bottom))!important;right:12px!important;left:12px!important;width:auto!important}html body .foxie-rtc-dock.foxie-meeting-dock.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important}html body .foxie-rtc-dock.foxie-meeting-dock.expanded .foxie-rtc-side{display:none!important}html body .foxie-rtc-dock.foxie-meeting-dock.expanded .foxie-rtc-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important}.team-meetings{padding:16px}.team-meetings__tools input,.team-meetings__dialog input{font-size:16px!important}html body .internal-surface .foxie-ai-row>.message-shell{width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important}}

/* Vue Teleport owns media dialogs at <body> level; transformed chat shells cannot clip them. */
html body .foxie-native-media-viewer {
 position:fixed!important;inset:0!important;display:flex!important;flex-direction:column!important;
 width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
 padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;margin:0!important;
 border:0!important;border-radius:0!important;color:#f7fafc!important;background:rgba(7,11,17,.98)!important;
 z-index:3500!important;overflow:hidden!important;box-sizing:border-box!important;
}
html body .foxie-native-media-viewer>header,
html body .foxie-native-media-viewer>footer{flex:0 0 auto!important;min-height:56px!important;padding:8px max(14px,env(safe-area-inset-left))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#111820!important;color:#fff!important}
html body .foxie-native-media-viewer>header button{width:42px!important;min-width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;background:#2c333b!important;border:0!important}
html body .foxie-native-media-viewer>.viewer-stage{min-height:0!important;min-width:0!important;flex:1 1 0!important;overflow:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important}
html body .foxie-native-media-viewer>.viewer-stage img,
html body .foxie-native-media-viewer>.viewer-stage video,
html body .foxie-native-media-viewer>.viewer-stage iframe{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
html body .foxie-native-media-viewer>.viewer-stage iframe{width:100%!important;height:100%!important;border:0!important}
/* Exact full-viewport participant focus. Header and call controls remain usable. */
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video{
 position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
 border:0!important;border-radius:0!important;z-index:2800!important
}
html body .foxie-rtc-dock.foxie-meeting-dock.expanded.has-focused-video .foxie-rtc-layout{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;min-height:0!important;flex:1 1 0!important
}
html body .foxie-meeting-dock.has-focused-video .foxie-rtc-stage{display:block!important;position:relative!important;min-height:0!important;overflow:hidden!important}
html body .foxie-meeting-dock.has-focused-video .foxie-rtc-peer:not(.focused){display:none!important}
html body .foxie-meeting-dock.has-focused-video .foxie-rtc-peer.focused{position:absolute!important;inset:0!important;display:block!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;grid-area:auto!important}
html body .foxie-meeting-dock.has-focused-video .foxie-rtc-peer.focused video{width:100%!important;height:100%!important;object-fit:contain!important}
html body .meeting-room .meeting-stage.focused{display:block!important;position:relative!important;min-height:0!important;overflow:hidden!important;padding:0!important}
html body .meeting-room .meeting-stage.focused .meeting-peer:not(.focused){display:none!important}
html body .meeting-room .meeting-stage.focused .meeting-peer.focused{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;grid-area:auto!important;border-radius:0!important}
html body .meeting-room .meeting-stage.focused .meeting-peer.focused video{object-fit:contain!important}
/* Keep customized assistant GIF unique and its prose full-width on narrow phones. */
html body .internal-surface .foxie-ai-row .message-avatar:not(.workspace-ai-message-avatar),
html body .internal-surface .foxie-ai-row .foxie-message-light:not(.workspace-ai-message-avatar .foxie-message-light){display:none!important}
html body .internal-surface .foxie-ai-row .workspace-ai-message-avatar.has-custom-avatar>img{display:block!important;object-fit:cover!important}
html body .internal-surface .foxie-ai-row .workspace-ai-message-avatar.has-custom-avatar .foxie-light-orb{display:none!important}
html body .internal-surface .foxie-ai-row>.message-shell{min-width:0!important;flex:1 1 auto!important}
html body .internal-surface .foxie-ai-row .message-bubble{overflow-wrap:break-word!important;word-break:normal!important;min-width:0!important}
/* Separate room section has its own mobile back, no persistent bottom tab. */
.team-meetings__mobile-back{display:none}
html body .foxie-incoming-call-banner.is-forced{border-color:color-mix(in srgb,var(--foxie-accent) 57%,var(--foxie-border))!important}
@media (max-width:760px),(max-width:960px) and (pointer:coarse){
 html body .shell-v2.mobile-team-immersive .internal-surface.is-page .thread-command-bar .archive-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html body .shell-v2.mobile-team-immersive .internal-surface.is-page .thread-command-bar .archive-tabs button{font-size:12px!important}
 .team-meetings__mobile-back{display:flex;align-items:center;gap:9px;height:42px;padding:0 10px 0 2px;color:var(--foxie-ink);background:transparent;border:0;font-weight:700;font-size:14px;margin-bottom:9px}
 html body .foxie-incoming-call-banner{bottom:max(10px,env(safe-area-inset-bottom))!important}
 html body .foxie-native-media-viewer{padding-top:env(safe-area-inset-top)!important}
 html body .foxie-meeting-dock.has-focused-video .foxie-rtc-side{display:none!important}
 html body .meeting-room .meeting-room__body{display:grid!important;grid-template-rows:minmax(0,1fr)!important}
 html body .meeting-room .meeting-side{display:none!important}
 html body .meeting-room .meeting-controls{padding-bottom:env(safe-area-inset-bottom)!important;height:calc(64px + env(safe-area-inset-bottom))!important}
}

/* Meeting summaries remain real Vue VNodes instead of replacing bubble.innerHTML. */
html body #app .internal-surface .message-row.foxie-call-summary-row{justify-content:center!important}
html body #app .internal-surface .message-row.foxie-call-summary-row>.message-shell{width:min(600px,100%)!important;max-width:100%!important;margin:0 auto!important}
html body #app .internal-surface .message-row.foxie-call-summary-row .message-bubble{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 padding:0!important;overflow:hidden!important;border:1px solid var(--foxie-border)!important;
 border-radius:16px!important;background:var(--foxie-surface-raised)!important;
 box-shadow:0 10px 24px rgba(0,0,0,.07)!important
}
html body #app .internal-surface .message-row.foxie-call-summary-row .foxie-call-summary-card{width:100%!important;max-width:100%!important;min-width:0!important}

/* Hidden member summon controls stay hidden despite flex button rules. */
html body .foxie-meeting-dock [data-rtc-pull][hidden]{display:none!important}

/* Single-line human messages: compact bubble without a second empty visual row. */
html body #app .internal-surface.fc-polished.has-channel .message-row.fc-stream-row:not(.foxie-ai-row):not(.foxie-call-summary-row) .message-bubble:has(p:not(.deleted-message)),
html body #app .internal-surface .message-row:not(.foxie-ai-row):not(.foxie-call-summary-row) .message-bubble:has(p:not(.deleted-message)){
  padding-top:5px!important;
  padding-bottom:5px!important;
}

/* Native right rail, including user-resizable widths. A data-people-resize
   grid track had pinned the column to 320px even after collapse. */
@media(min-width:1180px){
 html body #app .internal-surface.is-page.team-workspace-v1,
 html body #app .internal-surface.is-page.team-workspace-v1[data-chat-layout][data-people-resize]{
   display:flex!important;grid-template-columns:none!important;min-width:0!important;gap:0!important;
 }
 html body #app .internal-surface.is-page.team-workspace-v1>.team-member-rail[data-team-member-rail],
 html body #app .internal-surface.is-page.team-workspace-v1[data-chat-layout][data-people-resize]>.team-member-rail[data-team-member-rail]{
   display:flex!important;flex:0 0 var(--people-width,320px)!important;
   width:var(--people-width,320px)!important;min-width:0!important;max-width:var(--people-width,320px)!important;
   opacity:1!important;overflow:hidden!important;
   transition:width .26s cubic-bezier(.22,1,.36,1),flex-basis .26s cubic-bezier(.22,1,.36,1),max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease!important;
 }
 html body #app .internal-surface.is-page.team-workspace-v1.team-rail-collapsed>.team-member-rail[data-team-member-rail],
 html body #app .internal-surface.is-page.team-workspace-v1[data-chat-layout][data-people-resize].team-rail-collapsed>.team-member-rail[data-team-member-rail]{
   flex-basis:0!important;width:0!important;max-width:0!important;
   opacity:0!important;pointer-events:none!important;
 }
 html body #app .internal-surface.is-page.team-workspace-v1>.conversation-pane{
   min-width:0!important;flex:1 1 auto!important;
 }
}

/* The media-gallery fit-content sizing must never shrink assistant replies to
   a narrow, word-by-word column. Human role bubbles keep their own sizing. */
@media (max-width:760px), (max-width:960px) and (pointer:coarse) {
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .message-area > .message-row.foxie-ai-row {
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:10px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .message-area > .message-row.foxie-ai-row > .workspace-ai-message-avatar {
    grid-column:1!important;
    grid-row:1!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .message-area > .message-row.foxie-ai-row > .message-shell {
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .message-area > .message-row.foxie-ai-row > .message-shell > .message-bubble {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .message-area > .message-row.foxie-ai-row .message-bubble > p {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:pre-wrap!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
}

/* Teams meeting viewport authority: docks live directly under document.body.
   Never inherit AppShell offsets or a lower z-index when expanding. */
html body > .foxie-rtc-dock.foxie-meeting-dock.expanded{
  position:fixed!important;inset:0!important;top:0!important;left:0!important;
  right:0!important;bottom:0!important;width:100dvw!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;
  margin:0!important;border-radius:0!important;z-index:7000!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
html body > .foxie-rtc-dock.foxie-meeting-dock.expanded .foxie-rtc-layout{
  min-height:0!important;min-width:0!important;flex:1 1 0!important;
}
html body > .foxie-rtc-dock.foxie-meeting-dock:not(.expanded){z-index:5600!important}
html body .team-meetings__card--premium{
  padding:0!important;overflow:hidden;gap:0;min-height:300px;
  box-shadow:0 8px 26px rgba(0,0,0,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
html body .team-meetings__card--premium:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border));box-shadow:0 16px 42px rgba(0,0,0,.12)}
.team-meetings__banner{height:140px;position:relative;overflow:hidden;background:linear-gradient(125deg,#151f34,#2e4762 55%,#5b3f67)}
.team-meetings__banner img{width:100%;height:100%;display:block;object-fit:cover}
.team-meetings__banner::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.43),transparent 72%)}
.team-meetings__banner .team-meetings__symbol{position:absolute;z-index:1;bottom:12px;left:16px;width:42px;height:42px;background:rgba(0,0,0,.38);color:white;backdrop-filter:blur(12px)}
.team-meetings__card-content{padding:18px;display:flex;flex:1;flex-direction:column;gap:10px}
.team-meetings__card-content h2{margin:3px 0;font-size:19px}
.team-meetings__card-badges{display:flex;gap:7px;flex-wrap:wrap;font-size:12px}
.team-meetings__card-badges span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--foxie-border);border-radius:999px;color:var(--foxie-muted)}
.team-meetings__card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.team-meetings__card-actions button{font-size:12px}
.team-meetings__card-actions .team-meetings__edit{margin:0;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);padding:0 11px}
.team-meetings__dialog{width:min(560px,100%)!important;max-height:calc(100dvh - 30px);overflow:auto}
.team-meetings__dialog select{height:46px;padding:0 13px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.team-meetings__dialog .room-access-options{max-height:170px;overflow:auto;border:1px solid var(--foxie-border);border-radius:12px;padding:10px;display:grid;gap:7px}
.team-meetings__dialog .room-access-options label{display:flex;align-items:center;gap:10px;padding:4px;font-size:12px;font-weight:500}
.team-meetings__dialog .room-access-options input{width:16px;height:16px;accent-color:var(--foxie-accent)}
.team-meetings__dialog .room-banner-preview{width:100%;height:120px;object-fit:cover;border-radius:12px}
.team-meetings__dialog input[type=file]{height:auto;padding:10px}
.team-meetings__status{font-size:12px;color:var(--foxie-muted);padding:8px}
@media(max-width:760px){
  html body > .foxie-rtc-dock.foxie-meeting-dock.expanded{inset:0!important;width:100dvw!important;height:100dvh!important}
  .team-meetings__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
}
/* Assistant bubble authority applies in the desktop as well, without overriding role
   customization of human users. It must not shrink to content max-content tracks. */
html body #app .internal-surface .message-area > .message-row.foxie-ai-row{
 display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;
 column-gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;
 align-items:start!important;justify-items:stretch!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .workspace-ai-message-avatar{
 grid-column:1!important;grid-row:1!important;width:36px!important;min-width:36px!important;
 max-width:36px!important;height:36px!important;overflow:hidden!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .message-shell{
 grid-column:2!important;grid-row:1!important;display:flex!important;
 flex-direction:column!important;align-items:stretch!important;
 justify-self:stretch!important;flex:1 1 auto!important;
 min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .message-shell > .message-bubble{
 display:block!important;flex:0 1 auto!important;
 width:100%!important;max-width:min(690px,100%)!important;min-width:0!important;
 box-sizing:border-box!important;word-break:normal!important;overflow-wrap:break-word!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row .message-bubble p{
 width:100%!important;max-width:100%!important;white-space:pre-wrap!important;
 overflow-wrap:break-word!important;word-break:normal!important;
}
html body #app .internal-surface .message-row.foxie-ai-row > .message-avatar,
html body #app .internal-surface .message-row.foxie-ai-row > .foxie-ai-avatar{display:none!important}

/* Dedicated AI author identity: one persisted avatar, one role, no human
   avatar/role decorations. Human role customization remains untouched. */
html body #app .internal-surface .message-area > .message-row.foxie-ai-row {
  display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;
  column-gap:11px!important;align-items:start!important;
  justify-content:stretch!important;justify-items:stretch!important;
  min-width:0!important;width:100%!important;max-width:100%!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .workspace-ai-message-avatar {
  grid-column:1!important;grid-row:1!important;display:grid!important;
  place-items:center!important;position:relative!important;overflow:hidden!important;
  margin:0!important;width:36px!important;height:36px!important;
  min-width:36px!important;max-width:36px!important;min-height:36px!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .workspace-ai-message-avatar img {
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .message-shell {
  grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-self:stretch!important;flex:1 1 auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row > .message-shell > .message-bubble{
  display:block!important;box-sizing:border-box!important;width:100%!important;
  max-width:min(690px,100%)!important;min-width:0!important;
  overflow-wrap:break-word!important;word-break:normal!important;
}
html body #app .internal-surface .message-area > .message-row.foxie-ai-row .message-bubble>p{
  width:100%!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;
}
html body #app .internal-surface .message-row.foxie-ai-row > :not(.workspace-ai-message-avatar):not(.message-shell),
html body #app .internal-surface .message-row.foxie-ai-row .message-shell > .message-author,
html body #app .internal-surface .message-row.foxie-ai-row .message-shell .foxie-runtime-role-badge,
html body #app .internal-surface .message-row.foxie-ai-row .message-shell .role-badge,
html body #app .internal-surface .message-row.foxie-ai-row .fc-message-avatar,
html body #app .internal-surface .message-row.foxie-ai-row .fc-message-identity{display:none!important}
html body #app .internal-surface .message-row.foxie-ai-row .private-ai-author.foxie-ai-author{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  gap:7px!important;width:100%!important;margin:0 0 5px!important;
  color:var(--foxie-ink)!important;font-size:12px!important;font-weight:800!important;
}
html body #app .internal-surface .message-row.foxie-ai-row .foxie-ai-role-badge{
  display:inline-flex!important;align-items:center!important;gap:4px!important;position:relative!important;
  isolation:isolate;padding:3px 8px!important;border-radius:7px!important;overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--foxie-accent) 33%,var(--foxie-border))!important;
  background:color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-surface-raised))!important;
  color:var(--foxie-accent)!important;font-size:12px!important;font-weight:800!important;
  animation:foxieAiRoleBreathe 3.6s ease-in-out infinite;
}
html body #app .internal-surface .message-row.foxie-ai-row .foxie-ai-role-shimmer{
  position:absolute;inset:-2px;z-index:-1;pointer-events:none;opacity:.34;
  background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,var(--foxie-accent) 23%,transparent) 49%,transparent 79%);
  background-size:220% 100%;animation:foxieAiRoleShimmer 4.7s linear infinite;
}
html body #app .internal-surface .workspace-ai-avatar-placeholder{
  display:grid!important;place-items:center!important;width:100%;height:100%;
  color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised));
}
@keyframes foxieAiRoleBreathe{0%,100%{box-shadow:0 0 0 rgba(0,0,0,0)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--foxie-accent) 19%,transparent)}}
@keyframes foxieAiRoleShimmer{from{background-position:220% 0}to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){html body #app .internal-surface .foxie-ai-role-badge,html body #app .internal-surface .foxie-ai-role-shimmer{animation:none!important}}

/* Stable independent minimized dock after fullscreen; no inherited focus geometry. */
html body > .foxie-rtc-dock.foxie-meeting-dock.minimized:not(.expanded){position:fixed!important;display:flex!important;flex-direction:column!important;left:auto!important;top:auto!important;right:12px!important;bottom:12px!important;width:min(390px,calc(100vw - 24px))!important;height:66px!important;max-height:66px!important;min-height:66px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:5700!important;transform:none!important;overflow:hidden!important;border-radius:16px!important}
html body > .foxie-rtc-dock.foxie-meeting-dock.minimized:not(.expanded)>.foxie-rtc-head{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 66px!important;min-height:66px!important}
html body > .foxie-rtc-dock.foxie-meeting-dock.minimized:not(.expanded)>.foxie-rtc-layout,html body > .foxie-rtc-dock.foxie-meeting-dock.minimized:not(.expanded)>.foxie-rtc-controls{display:none!important}
html body .foxie-meeting-dock .foxie-rtc-peer.mirrored:not(.is-screen) video{transform:scaleX(-1)!important}
html body .foxie-meeting-dock [data-rtc-recording-flag]{animation:none!important;display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;opacity:1!important;transform:none!important}
html body .foxie-meeting-dock [data-rtc-recording-flag][hidden]{display:none!important}
html body .foxie-meeting-dock [data-rtc-recording-flag]:before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#fff;animation:foxieMeetingRecLed 1.15s ease-in-out infinite}
@keyframes foxieMeetingRecLed{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){html body .foxie-meeting-dock [data-rtc-recording-flag]:before{animation:none!important}}
@media(max-width:700px){html body > .foxie-rtc-dock.foxie-meeting-dock.minimized:not(.expanded){left:8px!important;right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important}}

.team-meetings__room-menu-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end}
.team-meetings__room-menu-trigger{width:38px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--foxie-border)!important;border-radius:11px!important;background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important}
.team-meetings__room-menu{position:absolute;z-index:80;right:0;bottom:calc(100% + 8px);min-width:224px;padding:6px;display:grid;gap:2px;border:1px solid var(--foxie-border);border-radius:13px;background:var(--foxie-surface-raised);box-shadow:0 15px 42px rgba(0,0,0,.19)}
.team-meetings__room-menu button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:37px;width:100%;border:0;background:transparent;color:var(--foxie-ink);font-size:12px;font-weight:650;padding:7px 9px;text-align:left;border-radius:9px}
.team-meetings__room-menu button:hover{background:var(--foxie-surface-soft)}
.team-meetings__room-menu button.danger,.team-meetings__danger-confirm{color:#e34a55!important}
.team-meetings__danger-confirm{background:color-mix(in srgb,#e34a55 12%,var(--foxie-surface-raised))!important;border:1px solid color-mix(in srgb,#e34a55 30%,var(--foxie-border))!important}
.team-meetings__card{overflow:visible!important}
.team-meetings__card-content{overflow:visible!important}

/* Fixed-height chat header: only peer identity and one short context line.
   The member's configurable role still appears in the member list and
   message decoration; it is not part of the conversation header. */
html body #app .internal-surface.is-page .conversation-head{
 grid-template-columns:44px minmax(0,1fr) auto!important;
 min-height:70px!important;
 align-items:center!important;
}
html body #app .internal-surface .conversation-head .conversation-title{
 min-width:0!important;
 width:100%!important;
 max-width:100%!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:center!important;
 gap:3px!important;
 overflow:hidden!important;
}
html body #app .internal-surface .conversation-head .conversation-title strong{
 display:block!important;max-width:100%!important;overflow:hidden!important;
 white-space:nowrap!important;text-overflow:ellipsis!important;line-height:1.3!important;
}
html body #app .internal-surface .conversation-head .conversation-title>.conversation-title__status{
 display:block!important;min-width:0!important;max-width:100%!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;line-height:1.25!important;font-size:12px!important;
 color:var(--foxie-muted)!important;
}
@media(max-width:700px){
 html body #app .internal-surface.is-page .conversation-head{
   grid-template-columns:40px 40px minmax(0,1fr) auto!important;
 }
 html body #app .shell-v2.mobile-team-immersive .internal-surface.is-page .conversation-title>.conversation-title__status{
   display:none!important;
 }
}

/* Meeting pickers are document.body portals. They must outrank both the
   floating call (5600/5700) and the fullscreen call (7000). */
html body > .foxie-voice-picker,
html body > .foxie-chat-native-form-layer{
  z-index:12000!important;
  pointer-events:auto!important;
}
html body > .foxie-voice-member-popover{z-index:12010!important}

/* Final call geometry authority. The previous generic .minimized rule forced a
   video PiP to 66px even when v9 rendered a 210px live preview. */
html body > .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video:not(.expanded){
  width:min(340px,calc(100dvw - 24px))!important;
  height:210px!important;min-height:210px!important;max-height:210px!important;
  right:12px!important;bottom:12px!important;
  overflow:hidden!important;border-radius:18px!important;
  background:#090d12!important;
}
html body > .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video:not(.expanded)>.foxie-rtc-head{
  position:absolute!important;inset:auto 8px 8px 8px!important;
  width:auto!important;height:50px!important;min-height:50px!important;max-height:50px!important;
  flex:0 0 50px!important;padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;
  z-index:3!important;background:rgba(7,10,14,.74)!important;
}
html body > .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video:not(.expanded)>.foxie-rtc-mini-preview:not([hidden]){
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;z-index:1!important;
}
html body > .foxie-meeting-dock.foxie-call-detached-pip.minimized .foxie-rtc-head__actions>[data-rtc-pull]{
  display:none!important;
}
@media(max-width:700px){
  html body > .foxie-rtc-dock.foxie-meeting-dock.foxie-call-detached-pip.minimized.has-mini-video:not(.expanded){
    width:min(320px,calc(100dvw - 16px))!important;height:190px!important;min-height:190px!important;max-height:190px!important;
    right:8px!important;bottom:8px!important;
  }
}
/* An immediately opening, keyboard-accessible member/guest dropdown portal.
   It lives directly under body, above the 7000 fullscreen meeting layer. */
html body > .foxie-meeting-roster-layer{
  position:fixed;inset:0;z-index:12040!important;
  background:transparent;pointer-events:auto!important;
}
html body .foxie-meeting-roster-menu{
  position:fixed;right:10px;top:68px;width:min(390px,calc(100vw - 20px));
  max-height:min(510px,calc(100dvh - 24px));overflow:hidden;
  display:flex;flex-direction:column;border:1px solid var(--foxie-border);
  border-radius:17px;box-shadow:0 28px 85px rgba(0,0,0,.34);
  background:var(--foxie-surface-raised);color:var(--foxie-ink);isolation:isolate;
}
html body .foxie-meeting-roster-menu>header{
  padding:13px;display:flex;align-items:flex-start;gap:10px;
  border-bottom:1px solid var(--foxie-border);flex:none;
}
html body .foxie-meeting-roster-menu .roster-icon{
  width:34px;height:34px;display:grid;place-items:center;flex:none;
  border-radius:10px;background:color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-surface-soft));color:var(--foxie-accent);
}
html body .foxie-meeting-roster-menu>header>div{min-width:0;flex:1}
html body .foxie-meeting-roster-menu>header small{display:block;font-size:12px;letter-spacing:.11em;font-weight:750;color:var(--foxie-accent)}
html body .foxie-meeting-roster-menu>header strong{display:block;font-size:13px;line-height:1.5}
html body .foxie-meeting-roster-menu>header p{margin:2px 0 0;font-size:12px;color:var(--foxie-muted);line-height:1.5}
html body .foxie-meeting-roster-menu [data-roster-close]{
  border:0;background:transparent;color:var(--foxie-muted);width:30px;height:30px;flex:none;cursor:pointer;
}
html body .foxie-roster-search{margin:12px 13px 8px;padding:0 10px;min-height:37px;display:flex;align-items:center;gap:8px;flex:none;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-muted)}
html body .foxie-roster-search input{outline:none;border:0;background:transparent;color:var(--foxie-ink);width:100%;min-width:0;font:inherit;font-size:12px}
html body .foxie-roster-list{min-height:70px;overflow-y:auto;overscroll-behavior:contain;padding:5px 9px 11px}
html body .foxie-roster-section h3{display:flex;justify-content:space-between;margin:8px 5px 5px;font-size:12px;letter-spacing:.06em;color:var(--foxie-muted);font-weight:800}
html body .foxie-roster-section h3 span{color:var(--foxie-accent)}
html body .foxie-roster-person{border:0;border-radius:11px;background:transparent;color:var(--foxie-ink);display:flex;align-items:center;gap:10px;width:100%;padding:7px;text-align:left;cursor:pointer}
html body .foxie-roster-person:hover,html body .foxie-roster-person:focus-visible{background:var(--foxie-surface-soft)}
html body .foxie-roster-person .avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:11px;background:var(--foxie-surface-soft);color:var(--foxie-accent)}
html body .foxie-roster-person .avatar img{display:block;width:100%;height:100%;object-fit:cover}
html body .foxie-roster-person .avatar b{font-size:12px}
html body .foxie-roster-person>span:nth-child(2){min-width:0;flex:1}
html body .foxie-roster-person strong,html body .foxie-roster-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .foxie-roster-person strong{font-size:12px;font-weight:750}
html body .foxie-roster-person small{font-size:12px;color:var(--foxie-muted)}
html body .foxie-roster-person>i{color:var(--foxie-muted)}
html body .foxie-roster-status{margin:8px 5px;padding:12px;display:flex;gap:7px;align-items:center;border-radius:10px;background:var(--foxie-surface-soft);font-size:12px;color:var(--foxie-muted)}
html body .foxie-roster-status.is-error{color:#e06d74}
html body .foxie-roster-pending{display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--foxie-muted);font-size:12px}
html body .foxie-roster-pending small{display:block;font-size:12px}
html body .foxie-meeting-roster-menu>footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 12px;flex:none;border-top:1px solid var(--foxie-border)}
html body .foxie-meeting-roster-menu>footer button{background:var(--foxie-surface-soft);color:var(--foxie-ink);border:1px solid var(--foxie-border);padding:7px 10px;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}
html body .roster-footer-note{color:var(--foxie-muted);font-size:12px}
html body .roster-feedback{padding:0 13px 12px;margin:0;font-size:12px;color:var(--foxie-accent);overflow-wrap:anywhere}
@media(max-width:700px){html body .foxie-meeting-roster-menu{left:10px!important;right:10px!important;top:10px!important;width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}}


/* Meeting management dialogs must outrank the fullscreen RTC host. */
html body > .team-meetings__overlay{z-index:12100!important;pointer-events:auto!important}
html body > .team-meetings__overlay .team-meetings__dialog{position:relative;z-index:1}
.team-meetings__history-btn{background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important;border:1px solid var(--foxie-border)!important;padding:0 12px!important}
.team-meetings__live{display:flex;align-items:center;gap:8px;position:relative;font-size:12px;color:var(--foxie-ink)}
.team-meetings__live .live-indicator{width:7px;height:7px;border-radius:100%;background:#34c48e;box-shadow:0 0 0 3px rgba(52,196,142,.12)}
.team-meetings__avatars{display:flex;align-items:center;position:relative;margin-left:auto}
.team-meetings__avatar{width:29px;height:29px;margin-left:-5px;border:2px solid var(--foxie-surface-raised);border-radius:50%;display:grid;place-items:center;background:var(--foxie-surface-soft);overflow:hidden}
.team-meetings__avatar img{width:100%;height:100%;object-fit:cover}
.team-meetings__avatar b{font-size:12px}
.team-meetings__more{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important;border:1px solid var(--foxie-border)!important}
.team-meetings__people-dropdown{position:absolute;z-index:150;right:0;top:calc(100% + 7px);width:210px;padding:8px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-raised);box-shadow:0 12px 30px rgba(0,0,0,.18);max-height:180px;overflow:auto}
.team-meetings__people-dropdown>div{padding:6px;display:flex;align-items:center;gap:7px;font-size:12px}
.team-meetings__people-dropdown .presence-dot{width:6px;height:6px;border-radius:50%;background:#34c48e;flex:none}
.team-meetings__dialog .room-banner-remove{height:34px!important;width:fit-content;background:var(--foxie-surface-soft)!important;color:var(--foxie-ink)!important;padding:0 12px!important}
.team-meetings__history{width:min(820px,100%);max-height:calc(100dvh - 34px);display:flex;flex-direction:column;border:1px solid var(--foxie-border);border-radius:20px;background:var(--foxie-surface-raised);box-shadow:0 25px 80px rgba(0,0,0,.25);overflow:hidden}
.team-meetings__history>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--foxie-border)}
.team-meetings__history>header h2{margin:2px 0;font-size:20px}
.team-meetings__history>header p{margin:0;color:var(--foxie-muted);font-size:12px}
.team-meetings__history>header small{color:var(--foxie-accent);font-size:12px}
.team-meetings__history>header button{width:34px;height:34px;background:var(--foxie-surface-soft);border:0;border-radius:10px;color:var(--foxie-ink);cursor:pointer}
.team-meetings__history-body{padding:18px 22px;overflow:auto;overscroll-behavior:contain}
.team-meetings__history-body .history-session{padding:15px 0;border-bottom:1px solid var(--foxie-border)}
.team-meetings__history-body .history-session h3{font-size:14px;display:flex;align-items:center;gap:8px}
.team-meetings__history-body .history-session>p{font-size:12px;color:var(--foxie-muted)}
.team-meetings__history-body .history-event{display:flex;align-items:flex-start;gap:10px;padding:10px;border-left:2px solid var(--foxie-border);margin-left:11px}
.team-meetings__history-body .history-event>i{color:var(--foxie-accent)}
.team-meetings__history-body .history-event>div{min-width:0}
.team-meetings__history-body .history-event strong{font-size:12px}
.team-meetings__history-body .history-event p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:3px 0}
.team-meetings__history-body .history-event small{display:block;color:var(--foxie-muted);font-size:12px}
.team-meetings__history-body .history-event button{height:30px;margin-top:4px;border:1px solid var(--foxie-border);border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-ink);padding:0 9px;cursor:pointer}
/* Foxie Team — independent native meeting dialogs. No Vue-controlled DOM is moved. */
body>.team-meetings-native-layer{position:fixed;inset:0;z-index:13050;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,34px);background:rgba(7,12,20,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;color:var(--foxie-ink)}
.team-meetings-native-layer *{box-sizing:border-box}
.team-meetings-native-layer button{cursor:pointer;font:inherit}
.team-meetings-native-layer [hidden]{display:none!important}
.team-meeting-native-editor,.team-meeting-native-delete,.team-meeting-native-history{background:var(--foxie-surface-raised);color:var(--foxie-ink);border:1px solid color-mix(in srgb,var(--foxie-border) 85%,transparent);box-shadow:0 32px 100px rgba(2,8,16,.31);border-radius:24px;overflow:hidden}
.team-meeting-native-editor{width:min(610px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.tm-editor-head{padding:23px 26px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--foxie-border)}
.tm-editor-glyph,.tm-history-icon{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-surface-soft));color:var(--foxie-accent);font-size:23px}
.tm-editor-head>div{flex:1;min-width:0}.tm-editor-head small,.tm-history-breadcrumb{font-size:12px;letter-spacing:.1em;font-weight:800;color:var(--foxie-accent)}
.tm-editor-head h2,.tm-history-heading h2{font-size:20px;letter-spacing:-.025em;margin:3px 0}
.tm-editor-head p,.tm-history-heading p{font-size:12px;color:var(--foxie-muted);margin:0}
.tm-icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}
.tm-editor-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.tm-editor-cover{margin:20px 26px 0}
.tm-editor-cover-art{height:154px;position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(132deg,color-mix(in srgb,var(--foxie-accent) 22%,#131c2b),#24354a 70%,#35314c);color:#fff;display:grid;place-items:center}
.tm-editor-cover-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.tm-editor-cover-placeholder{display:grid;justify-items:center;gap:6px;text-align:center;font-size:12px;color:rgba(255,255,255,.8)}
.tm-editor-cover-placeholder i{font-size:27px}.tm-editor-cover-placeholder strong{font-size:12px}
.tm-cover-tag{position:absolute;left:12px;bottom:10px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(9,14,22,.55);padding:5px 8px;font-size:12px;font-weight:800;letter-spacing:.08em}
.tm-editor-cover-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:11px}
.tm-editor-cover-actions button{height:33px;display:flex;align-items:center;gap:6px;border-radius:9px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);padding:0 12px;font-size:12px;font-weight:700}
.tm-editor-cover-actions button:first-child{color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border))}
.tm-editor-cover-actions span{font-size:12px;color:var(--foxie-muted)}
.tm-editor-fields{padding:20px 26px;display:grid;gap:17px}
.tm-editor-fields>label{display:grid;gap:7px}.tm-editor-fields>label>span{font-size:12px;font-weight:800}
.tm-editor-fields input,.tm-editor-fields select,.tm-editor-fields textarea{width:100%;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);padding:10px 12px;min-height:42px;border-radius:10px;font:inherit;font-size:12px;resize:vertical;outline:none}
.tm-editor-fields input:focus,.tm-editor-fields select:focus,.tm-editor-fields textarea:focus{border-color:var(--foxie-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 12%,transparent)}
.tm-editor-access{border-radius:13px;background:var(--foxie-surface-soft);padding:12px;border:1px solid var(--foxie-border)}
.tm-access-title{display:flex;gap:10px;align-items:center}.tm-access-title>i{font-size:20px;color:var(--foxie-accent)}
.tm-access-title strong,.tm-access-title small{display:block}.tm-access-title strong{font-size:12px}.tm-access-title small{font-size:12px;color:var(--foxie-muted)}
.tm-access-options{display:grid;gap:12px;max-height:180px;overflow:auto;margin-top:14px}
.tm-access-group>strong{font-size:12px;letter-spacing:.08em;color:var(--foxie-muted)}
.tm-access-group label{display:flex;gap:9px;align-items:center;margin:8px 0;font-size:12px}.tm-access-group input{accent-color:var(--foxie-accent);width:15px;height:15px}
.tm-editor-feedback{padding:10px 26px;font-size:12px;color:var(--foxie-accent)}.tm-editor-feedback.is-error{color:#e27680}
.tm-editor-footer{padding:14px 26px 20px;border-top:1px solid var(--foxie-border);display:flex;justify-content:flex-end;gap:10px}
.tm-editor-footer button,.team-meeting-native-delete footer button{height:39px;padding:0 16px;border-radius:11px;font-size:12px;font-weight:750;border:1px solid var(--foxie-border)}
.tm-secondary{background:var(--foxie-surface-soft);color:var(--foxie-ink)}.tm-primary{display:flex;align-items:center;gap:8px;background:var(--foxie-accent);color:#fff;border-color:var(--foxie-accent)!important}
.team-meeting-native-delete{width:min(450px,100%);padding:30px;text-align:center}.tm-delete-icon{width:56px;height:56px;margin:auto;display:grid;place-items:center;border-radius:17px;color:#ec6673;background:rgba(236,102,115,.1);font-size:29px}
.team-meeting-native-delete h2{font-size:22px;letter-spacing:-.025em;margin:17px 0 8px}.team-meeting-native-delete p{color:var(--foxie-muted);font-size:13px;line-height:1.6}
.team-meeting-native-delete footer{display:flex;justify-content:center;gap:9px;margin-top:22px}.tm-danger{display:flex;align-items:center;gap:8px;color:white;border-color:#ce495e!important;background:#ce495e}
.tm-delete-feedback{font-size:12px;color:#e27680}
.team-meeting-native-history{display:flex;flex-direction:column;width:min(1050px,100%);height:min(760px,calc(100dvh - 38px));min-height:0}
.tm-history-head{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:14px;padding:23px 27px;border-bottom:1px solid var(--foxie-border)}
.tm-history-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--foxie-muted)}.tm-history-breadcrumb i{font-size:13px}
.tm-history-heading{display:flex;align-items:center;gap:13px}.tm-history-heading>div{min-width:0}
.tm-history-heading h2{font-size:25px;margin:0 0 4px}.tm-history-head>.tm-icon-button{position:absolute;top:22px;right:24px}
.tm-history-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px 27px;background:color-mix(in srgb,var(--foxie-surface-soft) 55%,var(--foxie-surface-raised));border-bottom:1px solid var(--foxie-border)}
.tm-history-metric{display:flex;align-items:center;gap:11px;min-width:0}.tm-history-metric>span{width:35px;height:35px;flex:none;display:grid;place-items:center;background:var(--foxie-surface-raised);color:var(--foxie-accent);border:1px solid var(--foxie-border);border-radius:10px;font-size:18px}
.tm-history-metric strong,.tm-history-metric small{display:block}.tm-history-metric strong{font-size:17px;line-height:1.25}.tm-history-metric small{font-size:12px;color:var(--foxie-muted)}
.tm-history-layout{display:grid;grid-template-columns:275px minmax(0,1fr);min-height:0;flex:1}
.tm-history-sessions{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--foxie-border)}
.tm-history-section-label{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px;font-size:12px;letter-spacing:.1em;font-weight:850;color:var(--foxie-muted)}.tm-history-section-label button{border:0;background:transparent;color:var(--foxie-muted);font-size:17px}
.tm-history-session-list{flex:1;overflow:auto;padding:0 9px 10px}
.tm-history-session{width:100%;border:1px solid transparent;border-radius:11px;padding:12px 9px;display:flex;align-items:flex-start;gap:10px;text-align:left;color:var(--foxie-ink);background:transparent}
.tm-history-session.selected{background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));border-color:color-mix(in srgb,var(--foxie-accent) 24%,transparent)}
.tm-session-dot{width:8px;height:8px;margin-top:5px;flex:none;border-radius:50%;background:var(--foxie-border)}
.tm-session-dot.live,.tm-session-live{background:#33bd86;box-shadow:0 0 0 3px rgba(51,189,134,.12)}
.tm-history-session>span:nth-child(2){flex:1;min-width:0}.tm-history-session strong,.tm-history-session small,.tm-history-session em{display:block;font-style:normal}.tm-history-session strong{font-size:12px}.tm-history-session small{font-size:12px;color:var(--foxie-muted);margin:4px 0}.tm-history-session em{font-size:12px;color:var(--foxie-muted)}
.tm-history-session>i{color:var(--foxie-muted)}[data-history-more]{margin:9px;border-radius:9px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);padding:9px;font-size:12px;color:var(--foxie-ink)}
.tm-history-activity{display:flex;flex-direction:column;min-width:0;min-height:0}
.tm-history-selected{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px}
.tm-history-selected small{color:var(--foxie-accent);font-size:12px;letter-spacing:.09em;font-weight:850}
.tm-history-selected h3{font-size:17px;margin:5px 0 7px}.tm-history-selected span{font-size:12px;color:var(--foxie-muted)}
.tm-history-selected .tm-session-live{width:7px;height:7px;display:inline-block;margin-right:4px;border-radius:50%}
.tm-history-stamp{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:var(--foxie-surface-soft);white-space:nowrap}
.tm-history-tabs{display:flex;gap:20px;padding:0 23px;border-bottom:1px solid var(--foxie-border)}.tm-history-tabs button{border:0;background:transparent;color:var(--foxie-muted);font-size:12px;font-weight:750;padding:10px 0 12px;border-bottom:2px solid transparent}
.tm-history-tabs button.active{color:var(--foxie-accent);border-bottom-color:var(--foxie-accent)}
.tm-history-feed{flex:1;overflow:auto;overscroll-behavior:contain;padding:21px 25px}
.tm-history-stream{max-width:720px}.tm-history-event{display:flex;gap:13px;min-height:68px}.tm-event-rail{position:relative;align-self:stretch;flex:0 0 35px;display:flex;justify-content:center}
.tm-event-rail:after{content:'';position:absolute;top:36px;bottom:0;width:1px;background:var(--foxie-border)}.tm-history-event:last-child .tm-event-rail:after{display:none}
.tm-event-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));font-size:17px}
.tm-history-event.recording .tm-event-icon,.tm-event-icon.recording{color:#d95369;background:rgba(217,83,105,.1)}
.tm-event-content{flex:1;min-width:0;padding:1px 0 23px}.tm-event-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tm-event-meta strong{font-size:12px}.tm-event-meta time{font-size:12px;color:var(--foxie-muted);white-space:nowrap}
.tm-event-content>small{font-size:12px;color:var(--foxie-accent)}.tm-event-content p{font-size:12px;line-height:1.55;color:var(--foxie-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
.tm-history-file{display:flex;align-items:center;gap:11px;padding:13px 7px;border-bottom:1px solid var(--foxie-border)}.tm-history-file>div{flex:1;min-width:0}
.tm-history-file strong,.tm-history-file small{display:block;overflow-wrap:anywhere}.tm-history-file strong{font-size:12px}.tm-history-file small{font-size:12px;color:var(--foxie-muted);margin-top:5px}
.tm-history-file button{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750;border:1px solid var(--foxie-border);border-radius:8px;padding:8px;background:var(--foxie-surface-soft);color:var(--foxie-ink)}
.tm-history-rec{font-size:12px;color:#d95369;font-weight:850}.tm-history-rec i{font-size:12px}
.tm-history-empty,.tm-history-wait,.tm-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;color:var(--foxie-muted);font-size:12px;min-height:200px;padding:20px}
.tm-history-empty>i{font-size:30px;color:var(--foxie-accent)}.tm-history-error{color:#db6876}
.tm-history-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 23px;border-top:1px solid var(--foxie-border)}.tm-history-footer span{font-size:12px;color:var(--foxie-muted)}.tm-history-footer button{border-radius:9px;padding:8px 13px;border:1px solid var(--foxie-border);color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px;font-weight:750}
@media(max-width:750px){body>.team-meetings-native-layer{padding:8px}.team-meeting-native-editor{max-height:calc(100dvh - 16px)}.tm-editor-head{padding:17px}.tm-editor-cover{margin:15px 16px 0}.tm-editor-fields{padding:15px 16px}.tm-editor-footer{padding:12px 16px}.team-meeting-native-history{height:calc(100dvh - 16px)}.tm-history-head{padding:16px}.tm-history-heading h2{font-size:19px}.tm-history-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px}.tm-history-layout{grid-template-columns:1fr;grid-template-rows:138px minmax(0,1fr)}.tm-history-sessions{border-right:0;border-bottom:1px solid var(--foxie-border)}.tm-history-session-list{display:flex;gap:6px;overflow:auto}.tm-history-session{min-width:190px}.tm-history-section-label{padding:9px 13px}.tm-history-selected{padding:13px 16px}.tm-history-tabs{padding:0 16px;gap:14px}.tm-history-feed{padding:15px}.tm-history-footer{padding:11px 15px}}
.b-suite{min-height:100%;padding:22px clamp(14px,2.7vw,36px) 58px;color:var(--foxie-ink);background:var(--foxie-surface)}.b-suite-hero{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:18px}.b-suite-hero-mark{height:54px;width:54px;display:grid;place-items:center;flex:none;border-radius:15px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))}.b-suite-hero-copy{flex:1;min-width:0}.b-suite-hero-copy small,.b-suite-section-heading small,.b-suite-activation>small{font-size:12px;color:var(--foxie-accent);letter-spacing:.11em;font-weight:820}.b-suite-hero-copy h1{font-size:25px;letter-spacing:-.04em;margin:2px 0}.b-suite-hero-copy p,.b-suite-section-heading p{font-size:12px;color:var(--foxie-muted);margin:0;line-height:1.5}.b-suite-tag{padding:7px 10px;display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:12px;border:1px solid var(--foxie-border);border-radius:999px;color:var(--foxie-muted)}.b-suite-tag.is-active{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-soft))}.b-suite-tabs{display:flex;gap:5px;align-items:center;margin:15px 0 10px;overflow-x:auto;padding:4px 0 9px}.b-suite-tab{display:flex;gap:7px;align-items:center;text-decoration:none;color:var(--foxie-muted);font-size:12px;font-weight:680;border-radius:9px;padding:9px 12px;white-space:nowrap;transition:background .18s,color .18s}.b-suite-tab:hover{background:var(--foxie-surface-soft);color:var(--foxie-ink)}.b-suite-tab.router-link-exact-active{background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));color:var(--foxie-accent)}.b-suite-content{padding-top:14px;max-width:1520px;margin:0 auto}.b-suite-section-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:3px 0 19px}.b-suite-section-heading h2{font-size:21px;margin:5px 0;letter-spacing:-.025em}.b-suite-actions{display:flex;align-items:center;gap:9px}.b-suite-ghost,.b-suite-primary,.b-suite-back{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:9px 12px;border-radius:10px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);font-size:12px;font-weight:720;color:var(--foxie-ink)}.b-suite-primary{background:var(--foxie-accent);color:white;border-color:var(--foxie-accent)}.b-suite-primary:disabled{opacity:.5;cursor:not-allowed}.b-suite-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.b-suite-metrics article{min-height:130px;padding:19px;display:flex;flex-direction:column;gap:7px;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:15px}.b-suite-metric-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--foxie-accent);background:var(--foxie-surface-soft);border-radius:9px}.b-suite-metrics small{font-size:12px;color:var(--foxie-muted)}.b-suite-metrics strong{font-size:26px;letter-spacing:-.03em}.b-suite-metrics strong.b-suite-stat-text{font-size:17px}.b-suite-metrics em{font-size:12px;font-style:normal;color:var(--foxie-muted)}.b-suite-panel{overflow:hidden;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:15px}.b-suite-panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--foxie-border)}.b-suite-panel-head h3{font-size:14px;margin:0 0 3px}.b-suite-panel-head p{font-size:12px;color:var(--foxie-muted);margin:0}.b-suite-panel-head a{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:var(--foxie-accent);text-decoration:none}.b-suite-empty{min-height:160px;display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;color:var(--foxie-muted);font-size:12px}.b-suite-loading,.b-suite-error{padding:16px;display:flex;gap:9px;align-items:center;font-size:12px}.b-suite-error{color:#c9505b}.b-suite-list-row{display:grid;grid-template-columns:90px minmax(0,1fr) 110px 100px 20px;gap:13px;align-items:center;padding:15px 18px;text-decoration:none;color:var(--foxie-ink);border-bottom:1px solid var(--foxie-border);font-size:12px}.b-suite-list-row:hover{background:var(--foxie-surface-soft)}.b-suite-order-num,.b-suite-list-total{font-weight:780}.b-suite-order-customer small{display:block;margin-top:3px;color:var(--foxie-muted);font-size:12px}.b-suite-order-status,.b-suite-pill,.b-suite-source{display:inline-flex;width:fit-content;padding:5px 8px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:7px;font-size:12px}.b-suite-toolbar{display:flex;gap:10px;align-items:center;padding:14px 16px;flex-wrap:wrap}.b-suite-toolbar label{display:flex;gap:8px;align-items:center;flex:1;min-width:180px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft)}.b-suite-toolbar input{width:100%;height:37px;color:var(--foxie-ink);background:transparent;border:0;outline:0;font-size:12px}.b-suite-toolbar select{padding:10px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-soft);font-size:12px}.b-suite-toolbar>span{color:var(--foxie-muted);font-size:12px}.b-suite-order-table-scroll{width:100%;overflow-x:auto}.b-suite-order-table{width:100%;min-width:750px;border-collapse:collapse;text-align:left;font-size:12px}.b-suite-order-table th{font-size:12px;white-space:nowrap;color:var(--foxie-muted);font-weight:750;background:var(--foxie-surface-soft)}.b-suite-order-table th,.b-suite-order-table td{padding:14px 17px;border-bottom:1px solid var(--foxie-border)}.b-suite-order-table tbody tr:hover{background:var(--foxie-surface-soft)}.b-suite-order-table a{color:var(--foxie-accent)}.b-suite-right{text-align:right}.b-suite-strong{font-weight:780}.b-suite-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;font-size:12px;color:var(--foxie-muted)}.b-suite-pagination button{padding:7px;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-ink);background:var(--foxie-surface-soft)}.b-suite-activation{max-width:560px;margin:35px auto;padding:35px;text-align:center;border:1px solid var(--foxie-border);border-radius:20px;background:var(--foxie-surface-raised);display:grid;gap:13px;justify-items:center}.b-suite-activation-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:var(--foxie-surface-soft);color:var(--foxie-accent)}.b-suite-activation h2{font-size:22px;margin:0}.b-suite-activation p{font-size:12px;line-height:1.65;color:var(--foxie-muted);margin:0}.b-suite-activation a{display:inline-flex;align-items:center;gap:7px;padding:11px 17px;border-radius:10px;color:white;background:var(--foxie-accent);text-decoration:none;font-size:12px;font-weight:760}.b-suite-activation>span{font-size:12px;color:var(--foxie-muted)}.b-suite-sidebar-group{margin:9px 2px 0;padding:8px 6px;border:1px solid color-mix(in srgb,var(--foxie-accent) 19%,var(--foxie-border));border-radius:12px;background:color-mix(in srgb,var(--foxie-accent) 2%,var(--foxie-surface));}.b-suite-sidebar-header{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--foxie-ink);min-height:30px;text-align:left;padding:4px 5px;font-size:12px;font-weight:800;cursor:pointer}.b-suite-sidebar-header>.v-icon:first-child{color:var(--foxie-accent)}.b-suite-sidebar-header strong{flex:1}.b-suite-sidebar-header>.v-icon:last-child{color:var(--foxie-muted);transition:transform .18s}.b-suite-sidebar-header[aria-expanded='true']>.v-icon:last-child{transform:rotate(180deg)}.b-suite-sidebar-links{display:grid;gap:2px;padding:5px 0 2px}.b-suite-sidebar-link{display:flex;gap:10px;align-items:center;min-height:33px;padding:6px 10px;border-radius:8px;color:var(--foxie-muted);font-size:12px;text-decoration:none}.b-suite-sidebar-link .v-icon{color:var(--foxie-muted)}.b-suite-sidebar-link:hover{background:var(--foxie-surface-soft);color:var(--foxie-ink)}.b-suite-sidebar-link.router-link-exact-active{background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));color:var(--foxie-accent)}.b-suite-sidebar-link.router-link-exact-active .v-icon{color:var(--foxie-accent)}.b-suite-sidebar-link .b-suite-lock{margin-left:auto}.b-suite-sidebar-group.is-active{border-color:color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border))}.sidebar-v2--clean.collapsed .b-suite-sidebar-group{padding:5px 2px;width:70px;display:grid;justify-items:center}.sidebar-v2--clean.collapsed .b-suite-sidebar-header{justify-content:center}.sidebar-v2--clean.collapsed .b-suite-sidebar-header strong,.sidebar-v2--clean.collapsed .b-suite-sidebar-header>.v-icon:last-child,.sidebar-v2--clean.collapsed .b-suite-sidebar-links{display:none}@media(max-width:800px){.b-suite-hero{padding:17px}.b-suite-hero h1{font-size:21px}.b-suite-metrics{grid-template-columns:1fr}.b-suite-section-heading{flex-wrap:wrap}.b-suite-hero .b-suite-tag{display:none}.b-suite-list-row{grid-template-columns:55px 1fr 95px 18px}.b-suite-order-status{display:none}}
.b-suite-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0}.b-suite-form-grid label,.b-suite-item-edit label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.b-suite-form-grid input,.b-suite-form-grid select,.b-suite-item-edit input,.b-suite-item-edit select{border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);border-radius:9px;padding:9px 10px;min-width:0;font:inherit;font-size:12px}.b-suite-item-edit{display:grid;grid-template-columns:1.4fr 1.4fr .5fr .6fr 42px;gap:9px;align-items:end;padding:10px 0;border-bottom:1px solid var(--foxie-border)}.b-suite-submit{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--foxie-border);padding-top:18px}.b-suite-submit strong{display:block;font-size:22px}.b-suite-submit small,.b-suite-submit p{color:var(--foxie-muted);font-size:12px}.b-suite-submit .b-suite-primary{cursor:pointer}@media(max-width:750px){.b-suite-form-grid{grid-template-columns:1fr}.b-suite-item-edit{grid-template-columns:1fr 1fr}.b-suite-submit{gap:12px;align-items:flex-start;flex-direction:column}}
/* Operational Commerce UI: each page owns its header and content. */
.foxie-ops-page{min-height:100%;padding:22px clamp(17px,2.9vw,45px) 54px;background:var(--foxie-surface);color:var(--foxie-ink)}
.foxie-ops-header{padding:0 0 23px;margin:0 0 19px;border-bottom:1px solid var(--foxie-border)}
.foxie-ops-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 19px;font-size:12px;font-weight:650;color:var(--foxie-muted)}
.foxie-ops-breadcrumb a{color:inherit;text-decoration:none}.foxie-ops-breadcrumb a:hover,.foxie-ops-breadcrumb strong{color:var(--foxie-accent)}
.foxie-ops-header__body{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foxie-ops-header__identity{display:flex;align-items:center;gap:16px;min-width:0}
.foxie-ops-header__icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border:1px solid color-mix(in srgb,var(--foxie-accent) 23%,var(--foxie-border));border-radius:16px;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised));color:var(--foxie-accent)}
.foxie-ops-header__eyebrow{font-size:12px;letter-spacing:.135em;font-weight:850;color:var(--foxie-accent)}
.foxie-ops-header h1{font-size:clamp(22px,2.3vw,30px);font-weight:790;letter-spacing:-.045em;line-height:1.1;margin:6px 0}
.foxie-ops-header p{font-size:12px;line-height:1.5;color:var(--foxie-muted);margin:0;max-width:660px}
.foxie-ops-header__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.foxie-ops-action{height:39px;padding:0 14px;border:1px solid var(--foxie-accent);border-radius:10px;background:var(--foxie-accent);color:#fff!important;font-size:12px;font-weight:770;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.foxie-ops-action--light{border-color:var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-ink)!important}
.foxie-ops-action:hover{filter:brightness(.96)}
.foxie-ops-page>.b-suite-content{margin:0!important;padding:0!important;max-width:none!important}
.foxie-ops-page .b-suite-panel{border-radius:16px!important;overflow:hidden}
.foxie-ops-page--order-new .b-suite-panel{max-width:none!important}
.foxie-ops-page .b-suite-pagination button:disabled{opacity:.35}
.foxie-ops-page .b-suite-section-heading{margin-top:0}
.foxie-ops-settings{max-width:820px;display:flex;align-items:flex-start;gap:17px;padding:24px;border-radius:18px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
.foxie-ops-settings__icon{width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));border-radius:14px}
.foxie-ops-settings small{font-size:12px;font-weight:850;letter-spacing:.1em;color:var(--foxie-accent)}.foxie-ops-settings h2{margin:7px 0 10px;font-size:21px}
.foxie-ops-settings p{font-size:12px;line-height:1.7;color:var(--foxie-muted)}.foxie-ops-settings a{display:inline-flex;align-items:center;gap:8px;color:var(--foxie-accent);font-size:12px;text-decoration:none;font-weight:700}
.foxie-module-access-page{padding:25px clamp(17px,3vw,45px)}
.foxie-ops-gate{max-width:740px;margin:9vh auto;padding:38px;border:1px solid var(--foxie-border);border-radius:22px;background:var(--foxie-surface-raised);box-shadow:0 22px 70px #00000009}
.foxie-ops-gate__symbol{width:62px;height:62px;border:1px solid color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border));border-radius:19px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));margin:0 0 22px}
.foxie-ops-gate__eyebrow{font-size:12px;letter-spacing:.13em;font-weight:850;color:var(--foxie-accent)}
.foxie-ops-gate h1{font-size:clamp(26px,3vw,36px);margin:10px 0 8px;letter-spacing:-.045em}.foxie-ops-gate p{max-width:575px;color:var(--foxie-muted);font-size:13px;line-height:1.7}
.foxie-ops-gate__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.foxie-ops-main-action,.foxie-ops-secondary-action{min-height:43px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:740;cursor:pointer}
.foxie-ops-main-action{border:1px solid var(--foxie-accent);background:var(--foxie-accent);color:#fff}.foxie-ops-secondary-action{border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink)}
/* Dedicated point of sale. No shared module tabs/header. */
.foxie-pos{height:100dvh;width:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:var(--foxie-surface);color:var(--foxie-ink);overflow:hidden}
.foxie-pos-toolbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,2vw,28px);background:var(--foxie-surface-raised);border-bottom:1px solid var(--foxie-border);flex-wrap:wrap}
.foxie-pos-identity{display:flex;align-items:center;gap:12px;min-width:0}.foxie-pos-exit{flex:0 0 36px;width:36px;height:36px;border-radius:11px;border:1px solid var(--foxie-border);display:grid;place-items:center;color:var(--foxie-ink);text-decoration:none;background:var(--foxie-surface-soft)}
.foxie-pos-mark{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft));border:1px solid color-mix(in srgb,var(--foxie-accent) 19%,var(--foxie-border))}
.foxie-pos-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--foxie-muted)}.foxie-pos-breadcrumb a{color:inherit;text-decoration:none}.foxie-pos-breadcrumb strong{color:var(--foxie-accent)}
.foxie-pos-identity h1{font-size:20px;line-height:1.1;font-weight:800;margin:4px 0 0;letter-spacing:-.045em}
.foxie-pos-toolbar-actions{display:flex;align-items:center;gap:8px}.foxie-pos-environment{display:inline-flex;gap:7px;align-items:center;color:var(--foxie-muted);font-size:12px;margin-right:9px}
.foxie-pos-toolbar-button{height:35px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:9px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);text-decoration:none;font-size:12px;font-weight:700}
.foxie-pos-toolbar-button:hover,.foxie-pos-exit:hover{border-color:var(--foxie-accent);color:var(--foxie-accent)}
.foxie-pos-status{min-height:66px;padding:11px clamp(18px,2vw,29px);display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--foxie-border);background:color-mix(in srgb,var(--foxie-surface-raised) 55%,var(--foxie-surface))}
.foxie-pos-status>div{display:flex;align-items:center;gap:9px;min-width:0}.foxie-pos-status>div>span:not(.foxie-pos-led){display:grid;gap:1px}.foxie-pos-status strong{font-size:12px;white-space:nowrap}.foxie-pos-status small{font-size:12px;color:var(--foxie-muted)}.foxie-pos-status .v-icon{color:var(--foxie-accent)}.foxie-pos-led{width:10px;height:10px;background:#2ab47b;border-radius:50%;box-shadow:0 0 0 4px #2ab47b17;flex:none}
.foxie-pos-status .foxie-pos-phase{margin-left:auto;white-space:nowrap;color:var(--foxie-muted);font-size:12px;font-weight:700}
.foxie-pos-workspace{height:100%;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(295px,365px);overflow:hidden}
.foxie-pos-catalog{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:25px clamp(16px,2.2vw,32px)}
.foxie-pos-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foxie-pos-catalog-head small{font-size:12px;font-weight:850;letter-spacing:.1em;color:var(--foxie-accent)}.foxie-pos-catalog-head h2{font-size:24px;letter-spacing:-.045em;margin:6px 0}.foxie-pos-catalog-head p{margin:0;color:var(--foxie-muted);font-size:12px}
.foxie-pos-catalog-head>span{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-search{height:47px;display:flex;align-items:center;gap:10px;border:1px solid var(--foxie-border);border-radius:12px;margin:22px 0 19px;padding:0 8px 0 15px;background:var(--foxie-surface-raised);color:var(--foxie-muted);box-shadow:0 5px 18px #00000006}
.foxie-pos-search:focus-within{border-color:color-mix(in srgb,var(--foxie-accent) 48%,var(--foxie-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 6%,transparent)}
.foxie-pos-search input{flex:1;min-width:0;outline:0;border:0;background:transparent;font:inherit;color:var(--foxie-ink);font-size:12px}.foxie-pos-search kbd{font-family:inherit;font-size:12px;font-weight:750;padding:4px 6px;border-radius:5px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border)}.foxie-pos-search button{border:0;background:var(--foxie-surface-soft);height:30px;width:31px;display:grid;place-items:center;border-radius:7px;color:var(--foxie-muted);cursor:pointer}
.foxie-pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.foxie-pos-product{min-width:0;min-height:239px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-ink);padding:10px;border-radius:15px;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:10px;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.foxie-pos-product:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--foxie-accent) 40%,var(--foxie-border));box-shadow:0 15px 34px #00000009}
.foxie-pos-product:disabled{opacity:.5;cursor:not-allowed}
.foxie-pos-product-photo{height:101px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 11%,var(--foxie-surface-soft)),color-mix(in srgb,#85a0c0 13%,var(--foxie-surface-raised)));color:var(--foxie-accent);display:grid;place-items:center}
.foxie-pos-product-copy{display:grid;gap:5px}.foxie-pos-product-copy small{font-size:12px;font-weight:750;color:var(--foxie-muted)}.foxie-pos-product-copy strong{font-size:12px;font-weight:740;line-height:1.35;min-height:16px}.foxie-pos-product-copy em{font-size:12px;color:var(--foxie-muted);font-style:normal}.foxie-pos-product-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.foxie-pos-product-bottom strong{font-size:13px}.foxie-pos-product-bottom>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))}
.foxie-pos-message{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:var(--foxie-muted);font-size:12px}.foxie-pos-message strong{color:var(--foxie-ink)}.foxie-pos-message.is-error{color:#d35456}.foxie-pos-message button,.foxie-pos-message a{color:var(--foxie-accent);background:none;border:0;cursor:pointer;text-decoration:none}
.foxie-pos-checkout{min-height:0;display:flex;flex-direction:column;background:var(--foxie-surface-raised);border-left:1px solid var(--foxie-border);box-shadow:-13px 0 35px #00000006;position:relative}
.foxie-pos-checkout-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 14px;border-bottom:1px solid var(--foxie-border)}
.foxie-pos-checkout-head small{font-size:12px;letter-spacing:.12em;font-weight:830;color:var(--foxie-accent)}.foxie-pos-checkout-head h2{font-size:19px;letter-spacing:-.03em;margin:5px 0 0}.foxie-pos-checkout-head h2 span{font-size:12px;color:var(--foxie-muted);background:var(--foxie-surface-soft);border-radius:7px;padding:2px 6px}.foxie-pos-checkout-head button{width:33px;height:33px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-muted);cursor:pointer}.foxie-pos-checkout-head button:disabled{opacity:.3;cursor:default}
.foxie-pos-customer{margin:14px 16px;padding:10px 12px;display:flex;align-items:center;gap:11px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:10px}.foxie-pos-customer>.v-icon{color:var(--foxie-accent)}.foxie-pos-customer label{display:grid;min-width:0;flex:1;gap:3px}.foxie-pos-customer small{font-size:12px;color:var(--foxie-muted)}.foxie-pos-customer input{border:0;background:transparent;outline:none;color:var(--foxie-ink);font-size:12px;min-width:0}
.foxie-pos-cart-list{flex:1;min-height:0;overflow-y:auto;padding:5px 16px;overscroll-behavior:contain}
.foxie-pos-cart-empty{display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px;margin-top:10vh;color:var(--foxie-muted)}.foxie-pos-cart-empty span{width:66px;height:66px;display:grid;place-items:center;color:var(--foxie-accent);border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:20px}.foxie-pos-cart-empty strong{font-size:13px;color:var(--foxie-ink)}.foxie-pos-cart-empty p{font-size:12px;line-height:1.6;max-width:200px;margin:0}
.foxie-pos-cart-item{border-bottom:1px solid var(--foxie-border);padding:13px 0}.foxie-pos-cart-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.foxie-pos-cart-item-top strong{font-size:12px}.foxie-pos-cart-item-top button{border:0;background:transparent;color:var(--foxie-muted);cursor:pointer}.foxie-pos-cart-item>small{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.foxie-pos-cart-item-bottom>strong{font-size:13px}.foxie-pos-counter{display:flex;align-items:center;gap:10px;padding:3px;border:1px solid var(--foxie-border);border-radius:8px}.foxie-pos-counter button{display:grid;place-items:center;background:var(--foxie-surface-soft);border:0;border-radius:5px;width:24px;height:24px;color:var(--foxie-ink);cursor:pointer}.foxie-pos-counter button:disabled{opacity:.3;cursor:default}.foxie-pos-counter strong{font-size:12px}
.foxie-pos-cart-footer{padding:15px 18px 18px;border-top:1px solid var(--foxie-border);box-shadow:0 -5px 16px #00000004}.foxie-pos-cart-footer>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;color:var(--foxie-muted)}.foxie-pos-cart-footer>div strong{color:var(--foxie-ink)}.foxie-pos-cart-footer>div.foxie-pos-total{border-top:1px solid var(--foxie-border);padding-top:15px;margin-top:12px;font-weight:800;color:var(--foxie-ink)}.foxie-pos-total strong{font-size:24px;letter-spacing:-.04em;color:var(--foxie-accent)!important}
.foxie-pos-finalize{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--foxie-muted);background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:11px;font-size:12px;font-weight:760;cursor:not-allowed}.foxie-pos-cart-footer p{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--foxie-muted);line-height:1.55;margin:11px 0 0}.foxie-pos-cart-footer p>.v-icon{flex:none}
@media(max-width:1050px){.foxie-pos-workspace{grid-template-columns:minmax(0,1fr) minmax(270px,325px)}.foxie-pos-status{gap:14px}.foxie-pos-status .foxie-pos-phase{display:none}}
@media(max-width:780px){.foxie-pos{height:100dvh;overflow:auto;display:flex;flex-direction:column}.foxie-pos-status{overflow-x:auto;min-height:60px}.foxie-pos-status>div{flex:none}.foxie-pos-workspace{display:flex;flex-direction:column;overflow:visible;height:auto}.foxie-pos-catalog{overflow:visible}.foxie-pos-products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.foxie-pos-checkout{border-left:0;border-top:1px solid var(--foxie-border);min-height:480px}.foxie-pos-cart-list{max-height:320px}.foxie-pos-toolbar{gap:11px}.foxie-pos-environment{display:none}}
@media(max-width:490px){.foxie-pos-toolbar{min-height:74px;padding:12px}.foxie-pos-toolbar-button{padding:0 8px}.foxie-pos-toolbar-button span{display:none}.foxie-pos-status{padding-inline:12px}.foxie-pos-catalog{padding-inline:14px}.foxie-pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.foxie-pos-product{min-height:229px}.foxie-pos-identity h1{font-size:17px}.foxie-ops-page{padding:15px}.foxie-ops-header__actions{width:100%}.foxie-ops-header__body{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.foxie-pos-product,.foxie-ops-action{transition:none!important}}
/* Foxie Commerce 2B — dedicated operational order management, inspired by ERP workflows. */
.foxie-order-board,.foxie-order-detail,.foxie-order-builder{color:var(--foxie-ink);width:100%;min-width:0}
.foxie-order-board__standalone{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}
.foxie-order-board__standalone h2{font-size:21px}.foxie-order-board__standalone a{color:var(--foxie-accent)}
.foxie-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}
.foxie-order-metrics article{display:grid;grid-template-columns:39px 1fr;grid-template-rows:auto auto auto;align-content:center;column-gap:12px;row-gap:2px;min-width:0;min-height:115px;padding:18px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);border-radius:15px}
.foxie-order-metric-icon{grid-row:1/4;height:39px;width:39px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));color:var(--foxie-accent)}
.foxie-order-metrics small{font-size:12px;color:var(--foxie-muted);font-weight:660;line-height:1.5}
.foxie-order-metrics strong{font-size:24px;letter-spacing:-.045em;font-weight:800;line-height:1.3}
.foxie-order-metrics em{font-size:12px;font-weight:500;color:var(--foxie-muted);font-style:normal}
.foxie-order-panel{background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:17px;overflow:hidden}
.foxie-order-panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:21px 22px 16px}
.foxie-order-overline{font-size:12px;letter-spacing:.125em;font-weight:800;color:var(--foxie-accent)}
.foxie-order-panel-head h2{font-size:18px;letter-spacing:-.025em;margin:5px 0}.foxie-order-panel-head h2 span{color:var(--foxie-muted);font-size:13px;font-weight:600}
.foxie-order-panel-head p{margin:0;font-size:12px;line-height:1.6;color:var(--foxie-muted)}
.foxie-order-panel-actions{display:flex;align-items:center;gap:8px}
.foxie-order-panel-actions button,.foxie-order-dates button,.foxie-order-detail-actions button{display:inline-flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);color:var(--foxie-ink);min-height:35px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:710;cursor:pointer}
.foxie-order-panel-actions button:hover,.foxie-order-dates button:hover,.foxie-order-detail-actions button:hover{border-color:var(--foxie-accent);color:var(--foxie-accent)}
.foxie-order-panel-actions button:disabled{opacity:.45;cursor:not-allowed}
.foxie-order-searchbar{display:flex;align-items:end;gap:11px;padding:2px 22px 15px}
.foxie-order-search{height:42px;flex:1;min-width:200px;display:flex;align-items:center;gap:9px;padding:0 11px 0 15px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-muted)}
.foxie-order-search:focus-within{border-color:color-mix(in srgb,var(--foxie-accent) 60%,var(--foxie-border))}
.foxie-order-search input{min-width:0;flex:1;background:none;border:0;outline:0;color:var(--foxie-ink);font-size:12px}
.foxie-order-search kbd{font-family:inherit;font-size:12px;white-space:nowrap;font-weight:600;color:var(--foxie-muted);padding:5px;border:1px solid var(--foxie-border);border-radius:6px}
.foxie-order-select{display:grid;gap:5px}.foxie-order-select span{font-size:12px;color:var(--foxie-muted);font-weight:700}
.foxie-order-select select{min-height:42px;min-width:160px;padding:0 12px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);font-size:12px;color:var(--foxie-ink)}
.foxie-order-filters{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--foxie-border);background:color-mix(in srgb,var(--foxie-surface-soft) 48%,var(--foxie-surface-raised))}
.foxie-order-tabs{display:flex;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.foxie-order-tabs button{flex:none;padding:9px 11px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--foxie-muted);font-size:12px;font-weight:730;cursor:pointer}
.foxie-order-tabs button.selected{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised));border-color:color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border))}
.foxie-order-dates{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.foxie-order-dates label{display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px}
.foxie-order-dates input{padding:7px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-ink);border-radius:8px;font:inherit;font-size:12px}
.foxie-order-dates button{min-height:31px;padding:0 10px}
.foxie-order-alert{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;line-height:1.55;padding:13px 18px;margin:10px 20px;color:#b7474c;border:1px solid color-mix(in srgb,#c34e51 25%,var(--foxie-border));border-radius:10px;background:color-mix(in srgb,#bd5a5d 6%,var(--foxie-surface-raised))}
.foxie-order-alert--soft{color:var(--foxie-muted);background:var(--foxie-surface-soft);border-color:var(--foxie-border)}
.foxie-order-alert button{color:inherit;border:0;background:none;text-decoration:underline;cursor:pointer}
.foxie-order-table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin}
.foxie-order-table{min-width:990px;width:100%;border-collapse:collapse;text-align:left;font-size:12px}
.foxie-order-table th{padding:13px 18px;background:var(--foxie-surface-soft);font-size:12px;white-space:nowrap;color:var(--foxie-muted);font-weight:780}
.foxie-order-table td{padding:15px 18px;border-top:1px solid var(--foxie-border);vertical-align:middle}
.foxie-order-table tbody tr:hover{background:color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised))}
.foxie-order-table td>small,.foxie-order-client small{display:block;font-size:12px;margin-top:4px;color:var(--foxie-muted)}
.foxie-order-ref{font-size:12px;font-weight:800;color:var(--foxie-ink);text-decoration:none;white-space:nowrap}
.foxie-order-ref:hover{color:var(--foxie-accent)}
.foxie-order-client{display:flex;align-items:center;gap:10px;min-width:170px}
.foxie-order-client strong{font-size:12px;font-weight:760;display:block;white-space:nowrap;max-width:230px;text-overflow:ellipsis;overflow:hidden}
.foxie-order-avatar{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-soft));font-weight:800}
.foxie-order-responsible{color:var(--foxie-muted);white-space:nowrap}
.foxie-order-channel{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--foxie-border);border-radius:8px;padding:6px 9px;color:var(--foxie-muted);white-space:nowrap;font-size:12px}
.foxie-order-state,.foxie-order-finance{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;font-weight:750;border:1px solid var(--foxie-border);border-radius:7px;padding:6px 9px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}
.foxie-order-state[data-state='confirmed'],.foxie-order-state[data-state='in_production'],.foxie-order-finance.is-partial{color:#ad772a;background:color-mix(in srgb,#e2ac57 13%,var(--foxie-surface-raised));border-color:color-mix(in srgb,#e2ac57 22%,var(--foxie-border))}
.foxie-order-state[data-state='completed'],.foxie-order-finance.is-paid{color:#278d6a;background:color-mix(in srgb,#47b989 12%,var(--foxie-surface-raised));border-color:color-mix(in srgb,#47b989 24%,var(--foxie-border))}
.foxie-order-state[data-state='cancelled']{color:#b75a5e;background:color-mix(in srgb,#b75a5e 10%,var(--foxie-surface-raised))}
.foxie-order-finance.is-muted{opacity:.75}.foxie-order-finance.is-pending{color:#aa7826;background:color-mix(in srgb,#e2ad5c 12%,var(--foxie-surface-raised))}
.foxie-order-table th.is-right,.foxie-order-table td.is-right,.foxie-order-detail-items th.is-right,.foxie-order-detail-items td.is-right{text-align:right}
.foxie-order-table th.is-actions,.foxie-order-table td.is-actions{text-align:center}
.foxie-order-total{white-space:nowrap;font-size:12px}
.foxie-order-open{width:33px;height:33px;display:inline-grid;place-items:center;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-muted);text-decoration:none}
.foxie-order-open:hover{color:var(--foxie-accent);border-color:var(--foxie-accent)}
.foxie-order-table-placeholder{text-align:center!important;height:200px;font-size:12px;color:var(--foxie-muted)}
.foxie-order-table-placeholder>span,.foxie-order-table-placeholder>strong,.foxie-order-table-placeholder>a{display:block;margin:8px auto}
.foxie-order-table-placeholder>a{color:var(--foxie-accent)}
.foxie-order-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-top:1px solid var(--foxie-border);font-size:12px;color:var(--foxie-muted)}
.foxie-order-pagination>div{display:flex;gap:7px}.foxie-order-pagination button{height:32px;width:32px;display:grid;place-items:center;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:8px;color:var(--foxie-ink);cursor:pointer}
.foxie-order-pagination button:disabled{opacity:.3;cursor:default}.foxie-order-notice{margin:13px 0;color:var(--foxie-accent);font-size:12px}
/* Order detail / printable operational receipt. */
.foxie-order-detail-lead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:17px;margin:0 0 17px}
.foxie-order-detail-lead h2{font-size:25px;font-weight:800;letter-spacing:-.04em;margin:5px 0}
.foxie-order-detail-lead p{color:var(--foxie-muted);font-size:12px;margin:0}
.foxie-order-detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.foxie-order-detail-back{margin:0 0 18px;font-size:12px}.foxie-order-detail-back a{color:var(--foxie-muted);display:inline-flex;gap:6px;text-decoration:none;align-items:center}
.foxie-order-detail-loading{display:flex;align-items:center;gap:12px;padding:60px;color:var(--foxie-muted);font-size:12px}
.foxie-order-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.foxie-order-detail-summary article{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:103px;padding:17px;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:14px}
.foxie-order-detail-summary small{font-size:12px;color:var(--foxie-muted)}
.foxie-order-detail-summary strong{font-size:22px;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-order-detail-summary strong.foxie-order-detail-value-small{font-size:15px}
.foxie-order-detail-summary article>span{font-size:12px;color:var(--foxie-muted)}
.foxie-order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:17px;align-items:start}
.foxie-order-detail-main,.foxie-order-detail-side{display:grid;gap:16px;min-width:0}
.foxie-order-detail-panel{border:1px solid var(--foxie-border);border-radius:15px;background:var(--foxie-surface-raised);overflow:hidden}
.foxie-order-detail-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--foxie-border)}
.foxie-order-detail-panel>header small{font-size:12px;font-weight:850;letter-spacing:.1em;color:var(--foxie-accent)}
.foxie-order-detail-panel>header h3{font-size:14px;margin:5px 0 0}
.foxie-order-detail-panel>header>span{color:var(--foxie-muted);font-size:12px}
.foxie-order-detail-items{min-width:550px;width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.foxie-order-detail-items th{background:var(--foxie-surface-soft);color:var(--foxie-muted);font-size:12px;padding:11px 16px;white-space:nowrap}
.foxie-order-detail-items td{padding:13px 16px;border-top:1px solid var(--foxie-border)}
.foxie-order-item{display:flex;align-items:center;gap:8px}.foxie-order-item .v-icon{color:var(--foxie-accent)}
.foxie-order-detail-totals{max-width:330px;margin:0 19px 18px auto;padding-top:14px}
.foxie-order-detail-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:12px;color:var(--foxie-muted)}
.foxie-order-detail-totals strong{color:var(--foxie-ink)}
.foxie-order-detail-totals>div.is-final{border-top:1px solid var(--foxie-border);padding-top:13px;margin-top:8px;font-weight:800;color:var(--foxie-ink);font-size:14px}
.foxie-order-detail-payment-summary{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:15px 20px;font-size:12px;color:var(--foxie-muted)}
.foxie-order-detail-payment-summary strong{color:var(--foxie-ink)}
.foxie-order-detail-panel dl{padding:8px 19px 20px;display:grid;gap:4px;margin:0}
.foxie-order-detail-panel dt{margin-top:10px;font-size:12px;color:var(--foxie-muted)}
.foxie-order-detail-panel dd{margin:0;font-size:12px;overflow-wrap:anywhere}
.foxie-order-detail-history{display:flex;gap:11px;align-items:start;margin:17px 20px}
.foxie-order-history-dot{height:9px;width:9px;border-radius:50%;flex:0 0 9px;margin-top:4px;background:var(--foxie-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--foxie-accent) 12%,transparent)}
.foxie-order-detail-history strong{font-size:12px;display:block}.foxie-order-detail-history small{font-size:12px;color:var(--foxie-muted)}
.foxie-order-detail-note{margin:19px;color:var(--foxie-muted);font-size:12px;line-height:1.7;white-space:pre-wrap}
.foxie-order-restricted{display:flex;gap:10px;align-items:center;padding:24px;color:var(--foxie-muted);font-size:12px}
.foxie-order-finance-note{font-size:12px;line-height:1.5;display:flex;gap:7px;align-items:center;margin:0;padding:15px 20px;color:var(--foxie-muted)}
/* Order builder — ERP-like stages + sticky totals, without shared module tabs. */
.foxie-order-builder-steps{display:flex;align-items:stretch;gap:11px;max-width:850px;margin:0 0 20px}
.foxie-order-builder-steps button{display:flex;align-items:center;gap:9px;flex:1;min-height:46px;padding:8px 12px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;cursor:pointer;text-align:left}
.foxie-order-builder-steps button>span{height:26px;width:26px;display:grid;place-items:center;border-radius:8px;background:var(--foxie-surface-soft);color:inherit;font-weight:790}
.foxie-order-builder-steps button strong{flex:1}
.foxie-order-builder-steps button.active,.foxie-order-builder-steps button.done{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised));border-color:color-mix(in srgb,var(--foxie-accent) 32%,var(--foxie-border))}
.foxie-order-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,315px);align-items:start;gap:17px}
.foxie-order-builder-main{display:grid;min-width:0;gap:16px}
.foxie-order-builder-panel{min-width:0;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:16px;padding:23px}
.foxie-order-builder-panel>header{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:24px}
.foxie-order-builder-panel>header>div:not(.foxie-order-builder-symbol){flex:1;min-width:0}
.foxie-order-builder-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))}
.foxie-order-builder-panel>header small{font-size:12px;font-weight:800;color:var(--foxie-accent);letter-spacing:.09em}
.foxie-order-builder-panel>header h2{font-size:18px;letter-spacing:-.03em;margin:4px 0}
.foxie-order-builder-panel>header p{margin:0;color:var(--foxie-muted);font-size:12px}
.foxie-order-builder-formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:13px}
.foxie-order-builder-formgrid label{display:grid;align-content:start;gap:7px;min-width:0;font-size:12px;font-weight:750}
.foxie-order-builder-formgrid label>span,.foxie-order-builder-input-block>label{font-size:12px;color:var(--foxie-muted)}
.foxie-order-builder-formgrid input,.foxie-order-builder-formgrid select,.foxie-order-builder-formgrid textarea,.foxie-order-builder-input select{min-height:41px;min-width:0;width:100%;box-sizing:border-box;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);color:var(--foxie-ink);padding:9px 11px;border-radius:9px;font:inherit;font-size:12px;outline:0}
.foxie-order-builder-formgrid input:focus,.foxie-order-builder-formgrid select:focus,.foxie-order-builder-formgrid textarea:focus,.foxie-order-builder-input select:focus{border-color:color-mix(in srgb,var(--foxie-accent) 50%,var(--foxie-border))}
.foxie-order-builder-formgrid input:disabled{opacity:.7}
.foxie-order-builder-formgrid label>small,.foxie-order-builder-input-block>small{font-size:12px;color:var(--foxie-muted)}
.foxie-order-builder-formgrid .is-wide{grid-column:span 2}
.foxie-order-builder-formgrid textarea{resize:vertical}
.foxie-order-builder-input-block{display:grid;gap:7px;max-width:700px;margin-bottom:17px}
.foxie-order-builder-input{display:flex;align-items:center;gap:9px;color:var(--foxie-accent)}
.foxie-order-builder-input select{flex:1}
.foxie-order-builder-note,.foxie-order-builder-security{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:var(--foxie-muted);padding:16px;border-radius:11px;background:var(--foxie-surface-soft);margin-top:21px}
.foxie-order-builder-note .v-icon,.foxie-order-builder-security .v-icon{color:var(--foxie-accent)}
.foxie-order-builder-security p{margin:0}
.foxie-order-builder-item{border:1px solid var(--foxie-border);background:color-mix(in srgb,var(--foxie-surface-soft) 25%,var(--foxie-surface-raised));padding:18px;border-radius:13px;margin:13px 0}
.foxie-order-builder-item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.foxie-order-builder-item-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.foxie-order-builder-item-head strong{font-size:12px}.foxie-order-builder-item-head small{color:var(--foxie-muted);font-size:12px}
.foxie-order-number{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-accent);font-size:12px;font-weight:800}
.foxie-order-builder-item-head>button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--foxie-muted);font-size:12px;cursor:pointer}.foxie-order-builder-item-head>button:disabled{opacity:.3}
.foxie-order-builder-item-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:14px;margin-top:15px;border-top:1px solid var(--foxie-border);font-size:12px;color:var(--foxie-muted)}
.foxie-order-builder-item-foot strong{color:var(--foxie-ink)}
.foxie-order-builder-inline-state{font-size:12px;color:var(--foxie-muted)}
.foxie-order-review{padding:17px 0;margin-top:19px;border-block:1px solid var(--foxie-border)}.foxie-order-review h3{font-size:14px;margin:0 0 13px}
.foxie-order-review>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:12px;color:var(--foxie-muted)}
.foxie-order-review strong{color:var(--foxie-ink)}
.foxie-order-review>div.is-total{padding-top:14px;margin-top:8px;border-top:1px solid var(--foxie-border);font-weight:800;font-size:14px;color:var(--foxie-ink)}
.foxie-order-builder-navigation{display:flex;justify-content:space-between;gap:13px;padding:0 0 7px}
.foxie-order-secondary-button,.foxie-order-primary-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-ink);text-decoration:none;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:770;cursor:pointer}
.foxie-order-primary-button{background:var(--foxie-accent);color:#fff;border-color:var(--foxie-accent);margin-left:auto}
.foxie-order-primary-button:disabled{opacity:.5;cursor:not-allowed}
.foxie-order-builder-aside{position:sticky;top:84px;border:1px solid var(--foxie-border);border-radius:16px;background:var(--foxie-surface-raised);padding:18px;min-width:0}
.foxie-order-builder-aside>header{display:flex;justify-content:space-between;gap:7px;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--foxie-border);font-size:12px;letter-spacing:.11em;color:var(--foxie-accent);font-weight:830}
.foxie-order-builder-carthead{display:grid;gap:6px;padding:17px 0}.foxie-order-builder-carthead strong{font-size:14px}.foxie-order-builder-carthead small{font-size:12px;color:var(--foxie-muted)}
.foxie-order-builder-cartitems{display:grid;max-height:320px;overflow-y:auto;gap:9px;padding-bottom:13px}
.foxie-order-builder-cartitems>div{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px;background:var(--foxie-surface-soft);border-radius:9px}
.foxie-order-builder-cartitems span{font-size:12px;overflow-wrap:anywhere}.foxie-order-builder-cartitems strong{font-size:12px;white-space:nowrap}
.foxie-order-builder-cartitems small{font-size:12px;color:var(--foxie-muted)}
.foxie-order-builder-carttotals{border-top:1px solid var(--foxie-border);padding-top:12px}
.foxie-order-builder-carttotals>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px;color:var(--foxie-muted)}
.foxie-order-builder-carttotals strong{color:var(--foxie-ink)}
.foxie-order-builder-carttotals>div.is-total{font-weight:800;color:var(--foxie-ink);border-top:1px solid var(--foxie-border);padding-top:15px;margin-top:7px;font-size:15px}
.foxie-order-builder-aside>p{display:flex;gap:8px;line-height:1.6;font-size:12px;color:var(--foxie-muted);margin:18px 0 0}
@media(max-width:1350px){.foxie-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.foxie-order-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.foxie-order-detail-grid,.foxie-order-builder-layout{grid-template-columns:1fr}.foxie-order-builder-aside{position:static}.foxie-order-builder-steps{max-width:none}}
@media(max-width:750px){.foxie-order-panel-head,.foxie-order-searchbar{padding-inline:14px}.foxie-order-searchbar{flex-wrap:wrap}.foxie-order-search{width:100%}.foxie-order-select{width:100%}.foxie-order-select select{width:100%}.foxie-order-metrics{gap:8px}.foxie-order-metrics article{padding:12px;min-height:97px}.foxie-order-metric-icon{height:30px;width:30px;grid-row:1/4}.foxie-order-metrics strong{font-size:20px}.foxie-order-page-count{display:none}.foxie-order-builder-formgrid{grid-template-columns:1fr 1fr}.foxie-order-builder-formgrid .is-wide{grid-column:span 2}.foxie-order-builder-panel{padding:16px}.foxie-order-builder-steps{gap:5px}.foxie-order-builder-steps button{flex-direction:column;justify-content:center;padding:8px 5px;text-align:center}.foxie-order-detail-summary{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:480px){.foxie-order-metrics{grid-template-columns:1fr 1fr}.foxie-order-metrics article{grid-template-columns:1fr;gap:4px}.foxie-order-metric-icon{display:none}.foxie-order-filters{padding:10px}.foxie-order-dates{gap:3px}.foxie-order-dates label{width:100%;justify-content:space-between}.foxie-order-dates input{flex:1}.foxie-order-builder-formgrid{grid-template-columns:1fr}.foxie-order-builder-formgrid .is-wide{grid-column:span 1}.foxie-order-builder-navigation{flex-wrap:wrap}}
@media print{body:has(.foxie-order-detail) .sidebar-v2,body:has(.foxie-order-detail) .topbar-v2,body:has(.foxie-order-detail) .foxie-ops-header__actions,body:has(.foxie-order-detail) .foxie-order-detail-actions{display:none!important}body:has(.foxie-order-detail) .shell-content-v2,body:has(.foxie-order-detail) .content-v2{margin:0!important;width:100%!important;max-width:none!important;padding:0!important}.foxie-order-detail-panel,.foxie-order-detail-summary article{break-inside:avoid}}
/* Foxie POS · Etapa 2C. Dedicated cash desk and settlement UI, theme-token aware. */
.foxie-pos-desk-scrim{position:fixed;inset:0;z-index:2500;display:flex;justify-content:flex-end;background:#080c1585;backdrop-filter:blur(5px)}
.foxie-pos-desk{height:100%;width:min(100%,580px);display:flex;flex-direction:column;min-height:0;background:var(--foxie-surface-raised);color:var(--foxie-ink);border-left:1px solid var(--foxie-border);box-shadow:-23px 0 88px #0003}
.foxie-pos-desk-header{display:flex;align-items:center;gap:13px;padding:24px 25px;border-bottom:1px solid var(--foxie-border);background:linear-gradient(120deg,color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised)),var(--foxie-surface-raised) 75%)}
.foxie-pos-desk-brand{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-soft));border:1px solid color-mix(in srgb,var(--foxie-accent) 27%,var(--foxie-border));color:var(--foxie-accent)}
.foxie-pos-desk-header-text{flex:1;min-width:0}.foxie-pos-desk-header-text small{font-size:12px;letter-spacing:.13em;color:var(--foxie-accent);font-weight:850}.foxie-pos-desk-header-text h2{margin:5px 0 1px;font-size:23px;font-weight:800;letter-spacing:-.045em}.foxie-pos-desk-header-text p{margin:0;color:var(--foxie-muted);font-size:12px}
.foxie-pos-desk-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;cursor:pointer;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-ink);background:var(--foxie-surface-soft)}
.foxie-pos-desk-icon:hover{color:var(--foxie-accent);border-color:var(--foxie-accent)}
.foxie-pos-desk-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:9px 26px 26px}
.foxie-pos-desk-section{padding:22px 0 23px;border-bottom:1px solid var(--foxie-border)}.foxie-pos-desk-section:last-child{border-bottom:0}
.foxie-pos-desk-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.foxie-pos-desk-section-title small{display:block;font-size:12px;font-weight:850;letter-spacing:.13em;color:var(--foxie-accent)}.foxie-pos-desk-section-title h3{margin:6px 0 0;font-size:17px;letter-spacing:-.03em}
.foxie-pos-desk-link{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:0 10px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-soft);color:var(--foxie-accent);font-weight:750;font-size:12px;cursor:pointer;white-space:nowrap}.foxie-pos-desk-link.is-subtle{margin-top:9px;color:var(--foxie-muted)}
.foxie-pos-desk-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.foxie-pos-desk-unit{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;min-height:86px;padding:12px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:12px;color:var(--foxie-ink);cursor:pointer}.foxie-pos-desk-unit:hover:not(:disabled),.foxie-pos-desk-unit.selected{border-color:color-mix(in srgb,var(--foxie-accent) 58%,var(--foxie-border));background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft))}.foxie-pos-desk-unit:disabled{opacity:.47;cursor:not-allowed}.foxie-pos-desk-unit.inactive{opacity:.55}.foxie-pos-desk-unit>.v-icon{color:var(--foxie-accent)}
.foxie-pos-desk-store-symbol{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))}
.foxie-pos-desk-store-info{flex:1;min-width:0;display:grid;gap:4px}.foxie-pos-desk-store-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.foxie-pos-desk-store-info small{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-desk-empty{min-height:155px;display:grid;place-content:center;gap:10px;text-align:center;padding:18px;border:1px dashed var(--foxie-border);border-radius:13px;color:var(--foxie-muted)}.foxie-pos-desk-empty>.v-icon{margin:auto;color:var(--foxie-accent)}.foxie-pos-desk-empty strong{font-size:13px;color:var(--foxie-ink)}.foxie-pos-desk-empty span{font-size:12px;max-width:310px;line-height:1.6}
.foxie-pos-desk-form{display:grid;gap:11px;padding:14px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:13px}.foxie-pos-desk-form-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.foxie-pos-desk-form-head button{border:0;color:var(--foxie-accent);background:transparent;cursor:pointer;font-size:12px}
.foxie-pos-desk-form label{display:grid;gap:6px;color:var(--foxie-muted);font-size:12px;font-weight:740}.foxie-pos-desk-form input:not([type=checkbox]){height:41px;width:100%;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-ink);padding:0 12px;font-size:12px;outline:none}.foxie-pos-desk-form input:focus{border-color:var(--foxie-accent)}.foxie-pos-desk-form label.foxie-pos-desk-checkbox{display:flex;align-items:center;gap:8px;font-size:12px}
.foxie-pos-desk-primary,.foxie-pos-desk-secondary,.foxie-pos-desk-danger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 14px;border:1px solid var(--foxie-accent);border-radius:10px;background:var(--foxie-accent);color:#fff;font-size:12px;font-weight:760;cursor:pointer}.foxie-pos-desk-secondary{background:var(--foxie-surface-raised);color:var(--foxie-ink);border-color:var(--foxie-border)}.foxie-pos-desk-danger{background:color-mix(in srgb,#c84d54 12%,var(--foxie-surface-raised));border-color:color-mix(in srgb,#c84d54 38%,var(--foxie-border));color:#c84d54}.foxie-pos-desk-primary:disabled,.foxie-pos-desk-secondary:disabled,.foxie-pos-desk-danger:disabled{opacity:.45;cursor:not-allowed}
.foxie-pos-desk-state{border-radius:99px;padding:6px 10px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);font-size:12px;font-weight:780;color:var(--foxie-muted);white-space:nowrap}.foxie-pos-desk-state.opened{background:#20a47716;color:#20a477;border-color:#20a47747}
.foxie-pos-desk-session-info{display:flex;flex-wrap:wrap;gap:9px 16px;margin-bottom:17px}.foxie-pos-desk-session-info span{display:flex;align-items:center;gap:6px;color:var(--foxie-muted);font-size:12px}.foxie-pos-desk-session-info .v-icon{color:var(--foxie-accent)}
.foxie-pos-desk-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.foxie-pos-desk-metrics article{display:grid;gap:7px;padding:14px 11px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-soft)}.foxie-pos-desk-metrics article.is-emphasis{background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised));border-color:color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border))}.foxie-pos-desk-metrics small{font-size:12px;color:var(--foxie-muted)}.foxie-pos-desk-metrics strong{font-size:clamp(12px,1.6vw,17px);white-space:nowrap;letter-spacing:-.035em}.foxie-pos-desk-metrics article.is-emphasis strong{color:var(--foxie-accent)}
.foxie-pos-desk-flow{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:12px 0 21px}.foxie-pos-desk-flow span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--foxie-muted)}
.foxie-pos-desk-subsection{margin-top:23px}.foxie-pos-desk-subsection h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:13px;font-weight:780}.foxie-pos-desk-subsection h4 small{font-size:12px;color:var(--foxie-muted);font-weight:500}.foxie-pos-desk-subsection>p{color:var(--foxie-muted);font-size:12px;line-height:1.6}
.foxie-pos-desk-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.foxie-pos-desk-switch button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-muted);font-size:12px;cursor:pointer}.foxie-pos-desk-switch button.active{border-color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));color:var(--foxie-accent)}
.foxie-pos-desk-movement{display:flex;align-items:center;gap:9px;min-height:61px;border-bottom:1px solid var(--foxie-border)}.foxie-pos-desk-movement-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-accent)}.foxie-pos-desk-movement>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.foxie-pos-desk-movement strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foxie-pos-desk-movement small{font-size:12px;color:var(--foxie-muted)}.foxie-pos-desk-movement b{font-size:12px;color:#20a477}.foxie-pos-desk-movement b.out{color:#d36565}
.foxie-pos-desk-no-moves{font-size:12px;color:var(--foxie-muted);padding:20px;text-align:center;border:1px dashed var(--foxie-border);border-radius:10px}
.foxie-pos-desk-subsection.is-close{border-top:1px solid var(--foxie-border);padding-top:22px}
.foxie-pos-desk-notice{display:flex;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--foxie-border);border-radius:10px;font-size:12px;color:var(--foxie-muted);background:var(--foxie-surface-soft);line-height:1.5}.foxie-pos-desk-notice.is-error{color:#d36565;border-color:#d3656559;background:#d365650b}
.foxie-pos-desk-support{font-size:12px;color:var(--foxie-muted);line-height:1.6}.foxie-pos-desk-closure{margin-top:15px;display:flex;align-items:flex-start;gap:10px;padding:17px;border:1px solid #23a17750;border-radius:13px;background:#23a1770f}.foxie-pos-desk-closure>.v-icon{color:#23a177}.foxie-pos-desk-closure>div{display:grid;gap:5px}.foxie-pos-desk-closure strong{font-size:12px}.foxie-pos-desk-closure span{font-size:12px;color:var(--foxie-muted);line-height:1.6}
.foxie-pos-desk-footer{display:flex;align-items:center;gap:9px;padding:15px 26px;background:var(--foxie-surface-soft);border-top:1px solid var(--foxie-border);color:var(--foxie-muted);font-size:12px;line-height:1.5}
.foxie-pos-desk-enter-active,.foxie-pos-desk-leave-active{transition:opacity .2s ease}.foxie-pos-desk-enter-active .foxie-pos-desk,.foxie-pos-desk-leave-active .foxie-pos-desk{transition:transform .22s ease}.foxie-pos-desk-enter-from,.foxie-pos-desk-leave-to{opacity:0}.foxie-pos-desk-enter-from .foxie-pos-desk,.foxie-pos-desk-leave-to .foxie-pos-desk{transform:translateX(35px)}
.foxie-pos-status .foxie-pos-status-register{display:flex;align-items:center;gap:9px;padding:7px 11px;margin:-7px -11px;border:1px solid transparent;border-radius:10px;color:var(--foxie-ink);background:transparent;cursor:pointer;text-align:left}.foxie-pos-status .foxie-pos-status-register:hover{border-color:var(--foxie-accent);background:var(--foxie-surface-soft)}.foxie-pos-status-register .v-icon{color:var(--foxie-accent)}.foxie-pos-status-register>span{display:grid;gap:3px}.foxie-pos-status-register strong{font-size:12px}.foxie-pos-status-register small{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 3px;color:var(--foxie-muted);font-size:12px}.foxie-pos-pager button{background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:9px;color:var(--foxie-ink);padding:9px 13px;cursor:pointer}.foxie-pos-pager button:disabled{opacity:.4;cursor:not-allowed}
.foxie-pos-finalize.is-ready{cursor:pointer;color:white;background:var(--foxie-accent);border-color:var(--foxie-accent);transition:filter .15s}.foxie-pos-finalize.is-ready:hover{filter:brightness(.94)}
.foxie-pos-modal-backdrop{position:fixed;inset:0;z-index:2550;display:flex;align-items:center;justify-content:center;padding:16px;background:#060b168c;backdrop-filter:blur(7px)}
.foxie-pos-modal{width:min(100%,490px);max-height:min(90vh,720px);overflow-y:auto;border:1px solid var(--foxie-border);border-radius:22px;background:var(--foxie-surface-raised);color:var(--foxie-ink);padding:27px;box-shadow:0 30px 110px #0005}
.foxie-pos-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.foxie-pos-modal-header small{font-size:12px;color:var(--foxie-accent);font-weight:800;letter-spacing:.12em}.foxie-pos-modal-header h2{font-size:23px;letter-spacing:-.045em;margin:5px 0}.foxie-pos-modal-header p{margin:0;color:var(--foxie-muted);font-size:12px;line-height:1.6}.foxie-pos-modal-close{display:grid;place-items:center;width:35px;height:35px;flex:none;cursor:pointer;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-ink)}
.foxie-pos-payment-choice{display:flex;gap:10px;align-items:center;margin:15px 0;padding:13px;border:1px solid color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border));border-radius:12px;background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-soft))}.foxie-pos-payment-choice>.v-icon{color:var(--foxie-accent)}.foxie-pos-payment-choice>span{flex:1;display:grid;gap:3px}.foxie-pos-payment-choice strong{font-size:12px}.foxie-pos-payment-choice small{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-payment-disabled{display:flex;gap:10px;margin:10px 0;color:var(--foxie-muted);font-size:12px;line-height:1.6}
.foxie-pos-payment-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--foxie-border);padding:19px 0 13px;font-size:12px;color:var(--foxie-muted)}.foxie-pos-payment-total strong{font-size:27px;color:var(--foxie-accent);letter-spacing:-.045em}
.foxie-pos-payment-field{display:grid;gap:8px;margin:8px 0 16px;font-size:12px;font-weight:800;color:var(--foxie-ink)}.foxie-pos-payment-field input{height:51px;padding:0 14px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-family:inherit;font-size:19px;font-weight:700;outline:0}.foxie-pos-payment-field input:focus{border-color:var(--foxie-accent)}
.foxie-pos-payment-change{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--foxie-border);font-size:12px;color:var(--foxie-muted)}.foxie-pos-payment-change strong{color:var(--foxie-ink);font-size:17px}
.foxie-pos-payment-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;margin-top:21px;background:var(--foxie-accent);color:white;border:0;border-radius:11px;font-size:12px;font-weight:820;cursor:pointer}.foxie-pos-payment-cta:disabled{opacity:.45;cursor:not-allowed}
.foxie-pos-payment-note{margin-top:12px;color:var(--foxie-muted);font-size:12px;line-height:1.6}
.foxie-pos-receipt-emblem{width:65px;height:65px;display:grid;place-items:center;color:#1ba175;background:#1ba17516;border:1px solid #1ba17555;border-radius:21px;margin:0 auto 18px}.foxie-pos-receipt{text-align:center}.foxie-pos-receipt>h2{font-size:24px;letter-spacing:-.045em;margin:0 0 6px}.foxie-pos-receipt>p{font-size:12px;color:var(--foxie-muted);line-height:1.6}.foxie-pos-receipt-lines{display:grid;gap:13px;text-align:left;border-top:1px dashed var(--foxie-border);border-bottom:1px dashed var(--foxie-border);padding:20px 0;margin:23px 0}.foxie-pos-receipt-lines>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.foxie-pos-receipt-lines span{color:var(--foxie-muted)}.foxie-pos-receipt-actions{display:flex;gap:9px}.foxie-pos-receipt-actions>*{flex:1;min-height:42px;border-radius:9px;display:grid;place-items:center;text-align:center;text-decoration:none;padding:10px;font-size:12px;font-weight:750}.foxie-pos-receipt-actions>a{background:var(--foxie-accent);color:#fff}.foxie-pos-receipt-actions>button{border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);cursor:pointer}
.foxie-pos-variant-list{display:grid;gap:8px}.foxie-pos-variant-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft);color:var(--foxie-ink);cursor:pointer;text-align:left}.foxie-pos-variant-list button:hover{border-color:var(--foxie-accent)}.foxie-pos-variant-list button:disabled{opacity:.43;cursor:not-allowed}.foxie-pos-variant-list button span{display:grid;gap:4px}.foxie-pos-variant-list strong{font-size:12px}.foxie-pos-variant-list small{font-size:12px;color:var(--foxie-muted)}.foxie-pos-variant-list b{font-size:12px;color:var(--foxie-accent)}
@media(max-width:640px){.foxie-pos-desk-header{padding:17px}.foxie-pos-desk-scroll{padding:8px 16px 24px}.foxie-pos-desk-footer{padding:12px 16px}.foxie-pos-desk-units{grid-template-columns:1fr}.foxie-pos-desk-metrics{gap:6px}.foxie-pos-desk-metrics article{padding:10px 8px}.foxie-pos-modal{padding:21px}.foxie-pos-modal-backdrop{align-items:flex-end;padding:0}.foxie-pos-modal{width:100%;border-radius:22px 22px 0 0;max-height:93vh}.foxie-pos-toolbar-actions{flex-wrap:wrap}.foxie-pos-status .foxie-pos-status-register{min-width:180px}}
@media(prefers-reduced-motion:reduce){.foxie-pos-desk-enter-active,.foxie-pos-desk-leave-active,.foxie-pos-desk-enter-active .foxie-pos-desk,.foxie-pos-desk-leave-active .foxie-pos-desk{transition:none}}
.foxie-pos-counter input{width:56px;min-width:0;padding:0 2px;border:0;outline:none;background:transparent;color:var(--foxie-ink);text-align:center;font-weight:700;font-size:12px;line-height:1.4;font-family:inherit;appearance:textfield}.foxie-pos-counter input::-webkit-inner-spin-button,.foxie-pos-counter input::-webkit-outer-spin-button{appearance:none;margin:0}
.foxie-pos-cart-footer .foxie-pos-desk-notice.is-error{margin:9px 0;padding:9px 11px;font-size:12px;line-height:1.45}
.foxie-pos-modal .foxie-pos-desk-notice.is-error{margin-top:13px}
/* Foxie Commerce • PDV premium refinement. Reference: Foxie-Erp PDV.vue / dedicated sales terminal. */
.foxie-pos{--pos-ring:color-mix(in srgb,var(--foxie-accent) 35%,var(--foxie-border))}
.foxie-pos-toolbar{min-height:82px;padding:14px clamp(18px,2.4vw,34px);box-shadow:0 4px 18px #03081405;position:relative;z-index:2}
.foxie-pos-identity h1{font-size:23px;font-weight:850;letter-spacing:-.05em}
.foxie-pos-mark{border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 17%,var(--foxie-surface-raised)),color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-soft)));box-shadow:inset 0 1px #ffffff18,0 6px 17px #00000008}
.foxie-pos-status{min-height:70px;gap:clamp(12px,2.1vw,28px)}
.foxie-pos-status>div>span:not(.foxie-pos-led){gap:4px}
.foxie-pos-status .foxie-pos-phase{font-weight:760}
.foxie-pos-workspace{grid-template-columns:minmax(0,1fr) minmax(350px,410px)}
.foxie-pos-catalog{padding:26px clamp(18px,2.2vw,38px) 45px;scrollbar-width:thin}
.foxie-pos-catalog-head{align-items:center;margin-bottom:20px}
.foxie-pos-catalog-head h2{font-size:27px;font-weight:850;line-height:1.18;letter-spacing:-.048em}
.foxie-pos-catalog-head p{font-size:12px;line-height:1.6}
.foxie-pos-catalog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.foxie-pos-catalog-count{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;font-weight:720}
.foxie-pos-catalog-count .v-icon{color:var(--foxie-accent)}
.foxie-pos-catalog-manage{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;border:1px solid var(--pos-ring);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised));color:var(--foxie-accent);font-size:12px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s}
.foxie-pos-catalog-manage:hover{background:color-mix(in srgb,var(--foxie-accent) 15%,var(--foxie-surface-raised))}
.foxie-pos-session-callout{display:flex;align-items:center;gap:14px;min-height:78px;margin:0 0 17px;padding:15px 18px;border:1px solid var(--pos-ring);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised)),var(--foxie-surface-raised) 83%)}
.foxie-pos-session-callout-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--pos-ring);border-radius:11px;background:var(--foxie-surface-soft);color:var(--foxie-accent)}
.foxie-pos-session-callout>div{flex:1;min-width:0;display:grid;gap:5px}
.foxie-pos-session-callout strong{font-size:12px;letter-spacing:-.015em}
.foxie-pos-session-callout small{font-size:12px;line-height:1.45;color:var(--foxie-muted)}
.foxie-pos-session-callout>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:125px;min-height:39px;padding:9px 12px;border:0;border-radius:9px;background:var(--foxie-accent);color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.foxie-pos-search{height:51px;margin:10px 0 13px;border-radius:13px;padding-left:16px;box-shadow:0 8px 24px #00000006}
.foxie-pos-search input{font-size:12px;font-weight:580}
.foxie-pos-categories{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 17px;margin-bottom:3px;min-height:53px}
.foxie-pos-categories::-webkit-scrollbar{display:none}
.foxie-pos-category,.foxie-pos-category-more{display:flex;flex:none;align-items:center;gap:7px;min-height:33px;padding:7px 12px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;font-weight:780;white-space:nowrap;cursor:pointer;transition:color .14s,border-color .14s,background .14s}
.foxie-pos-category:hover{border-color:var(--pos-ring);color:var(--foxie-ink)}
.foxie-pos-category.active{background:var(--foxie-accent);color:#fff;border-color:var(--foxie-accent);box-shadow:0 6px 15px color-mix(in srgb,var(--foxie-accent) 16%,transparent)}
.foxie-pos-category>span{padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--foxie-muted) 12%,transparent);font-size:12px}
.foxie-pos-category.active>span{background:#ffffff25}
.foxie-pos-category-more{max-width:160px}
.foxie-pos-products{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.foxie-pos-product{position:relative;min-height:302px;padding:9px;gap:10px;overflow:hidden;border-radius:16px;box-shadow:0 2px 3px #00000005,0 9px 19px #00000003;transition:transform .18s,border-color .18s,box-shadow .18s}
.foxie-pos-product:hover:not(:disabled){transform:translateY(-3px);border-color:var(--pos-ring);box-shadow:0 18px 38px #00000012}
.foxie-pos-product.is-in-cart{border-color:color-mix(in srgb,var(--foxie-accent) 50%,var(--foxie-border))}
.foxie-pos-product.is-soldout{opacity:.66}
.foxie-pos-product-photo{position:relative;height:163px;overflow:hidden;border-radius:11px;background:radial-gradient(ellipse at 30% 25%,color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-soft)),color-mix(in srgb,var(--foxie-ink) 3%,var(--foxie-surface-soft)))}
.foxie-pos-product-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .24s;will-change:transform}
.foxie-pos-product:hover:not(:disabled) .foxie-pos-product-photo img{transform:scale(1.055)}
.foxie-pos-photo-stock{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:6px;background:#114a39d9;color:#ecfff6;font-size:12px;font-weight:900;letter-spacing:.055em;backdrop-filter:blur(7px);box-shadow:0 2px 8px #0000001a}
.foxie-pos-photo-stock.empty{background:#6b3033e8;color:#fff2f2}
.foxie-pos-cart-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border-radius:7px;background:var(--foxie-accent);color:white;font-size:12px;font-weight:850;box-shadow:0 5px 12px #0003}
.foxie-pos-product-copy{gap:7px;padding:1px 3px 0}
.foxie-pos-product-copy small{display:flex;align-items:center;gap:5px;font-size:12px;letter-spacing:.07em;font-weight:850}
.foxie-pos-product-copy strong{min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:12px;font-weight:870;letter-spacing:-.016em}
.foxie-pos-product-copy em{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foxie-pos-product-bottom{padding:11px 3px 1px;border-top:1px dashed var(--foxie-border);gap:8px}
.foxie-pos-price-block{min-width:0;display:grid;gap:1px}
.foxie-pos-price-block del{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-price-block strong{font-size:15px;letter-spacing:-.03em}
.foxie-pos-product-bottom>span:last-child{width:32px;height:32px;flex:0 0 32px;border-radius:10px;color:#fff;background:var(--foxie-accent)}
.foxie-pos-skeleton{height:303px;border:1px solid var(--foxie-border);border-radius:16px;padding:9px;background:var(--foxie-surface-raised);display:grid;gap:11px;align-content:start}
.foxie-pos-skeleton>*{display:block;border-radius:8px;background:linear-gradient(110deg,var(--foxie-surface-soft) 25%,color-mix(in srgb,var(--foxie-ink) 8%,var(--foxie-surface-soft)) 50%,var(--foxie-surface-soft) 75%);background-size:200% 100%;animation:foxie-pos-shimmer 1.5s linear infinite}
.foxie-pos-skeleton>span{height:163px}.foxie-pos-skeleton>i{height:14px}.foxie-pos-skeleton>i:nth-child(3){width:72%}.foxie-pos-skeleton>em{height:31px;width:55%;margin-top:12px}
@keyframes foxie-pos-shimmer{to{background-position-x:-200%}}
.foxie-pos-catalog-empty{min-height:310px;border:1px dashed var(--foxie-border);border-radius:15px;background:var(--foxie-surface-raised);padding:30px}
.foxie-pos-catalog-empty button{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--pos-ring);border-radius:9px;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));color:var(--foxie-accent);font-size:12px;font-weight:780;cursor:pointer}
.foxie-pos-checkout{box-shadow:-12px 0 42px #00000008}
.foxie-pos-checkout-head{padding:23px 24px 17px}
.foxie-pos-checkout-head h2{font-size:21px}
.foxie-pos-customer{margin:15px 18px;border-radius:11px;min-height:55px}
.foxie-pos-cart-list{padding:5px 19px}
.foxie-pos-cart-item{padding:17px 0}
.foxie-pos-cart-item-top strong{font-size:12px;font-weight:780}
.foxie-pos-cart-footer{padding:19px 21px 21px}
.foxie-pos-total strong{font-size:29px}
.foxie-pos-finalize.is-ready{box-shadow:0 9px 27px color-mix(in srgb,var(--foxie-accent) 21%,transparent);font-weight:830;min-height:51px}
.foxie-pos-catalog-overlay{z-index:2560}
.foxie-pos-catalog-manager{display:flex;flex-direction:column;width:min(970px,96vw);max-height:min(89vh,850px);border:1px solid var(--foxie-border);border-radius:20px;overflow:hidden;background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 30px 100px #0004}
.foxie-pos-catalog-manager-head{display:flex;align-items:center;gap:16px;padding:22px 25px;border-bottom:1px solid var(--foxie-border);background:linear-gradient(105deg,color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised)),var(--foxie-surface-raised))}
.foxie-pos-catalog-manager-head>div{flex:1;min-width:0}.foxie-pos-catalog-manager-head small{font-size:12px;font-weight:850;letter-spacing:.11em;color:var(--foxie-accent)}.foxie-pos-catalog-manager-head h2{font-size:23px;letter-spacing:-.044em;margin:4px 0}.foxie-pos-catalog-manager-head p{font-size:12px;color:var(--foxie-muted);margin:0}
.foxie-pos-catalog-manager-body{overflow-y:auto;padding:22px 25px;min-height:0}
.foxie-pos-catalog-manager-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.foxie-pos-catalog-manager-summary span{display:grid;gap:8px;padding:15px;border-radius:11px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft)}
.foxie-pos-catalog-manager-summary small{font-size:12px;color:var(--foxie-muted)}.foxie-pos-catalog-manager-summary strong{font-size:25px;letter-spacing:-.04em}
.foxie-pos-catalog-manager-controls{display:flex;gap:9px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--foxie-border)}
.foxie-pos-catalog-manager-controls label{display:flex;align-items:center;gap:9px;flex:1;padding:0 12px;min-width:0;height:42px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:10px;color:var(--foxie-muted)}
.foxie-pos-catalog-manager-controls label input{flex:1;min-width:0;outline:none;border:0;background:transparent;color:var(--foxie-ink);font-size:12px}
.foxie-pos-catalog-manager-controls select{height:42px;padding:0 12px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);color:var(--foxie-ink);border-radius:10px;font-size:12px}
.foxie-pos-catalog-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:14px}
.foxie-pos-catalog-manager-item{display:flex;align-items:center;gap:11px;min-width:0;min-height:82px;padding:12px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft)}
.foxie-pos-catalog-manager-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised));color:var(--foxie-accent)}
.foxie-pos-catalog-manager-info{display:grid;gap:4px;min-width:0;flex:1}.foxie-pos-catalog-manager-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxie-pos-catalog-manager-info small,.foxie-pos-catalog-manager-info em{font-size:12px;color:var(--foxie-muted);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-pos-catalog-toggle{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-muted);background:var(--foxie-surface-raised);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.foxie-pos-catalog-toggle.enabled{color:var(--foxie-accent);border-color:var(--pos-ring);background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised))}.foxie-pos-catalog-toggle:disabled{opacity:.45;cursor:not-allowed}
.foxie-pos-catalog-disabled{font-size:12px;font-weight:850;color:#b77649;white-space:nowrap}
.foxie-pos-catalog-manager-state{min-height:145px;display:flex;align-items:center;justify-content:center;gap:11px;flex-direction:column;color:var(--foxie-muted);font-size:12px}.foxie-pos-catalog-manager-state a{color:var(--foxie-accent)}
.foxie-pos-catalog-manager-pager{display:flex;justify-content:space-between;align-items:center;padding:15px 2px;color:var(--foxie-muted);font-size:12px}.foxie-pos-catalog-manager-pager div{display:flex;gap:8px}.foxie-pos-catalog-manager-pager button{border:1px solid var(--foxie-border);border-radius:8px;padding:7px 11px;color:var(--foxie-ink);background:var(--foxie-surface-soft);cursor:pointer}.foxie-pos-catalog-manager-pager button:disabled{opacity:.4}
.foxie-pos-catalog-manager-help{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.6;color:var(--foxie-muted);border-top:1px solid var(--foxie-border);padding-top:14px}.foxie-pos-catalog-manager-help .v-icon{flex:none}
.foxie-pos-catalog-manager .foxie-pos-desk-notice button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
@media(max-width:1080px){.foxie-pos-workspace{grid-template-columns:minmax(0,1fr) minmax(295px,340px)}.foxie-pos-products{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.foxie-pos-product-photo{height:140px}.foxie-pos-product{min-height:278px}}
@media(max-width:780px){.foxie-pos-workspace{display:flex;flex-direction:column}.foxie-pos-catalog{padding:20px 16px 30px}.foxie-pos-checkout{min-height:440px}.foxie-pos-session-callout{flex-wrap:wrap}.foxie-pos-session-callout>button{width:100%}.foxie-pos-catalog-manager-grid{grid-template-columns:1fr}.foxie-pos-catalog-manager{width:100%;height:100%;max-height:100%;border-radius:0}.foxie-pos-catalog-manager-head,.foxie-pos-catalog-manager-body{padding:16px}.foxie-pos-catalog-manager-summary span{padding:10px}.foxie-pos-catalog-manager-controls{flex-wrap:wrap}.foxie-pos-catalog-manager-controls label{flex-basis:100%}}
@media(max-width:470px){.foxie-pos-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.foxie-pos-product{min-height:256px;padding:7px}.foxie-pos-product-photo{height:120px}.foxie-pos-product-copy strong{font-size:12px}.foxie-pos-product-bottom strong{font-size:12px}.foxie-pos-catalog-manager-head .foxie-pos-mark{display:none}.foxie-pos-catalog-manager-summary strong{font-size:22px}.foxie-pos-catalog-manager-item{flex-wrap:wrap}.foxie-pos-catalog-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.foxie-pos-skeleton>*,.foxie-pos-product-photo img{animation:none!important;transition:none!important}}/* FoxieERP PDV.vue structure: single command header, fixed catalog filters, scrollable product grid, independent cart.
   Dedicated Foxie styling; no dashboard widgets, status ribbons or tutorial cards. */
.foxie-pos{display:flex!important;flex-direction:column;grid-template-rows:none!important;height:100dvh;min-height:0;overflow:hidden;background:var(--foxie-surface)}
.foxie-pos .foxie-pos-toolbar{flex:0 0 auto;min-height:64px;padding:9px clamp(12px,1.5vw,24px);gap:12px;flex-wrap:nowrap;box-shadow:none;border-bottom:1px solid var(--foxie-border)}
.foxie-pos .foxie-pos-identity{gap:9px}
.foxie-pos .foxie-pos-exit{width:34px;height:34px;flex-basis:34px;border-radius:8px;background:transparent}
.foxie-pos .foxie-pos-mark{width:36px;height:36px;border-radius:9px;box-shadow:none}
.foxie-pos .foxie-pos-mark .v-icon{font-size:20px!important}
.foxie-pos .foxie-pos-identity h1{font-size:18px;line-height:1.1;margin:3px 0 0;letter-spacing:-.03em}
.foxie-pos .foxie-pos-breadcrumb{font-size:12px;gap:5px}
.foxie-pos .foxie-pos-toolbar-actions{gap:8px}
.foxie-pos .foxie-pos-status-register{display:flex;align-items:center;gap:9px;min-height:40px;max-width:255px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-raised);padding:6px 10px;color:var(--foxie-ink);cursor:pointer;text-align:left}
.foxie-pos .foxie-pos-status-register>span:nth-child(2){display:grid;min-width:0;gap:2px}
.foxie-pos .foxie-pos-status-register strong{font-size:12px;max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-pos .foxie-pos-status-register small{font-size:12px;color:var(--foxie-muted)}
.foxie-pos .foxie-pos-status-register>.v-icon{color:var(--foxie-muted)}
.foxie-pos-register-light{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#c28a47;box-shadow:0 0 0 3px #c28a471a}
.foxie-pos-status-register.is-open .foxie-pos-register-light{background:#2f9d71;box-shadow:0 0 0 3px #2f9d7118}
.foxie-pos .foxie-pos-toolbar-button{height:40px;background:transparent;border-radius:9px;padding:0 12px}
.foxie-pos .foxie-pos-workspace{flex:1;min-height:0;height:auto;grid-template-columns:minmax(0,1fr) minmax(315px,355px);overflow:hidden}
.foxie-pos .foxie-pos-catalog{display:flex;flex-direction:column;min-height:0;min-width:0;padding:0!important;overflow:hidden!important;background:var(--foxie-surface)}
.foxie-pos-catalog-commandbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:14px 17px 9px;background:var(--foxie-surface-raised)}
.foxie-pos-catalog-commandbar .foxie-pos-search{flex:1;min-width:0;height:42px;margin:0!important;box-shadow:none;border-radius:9px;background:var(--foxie-surface)}
.foxie-pos-catalog-commandbar .foxie-pos-search input{font-size:12px}
.foxie-pos-catalog-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface);color:var(--foxie-muted);cursor:pointer}
.foxie-pos-catalog-icon:hover{border-color:var(--foxie-accent);color:var(--foxie-accent)}
.foxie-pos-catalog-icon:disabled{opacity:.42;cursor:not-allowed}
.foxie-pos-catalog-commandbar .foxie-pos-catalog-manage{height:40px;min-height:40px;white-space:nowrap;padding:0 12px;border:1px solid var(--foxie-border);background:var(--foxie-surface);color:var(--foxie-ink);border-radius:8px;font-size:12px;font-weight:750}
.foxie-pos-catalog-commandbar .foxie-pos-catalog-manage:hover{border-color:var(--foxie-accent);color:var(--foxie-accent);background:var(--foxie-surface-soft)}
.foxie-pos .foxie-pos-categories{flex:0 0 auto;min-height:44px;margin:0;padding:0 17px 10px;gap:6px;background:var(--foxie-surface-raised);border-bottom:1px solid var(--foxie-border)}
.foxie-pos .foxie-pos-category,.foxie-pos .foxie-pos-category-more{min-height:30px;padding:5px 10px;border-radius:7px;font-size:12px}
.foxie-pos .foxie-pos-category.active{box-shadow:none}
.foxie-pos-catalog-meta{flex:0 0 auto;min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:9px;padding:9px 18px;color:var(--foxie-muted);font-size:12px;font-weight:740;background:var(--foxie-surface)}
.foxie-pos .foxie-pos-products{flex:1;min-height:0;min-width:0;align-content:start;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(169px,1fr));gap:11px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;padding:0 18px 18px}
.foxie-pos .foxie-pos-product{min-height:265px;gap:8px;padding:7px;border:1px solid var(--foxie-border);border-radius:10px;box-shadow:none}
.foxie-pos .foxie-pos-product:hover:not(:disabled){transform:translateY(-1px);border-color:var(--foxie-accent);box-shadow:0 7px 22px #0000000b}
.foxie-pos .foxie-pos-product-photo{height:144px;border-radius:7px;background:var(--foxie-surface-soft)}
.foxie-pos .foxie-pos-product-copy{gap:5px;padding:0 3px}
.foxie-pos .foxie-pos-product-copy strong{font-size:12px;min-height:29px}
.foxie-pos .foxie-pos-product-copy small{font-size:12px}
.foxie-pos .foxie-pos-product-copy em{font-size:12px}
.foxie-pos .foxie-pos-product-bottom{padding:8px 3px 0}
.foxie-pos .foxie-pos-product-bottom .foxie-pos-price-block strong{font-size:13px}
.foxie-pos .foxie-pos-product-bottom>span:last-child{width:29px;height:29px;flex-basis:29px;border-radius:7px}
.foxie-pos .foxie-pos-photo-stock{font-size:12px;padding:4px 6px;border-radius:5px}
.foxie-pos .foxie-pos-pager{flex:0 0 auto;margin:0;padding:11px 18px;border-top:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
.foxie-pos .foxie-pos-catalog>.foxie-pos-message{flex:1;min-height:0;margin:10px 18px 18px}
.foxie-pos .foxie-pos-checkout{min-width:0;min-height:0;box-shadow:none;border-left:1px solid var(--foxie-border)}
.foxie-pos .foxie-pos-checkout-head{min-height:65px;padding:14px 17px 11px}
.foxie-pos .foxie-pos-checkout-head small{font-size:12px}
.foxie-pos .foxie-pos-checkout-head h2{font-size:18px;margin:3px 0 0}
.foxie-pos-cart-head-actions{display:flex;align-items:center;gap:6px}
.foxie-pos .foxie-pos-customer{margin:13px 15px 4px;min-height:51px}
.foxie-pos .foxie-pos-cart-list{padding:7px 15px}
.foxie-pos .foxie-pos-cart-item{padding:12px 0}
.foxie-pos .foxie-pos-cart-footer{padding:13px 17px 15px;box-shadow:none}
.foxie-pos .foxie-pos-cart-footer>div{margin-bottom:7px}
.foxie-pos .foxie-pos-total{margin-top:9px!important;padding-top:11px!important}
.foxie-pos .foxie-pos-total strong{font-size:25px}
.foxie-pos .foxie-pos-finalize{min-height:48px;border-radius:9px}
.foxie-pos-checkout-info{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0!important;color:var(--foxie-muted);font-size:12px!important;line-height:1.5!important}
.foxie-pos-checkout-info>.v-icon{flex:none;margin-top:1px}
.foxie-pos-mobile-close,.foxie-pos-mobile-cart-trigger,.foxie-pos-mobile-cart-backdrop{display:none!important}
@media(max-width:1050px){.foxie-pos .foxie-pos-workspace{grid-template-columns:minmax(0,1fr) 310px}.foxie-pos .foxie-pos-products{grid-template-columns:repeat(auto-fill,minmax(157px,1fr))}.foxie-pos .foxie-pos-product-photo{height:133px}}
@media(max-width:780px){
 .foxie-pos .foxie-pos-toolbar{min-height:62px;padding:9px 12px}
 .foxie-pos .foxie-pos-identity h1{font-size:16px}
 .foxie-pos .foxie-pos-toolbar-button{width:36px;padding:0;justify-content:center}
 .foxie-pos .foxie-pos-toolbar-button span{display:none}
 .foxie-pos .foxie-pos-status-register{max-width:165px;min-height:38px;padding:5px 8px}
 .foxie-pos .foxie-pos-status-register strong{font-size:12px;max-width:112px}
 .foxie-pos .foxie-pos-status-register small{font-size:12px}
 .foxie-pos .foxie-pos-mark{display:none}
 .foxie-pos .foxie-pos-workspace{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
 .foxie-pos .foxie-pos-catalog{height:100%;min-height:0}
 .foxie-pos .foxie-pos-products{padding-bottom:89px}
 .foxie-pos .foxie-pos-checkout{position:fixed;top:0;right:0;bottom:0;z-index:2511;width:min(430px,100vw);height:100dvh;min-height:0;border-left:1px solid var(--foxie-border);transform:translateX(103%);transition:transform .22s ease;box-shadow:-15px 0 60px #00000029}
 .foxie-pos .foxie-pos-checkout.is-mobile-open{transform:translateX(0)}
 .foxie-pos .foxie-pos-mobile-close{display:grid!important}
 .foxie-pos .foxie-pos-mobile-cart-backdrop{display:block!important;position:fixed;inset:0;z-index:2510;background:#0007;backdrop-filter:blur(3px)}
 .foxie-pos .foxie-pos-mobile-cart-trigger{position:fixed;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));z-index:2499;min-height:54px;display:flex!important;align-items:center;gap:10px;padding:0 17px;border:1px solid color-mix(in srgb,var(--foxie-accent) 65%,var(--foxie-border));border-radius:12px;background:var(--foxie-accent);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 30px #0003}
 .foxie-pos .foxie-pos-mobile-cart-trigger strong{margin-left:auto;color:#fff;font-size:13px}
 .foxie-pos .foxie-pos-mobile-cart-trigger>.v-icon:last-child{opacity:.75}
}
@media(max-width:490px){.foxie-pos .foxie-pos-exit{width:31px;flex-basis:31px}.foxie-pos .foxie-pos-identity{gap:6px}.foxie-pos .foxie-pos-toolbar-actions{gap:4px}.foxie-pos .foxie-pos-status-register{max-width:132px}.foxie-pos .foxie-pos-status-register strong{max-width:80px}.foxie-pos .foxie-pos-catalog-commandbar{padding:10px 10px 8px;gap:5px}.foxie-pos .foxie-pos-catalog-commandbar .foxie-pos-search{height:40px;padding-left:9px}.foxie-pos .foxie-pos-catalog-commandbar .foxie-pos-search input{font-size:12px}.foxie-pos .foxie-pos-catalog-commandbar .foxie-pos-catalog-manage{width:37px;padding:0;overflow:hidden;font-size:0;justify-content:center}.foxie-pos .foxie-pos-catalog-commandbar .foxie-pos-catalog-manage>.v-icon{font-size:19px!important}.foxie-pos .foxie-pos-catalog-icon{width:37px;flex-basis:37px}.foxie-pos .foxie-pos-categories{padding:0 10px 9px}.foxie-pos-catalog-meta{padding:7px 10px}.foxie-pos .foxie-pos-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 90px}.foxie-pos .foxie-pos-product{min-height:248px}.foxie-pos .foxie-pos-product-photo{height:121px}}
@media(prefers-reduced-motion:reduce){.foxie-pos .foxie-pos-checkout{transition:none}}
/* Foxie Commerce / ERP-grade configurable operational worklist. */
.foxie-order-board{--grid-stroke:color-mix(in srgb,var(--foxie-border) 82%,transparent);--grid-soft:color-mix(in srgb,var(--foxie-ink) 2%,var(--foxie-surface-raised))}
.foxie-order-board .foxie-order-panel{overflow:visible;box-shadow:0 10px 35px #00000005}
.foxie-order-metrics{gap:12px;margin-bottom:17px}
.foxie-order-metrics article{min-height:105px;background:linear-gradient(135deg,var(--foxie-surface-raised),color-mix(in srgb,var(--foxie-accent) 2%,var(--foxie-surface-raised)));border-radius:14px;box-shadow:0 4px 14px #00000004}
.foxie-order-metric-icon{width:42px;height:42px;border-radius:12px}
.foxie-order-panel-head{padding:22px 23px 16px}
.foxie-order-panel-head h2{font-size:20px;font-weight:820}
.foxie-order-overline{letter-spacing:.15em}
.foxie-order-panel-actions{position:relative;flex-wrap:wrap}
.foxie-order-panel-actions>button,.foxie-order-grid-column-menu>button{min-height:37px;font-size:12px}
.foxie-order-grid-column-menu{position:relative;z-index:9}
.foxie-order-columns-panel{position:absolute;top:calc(100% + 9px);right:0;z-index:12;min-width:264px;max-height:420px;overflow-y:auto;padding:10px;border:1px solid var(--foxie-border);border-radius:14px;background:var(--foxie-surface-raised);box-shadow:0 18px 60px #00000029}
.foxie-order-columns-panel header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 12px;margin-bottom:5px;border-bottom:1px solid var(--foxie-border)}
.foxie-order-columns-panel header strong{font-size:12px}.foxie-order-columns-panel header button{border:0;color:var(--foxie-muted);background:transparent;cursor:pointer}
.foxie-order-columns-panel label{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;font-size:12px;color:var(--foxie-ink);cursor:pointer}
.foxie-order-columns-panel label:hover{background:var(--foxie-surface-soft)}
.foxie-order-columns-panel label input{accent-color:var(--foxie-accent);width:15px;height:15px}
.foxie-order-columns-panel label input:disabled{opacity:.5}
.foxie-order-columns-panel p{font-size:12px;color:var(--foxie-muted);padding:0 10px}
.foxie-order-grid-density{display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);min-height:37px;color:var(--foxie-muted)}
.foxie-order-grid-density select{font-size:12px;font-weight:750;background:transparent;border:0;outline:none;color:var(--foxie-ink);cursor:pointer}
.foxie-order-grid-density select option{background:var(--foxie-surface-raised)}
.foxie-order-period-bar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 22px;border-top:1px solid var(--foxie-border);background:color-mix(in srgb,var(--foxie-surface-soft) 60%,var(--foxie-surface-raised))}
.foxie-order-period-bar>span:first-child{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--foxie-muted);font-weight:760;margin-right:4px}
.foxie-order-period-bar button{min-height:29px;padding:5px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--foxie-muted);font-size:12px;font-weight:750;cursor:pointer}
.foxie-order-period-bar button:hover{border-color:var(--foxie-border)}
.foxie-order-period-bar button.active{background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-raised));color:var(--foxie-accent);border-color:color-mix(in srgb,var(--foxie-accent) 29%,var(--foxie-border))}
.foxie-order-period-bar .foxie-order-grid-runtime{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;color:var(--foxie-muted)}
.foxie-order-filters{gap:8px;padding:12px 20px}
.foxie-order-grid-scroll{position:relative;min-height:200px;max-height:min(68dvh,790px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--foxie-surface-raised)}
.foxie-order-grid-inner{min-width:fit-content;width:100%;position:relative}
.foxie-order-grid-header,.foxie-order-grid-row{display:grid;grid-template-columns:var(--order-grid-template);min-width:100%;width:100%}
.foxie-order-grid-header{position:sticky;top:0;z-index:4;min-height:48px;background:color-mix(in srgb,var(--foxie-surface-soft) 88%,var(--foxie-surface-raised));border-top:1px solid var(--foxie-border);border-bottom:1px solid var(--foxie-border);box-shadow:0 5px 9px #00000006}
.foxie-order-grid-header>div{display:flex;align-items:center;gap:6px;padding:13px 13px;min-width:0;overflow:hidden;font-size:12px;white-space:nowrap;color:var(--foxie-muted);text-transform:uppercase;font-weight:890;letter-spacing:.065em}
.foxie-order-grid-header>div+div,.foxie-order-grid-row>div+div{border-left:1px solid color-mix(in srgb,var(--foxie-border) 58%,transparent)}
.foxie-order-grid-header>div button{display:flex;align-items:center;gap:7px;font:inherit;letter-spacing:inherit;text-transform:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:0}
.foxie-order-grid-header button:hover{color:var(--foxie-accent)}
.foxie-order-grid-row{min-height:76px;border-bottom:1px solid var(--grid-stroke);cursor:pointer;background:var(--foxie-surface-raised);transition:background .14s ease,box-shadow .14s ease}
.foxie-order-grid-row:nth-child(2n){background:color-mix(in srgb,var(--foxie-surface-soft) 30%,var(--foxie-surface-raised))}
.foxie-order-grid-row:hover,.foxie-order-grid-row:focus-visible{background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised));box-shadow:inset 3px 0 var(--foxie-accent);outline:0}
.foxie-order-grid-row>div{min-width:0;display:flex;align-items:center;padding:12px 13px;overflow:hidden;font-size:12px}
.foxie-order-grid-row .foxie-order-grid-id,.foxie-order-grid-row .foxie-order-grid-date,.foxie-order-grid-row .foxie-order-grid-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}
.foxie-order-grid-id a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;text-decoration:none;color:var(--foxie-accent);font-size:12px;font-weight:860;letter-spacing:-.017em}
.foxie-order-grid-row small{display:block;white-space:nowrap;font-size:12px;color:var(--foxie-muted)}
.foxie-order-grid-date strong{font-size:12px;font-weight:780;white-space:nowrap}
.foxie-order-grid-client{display:flex;align-items:center;gap:10px;min-width:0}
.foxie-order-grid-client .foxie-order-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px}
.foxie-order-grid-client>span:last-child{min-width:0;display:grid;gap:5px}
.foxie-order-grid-client strong{font-size:12px;display:block;font-weight:820;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foxie-order-grid-client small{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.foxie-order-grid-row .foxie-order-responsible{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--foxie-ink)}
.foxie-order-grid-row .foxie-order-channel{font-size:12px;padding:6px 7px;background:var(--foxie-surface-soft)}
.foxie-order-grid-row .foxie-order-state,.foxie-order-grid-row .foxie-order-finance{font-size:12px;padding:7px 9px;border-radius:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.foxie-order-grid-price strong{font-size:12px;font-weight:850;white-space:nowrap}
.foxie-order-grid-actions{justify-content:center}
.foxie-order-grid-actions a{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--foxie-border);border-radius:9px;background:var(--foxie-surface-soft);color:var(--foxie-muted)}
.foxie-order-grid-actions a:hover{border-color:var(--foxie-accent);color:var(--foxie-accent)}
.foxie-order-grid-placeholder{display:flex;align-items:center;justify-content:center;gap:9px;min-height:250px;flex-direction:column;color:var(--foxie-muted);font-size:12px;background:var(--foxie-surface-raised)}
.foxie-order-grid-placeholder>.v-icon{color:var(--foxie-accent)}
.foxie-order-grid-placeholder strong{font-size:14px;color:var(--foxie-ink)}
.foxie-order-grid-placeholder a{display:inline-flex;align-items:center;gap:6px;color:var(--foxie-accent);font-size:12px;font-weight:760;text-decoration:none;margin-top:6px}
.foxie-order-grid-scroll.is-compact .foxie-order-grid-row{min-height:52px}
.foxie-order-grid-scroll.is-compact .foxie-order-grid-row>div{padding-top:7px;padding-bottom:7px}
.foxie-order-grid-scroll.is-compact .foxie-order-avatar{width:27px;height:27px;flex-basis:27px}
.foxie-order-grid-scroll.is-compact .foxie-order-grid-row .foxie-order-channel,.foxie-order-grid-scroll.is-compact .foxie-order-grid-row .foxie-order-state,.foxie-order-grid-scroll.is-compact .foxie-order-grid-row .foxie-order-finance{padding:4px 7px}
.foxie-order-page-size{display:flex;align-items:center;gap:8px}
.foxie-order-page-size select{font-size:12px;color:var(--foxie-ink);border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:7px;padding:6px}
@media(max-width:1140px){.foxie-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.foxie-order-grid-scroll{max-height:65dvh}.foxie-order-period-bar .foxie-order-grid-runtime{display:none}}
@media(max-width:680px){.foxie-order-panel-head{padding:15px}.foxie-order-panel-actions{width:100%}.foxie-order-panel-actions>button{flex:1}.foxie-order-grid-density{margin-right:auto}.foxie-order-period-bar{padding:9px 12px}.foxie-order-filters{padding:10px}.foxie-order-grid-header,.foxie-order-grid-row{width:max-content;min-width:100%}.foxie-order-grid-scroll{max-height:57dvh}.foxie-order-pagination{flex-wrap:wrap;justify-content:center}.foxie-order-metrics article{min-height:95px}.foxie-order-period-bar button{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.foxie-order-grid-row{transition:none!important}}/* OrderManagement.vue-inspired worklist, StockView.vue visual density.
 * The grid owns the screen. No KPI tiles, stacked banners or secondary dashboards. */
.foxie-order-board{min-width:0}
.foxie-order-board .foxie-order-panel--clean{overflow:visible;border-radius:13px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);box-shadow:0 7px 24px #00000006}
.foxie-order-worklist-toolbar{position:relative;z-index:6;display:flex;align-items:center;gap:9px;min-height:64px;padding:11px 13px;border-bottom:1px solid var(--foxie-border);background:var(--foxie-surface-raised);border-radius:13px 13px 0 0}
.foxie-order-worklist-toolbar .foxie-order-search--clean{flex:1 1 300px;min-width:190px;margin:0;height:40px;border-radius:8px;background:var(--foxie-surface-raised);padding:0 10px}
.foxie-order-worklist-toolbar .foxie-order-search--clean input{font-size:12px}
.foxie-order-clear-search{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:0;border-radius:6px;color:var(--foxie-muted);background:transparent;cursor:pointer}
.foxie-order-toolbar-select{display:flex;align-items:center;flex:0 0 auto;min-width:113px;max-width:180px;height:40px;padding:0 10px;gap:8px;border:1px solid var(--foxie-border);border-radius:8px;background:var(--foxie-surface-raised)}
.foxie-order-toolbar-select span{flex:0 0 auto;color:var(--foxie-muted);font-size:12px;font-weight:750}
.foxie-order-toolbar-select select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foxie-ink);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
.foxie-order-toolbar-select select option{background:var(--foxie-surface-raised);color:var(--foxie-ink)}
.foxie-order-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:6px;margin-left:auto}
.foxie-order-toolbar-count{font-size:12px;font-weight:750;white-space:nowrap;color:var(--foxie-muted);margin-right:3px}
.foxie-order-worklist-toolbar .foxie-order-tool-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--foxie-muted);cursor:pointer}
.foxie-order-worklist-toolbar .foxie-order-tool-icon:hover{border-color:var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-accent)}
.foxie-order-worklist-toolbar .foxie-order-tool-icon:disabled{opacity:.32;cursor:not-allowed}
.foxie-order-worklist-toolbar .foxie-order-grid-column-menu{position:relative;z-index:11}
.foxie-order-worklist-toolbar .foxie-order-columns-panel{top:calc(100% + 9px);right:0;z-index:14;min-width:245px;border-radius:12px;max-height:min(66vh,430px)}
.foxie-order-worklist-toolbar .foxie-order-columns-panel header{padding:7px 9px 10px}
.foxie-order-worklist-toolbar .foxie-order-columns-panel label{padding:7px 9px}
.foxie-order-worklist-toolbar .foxie-order-density-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 4px 0;border-top:1px solid var(--foxie-border);padding-top:13px!important;font-size:12px;font-weight:740}
.foxie-order-worklist-toolbar .foxie-order-density-field select{padding:7px 9px;border:1px solid var(--foxie-border);border-radius:7px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px}
.foxie-order-custom-period{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 13px;border-bottom:1px solid var(--foxie-border);color:var(--foxie-muted);font-size:12px}
.foxie-order-custom-period label{display:flex;align-items:center;gap:7px}
.foxie-order-custom-period input{padding:6px;border:1px solid var(--foxie-border);border-radius:7px;background:var(--foxie-surface-raised);color:var(--foxie-ink);font-size:12px}
.foxie-order-custom-period>button{border:0;color:var(--foxie-accent);font-size:12px;font-weight:750;background:transparent;cursor:pointer}
.foxie-order-board .foxie-order-grid-scroll{max-height:calc(100dvh - 290px);min-height:190px;border-radius:0;background:var(--foxie-surface-raised)}
.foxie-order-board .foxie-order-grid-header{min-height:39px;background:color-mix(in srgb,var(--foxie-ink) 2%,var(--foxie-surface-raised));box-shadow:none;border-top:0;border-bottom:1px solid var(--foxie-border)}
.foxie-order-board .foxie-order-grid-header>div{padding:9px 11px;font-size:12px;font-weight:820;letter-spacing:.05em}
.foxie-order-board .foxie-order-grid-row{min-height:60px;border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 85%,transparent);box-shadow:none;background:var(--foxie-surface-raised)}
.foxie-order-board .foxie-order-grid-row:nth-child(2n){background:var(--foxie-surface-raised)}
.foxie-order-board .foxie-order-grid-row:hover,.foxie-order-board .foxie-order-grid-row:focus-visible{background:color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised));box-shadow:inset 2px 0 var(--foxie-accent)}
.foxie-order-board .foxie-order-grid-row>div{padding:9px 11px}
.foxie-order-board .foxie-order-grid-row .foxie-order-grid-date,.foxie-order-board .foxie-order-grid-row .foxie-order-grid-id,.foxie-order-board .foxie-order-grid-row .foxie-order-grid-price{gap:3px}
.foxie-order-board .foxie-order-grid-id a{font-size:12px}
.foxie-order-board .foxie-order-grid-id small{font-size:12px}
.foxie-order-board .foxie-order-grid-client .foxie-order-avatar{width:31px;height:31px;flex-basis:31px;border-radius:8px}
.foxie-order-board .foxie-order-grid-client{gap:8px}
.foxie-order-board .foxie-order-grid-client strong{font-size:12px}
.foxie-order-board .foxie-order-grid-row small{font-size:12px}
.foxie-order-board .foxie-order-grid-row .foxie-order-state,.foxie-order-board .foxie-order-grid-row .foxie-order-finance{font-size:12px;padding:5px 7px;border-radius:6px}
.foxie-order-board .foxie-order-grid-row .foxie-order-channel{font-size:12px;padding:4px 6px;border-radius:6px}
.foxie-order-board .foxie-order-grid-actions a{height:28px;width:28px;border-color:transparent;background:transparent}
.foxie-order-board .foxie-order-grid-scroll.is-compact .foxie-order-grid-row{min-height:44px}
.foxie-order-board .foxie-order-pagination{min-height:51px;padding:9px 13px;font-size:12px;background:var(--foxie-surface-raised);border-radius:0 0 13px 13px}
.foxie-order-board .foxie-order-grid-placeholder{min-height:240px;background:var(--foxie-surface-raised)}
.foxie-order-board .foxie-order-grid-placeholder>.v-icon{opacity:.6}
@media(max-width:1130px){.foxie-order-worklist-toolbar{flex-wrap:wrap;gap:8px}.foxie-order-worklist-toolbar .foxie-order-search--clean{flex:1 0 calc(100% - 132px)}.foxie-order-toolbar-actions{margin-left:auto}.foxie-order-board .foxie-order-grid-scroll{max-height:calc(100dvh - 330px)}}
@media(max-width:680px){.foxie-order-worklist-toolbar{padding:9px;gap:7px}.foxie-order-worklist-toolbar .foxie-order-search--clean{flex:1 0 100%;min-width:0}.foxie-order-toolbar-select{flex:1 1 28%;min-width:100px;max-width:none;padding:0 6px;gap:3px}.foxie-order-toolbar-select span{font-size:12px}.foxie-order-toolbar-select select{font-size:12px}.foxie-order-toolbar-actions{flex:1 0 100%;justify-content:flex-end}.foxie-order-toolbar-count{margin-right:auto}.foxie-order-custom-period{flex-wrap:wrap}.foxie-order-board .foxie-order-grid-scroll{max-height:calc(100dvh - 390px)}.foxie-order-board .foxie-order-pagination{flex-wrap:wrap;gap:8px}.foxie-order-board .foxie-order-grid-row{min-height:55px}}
/* Commerce 2C.2 · traceable full cash refunds. Foxie theme, not generic VDialog. */
.foxie-order-refund-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid color-mix(in srgb,#c66e55 36%,var(--foxie-border));border-radius:9px;background:color-mix(in srgb,#d8714d 8%,var(--foxie-surface-raised));color:#c76e53;font-size:12px;font-weight:800;cursor:pointer;transition:background .16s,border-color .16s}
.foxie-order-refund-trigger:hover{background:color-mix(in srgb,#d8714d 15%,var(--foxie-surface-raised));border-color:#c76e53}
.foxie-order-detail-history.is-refund .foxie-order-history-dot{background:#c76e53;box-shadow:0 0 0 4px #c76e531b}
.foxie-order-detail-history.is-refund strong{color:#c76e53}
.foxie-order-detail-history.is-refund small{display:block;line-height:1.6}
.foxie-order-refund-backdrop{z-index:2600;backdrop-filter:blur(8px)}
.foxie-order-refund-modal{width:min(100%,540px);max-height:min(92dvh,795px);overflow:hidden;display:flex;flex-direction:column;background:var(--foxie-surface-raised);color:var(--foxie-ink);border:1px solid var(--foxie-border);border-radius:22px;box-shadow:0 30px 115px #0005}
.foxie-order-refund-modal>header{display:flex;align-items:center;gap:14px;min-height:104px;padding:23px 25px;border-bottom:1px solid var(--foxie-border);background:linear-gradient(118deg,color-mix(in srgb,#bd7058 8%,var(--foxie-surface-raised)),var(--foxie-surface-raised) 88%)}
.foxie-order-refund-modal>header>div{min-width:0;flex:1}
.foxie-order-refund-modal>header small{display:block;margin-bottom:5px;font-size:12px;letter-spacing:.13em;color:#bb7359;font-weight:850}
.foxie-order-refund-modal>header h2{margin:0 0 4px;font-size:23px;font-weight:840;letter-spacing:-.05em;line-height:1.16}
.foxie-order-refund-modal>header p{color:var(--foxie-muted);font-size:12px;margin:0}
.foxie-order-refund-modal>header>button{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-ink);cursor:pointer}
.foxie-order-refund-modal>header>button:disabled{opacity:.45;cursor:not-allowed}
.foxie-order-refund-brand{width:46px;height:46px;flex:none;display:grid;place-items:center;color:#bd7358;border:1px solid #bc725845;border-radius:14px;background:color-mix(in srgb,#bd7358 11%,var(--foxie-surface-raised))}
.foxie-order-refund-body,.foxie-order-refund-completed{display:grid;gap:15px;padding:23px 25px 25px;overflow-y:auto;overscroll-behavior:contain}
.foxie-order-refund-amount{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:112px;padding:18px 20px;border:1px solid color-mix(in srgb,#d17f63 38%,var(--foxie-border));border-radius:15px;background:linear-gradient(100deg,color-mix(in srgb,#cc7454 12%,var(--foxie-surface-raised)),color-mix(in srgb,#cc7454 3%,var(--foxie-surface-raised)))}
.foxie-order-refund-amount>span{display:grid;gap:8px}
.foxie-order-refund-amount small{font-size:12px;font-weight:850;letter-spacing:.09em;color:var(--foxie-muted)}
.foxie-order-refund-amount strong{font-size:30px;letter-spacing:-.055em;color:#c37455}
.foxie-order-refund-amount>.v-icon{color:#b66d55;opacity:.72}
.foxie-order-refund-cash{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--foxie-border);border-radius:11px;background:var(--foxie-surface-soft)}
.foxie-order-refund-cash>.v-icon{color:#c07755}
.foxie-order-refund-cash.ready>.v-icon{color:#279c75}
.foxie-order-refund-cash>div{flex:1;min-width:0;display:grid;gap:4px}
.foxie-order-refund-cash strong{font-size:12px}
.foxie-order-refund-cash small{font-size:12px;line-height:1.5;color:var(--foxie-muted)}
.foxie-order-refund-cash>a{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--foxie-accent);font-size:12px;text-decoration:none;font-weight:770}
.foxie-order-refund-progress{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--foxie-muted)}
.foxie-order-refund-field{display:grid;gap:8px;font-size:12px;font-weight:780}
.foxie-order-refund-field>span{display:flex;justify-content:space-between;gap:9px}
.foxie-order-refund-field small{font-weight:500;color:var(--foxie-muted);font-size:12px}
.foxie-order-refund-field textarea,.foxie-order-refund-field input{width:100%;min-height:46px;border:1px solid var(--foxie-border);border-radius:10px;outline:none;background:var(--foxie-surface-soft);color:var(--foxie-ink);padding:12px 13px;font:inherit;font-size:12px}
.foxie-order-refund-field textarea{min-height:88px;resize:vertical;line-height:1.55}
.foxie-order-refund-field textarea:focus,.foxie-order-refund-field input:focus{border-color:var(--foxie-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--foxie-accent) 8%,transparent)}
.foxie-order-refund-field input:disabled,.foxie-order-refund-field textarea:disabled{opacity:.5}
.foxie-order-refund-warning{display:flex;align-items:flex-start;gap:8px;padding:12px 13px;border:1px solid #d3895142;border-radius:10px;background:color-mix(in srgb,#d38951 7%,var(--foxie-surface-raised));color:var(--foxie-muted);font-size:12px;line-height:1.65}
.foxie-order-refund-warning>.v-icon{color:#b98439;flex:none}
.foxie-order-refund-error{display:flex;align-items:center;gap:8px;color:#ce5c61;background:#ce5c610e;border:1px solid #ce5c614b;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}
.foxie-order-refund-body>footer{display:flex;align-items:center;gap:10px;padding-top:5px}
.foxie-order-refund-body>footer button{flex:1;min-height:46px;border:1px solid var(--foxie-border);border-radius:10px;background:var(--foxie-surface-soft);color:var(--foxie-ink);font-size:12px;font-weight:780;cursor:pointer}
.foxie-order-refund-modal .foxie-order-refund-primary{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b36c54;background:#ae6b54;color:#fff;box-shadow:0 7px 19px #a6543b22}
.foxie-order-refund-modal .foxie-order-refund-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.foxie-order-refund-completed{text-align:center;justify-items:center;padding-top:28px}
.foxie-order-refund-completed>.v-icon{color:#219c72;width:66px;height:66px;border:1px solid #219c7247;border-radius:20px;background:#219c720d}
.foxie-order-refund-completed h3{font-size:21px;letter-spacing:-.04em;margin:0}
.foxie-order-refund-completed>p{color:var(--foxie-muted);font-size:12px;line-height:1.7;margin:0}
.foxie-order-refund-completed>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);padding:13px;border-radius:9px;font-size:12px}
.foxie-order-refund-completed>div span{color:var(--foxie-muted)}
.foxie-order-refund-completed>div strong{font-size:12px;overflow-wrap:anywhere}
.foxie-order-refund-completed>.foxie-order-refund-primary{width:100%;min-height:44px;border-radius:10px;cursor:pointer;font-weight:800}
@media(max-width:610px){.foxie-order-refund-backdrop{align-items:flex-end;padding:0}.foxie-order-refund-modal{width:100%;max-height:94dvh;border-radius:20px 20px 0 0}.foxie-order-refund-modal>header{padding:18px}.foxie-order-refund-body,.foxie-order-refund-completed{padding:18px}.foxie-order-refund-modal>header h2{font-size:20px}.foxie-order-refund-amount strong{font-size:25px}.foxie-order-refund-cash{flex-wrap:wrap}.foxie-order-refund-cash>a{margin-left:32px}}
@media(prefers-reduced-motion:reduce){.foxie-order-refund-trigger{transition:none}}
/* A real reversal is visibly distinct from ordinary cancellation. */
.foxie-order-refund-audit{display:flex;align-items:center;gap:15px;padding:17px 19px;margin:0 0 16px;border:1px solid color-mix(in srgb,#b16f52 36%,var(--foxie-border));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,#bc7254 10%,var(--foxie-surface-raised)),var(--foxie-surface-raised));color:var(--foxie-ink);box-shadow:0 6px 24px #00000005}
.foxie-order-refund-audit-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid color-mix(in srgb,#bd7058 30%,var(--foxie-border));border-radius:12px;color:#b87257;background:color-mix(in srgb,#c87755 8%,var(--foxie-surface-raised))}
.foxie-order-refund-audit>div{display:grid;gap:5px;flex:1;min-width:0}
.foxie-order-refund-audit>div small{font-size:12px;font-weight:850;letter-spacing:.1em;color:#b67b60}
.foxie-order-refund-audit>div strong{font-size:13px;font-weight:850;letter-spacing:-.02em}
.foxie-order-refund-audit>div p{font-size:12px;line-height:1.6;color:var(--foxie-muted);margin:0}
.foxie-order-refund-audit>div span{font-size:12px;font-weight:790;color:var(--foxie-ink)}
.foxie-order-refund-audit>.v-icon{color:#b47e60}
.foxie-order-finance.is-refunded{color:#b47e60!important;border-color:color-mix(in srgb,#b47e60 20%,var(--foxie-border));background:color-mix(in srgb,#b47e60 8%,var(--foxie-surface-raised))}
@media(max-width:610px){.foxie-order-refund-audit{padding:14px;align-items:flex-start}.foxie-order-refund-audit-icon{height:40px;width:40px;flex-basis:40px}.foxie-order-refund-audit>.v-icon{display:none}}
/* FoxieERP PDV.vue-inspired transactional sidebar: cart/payment tabs inside the same
 * checkout column, never a detached fake wizard or generic settlement modal. */
.foxie-pos .foxie-pos-checkout{overflow:hidden}
.foxie-pos .foxie-pos-checkout-head{min-height:56px;padding:12px 15px}
.foxie-pos-side-tabs{display:flex;flex:0 0 auto;height:44px;padding:0 12px;gap:3px;background:var(--foxie-surface-raised);border-bottom:1px solid var(--foxie-border)}
.foxie-pos-side-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--foxie-muted);font-size:12px;font-weight:850;letter-spacing:.055em;cursor:pointer}
.foxie-pos-side-tabs button:hover:not(:disabled){color:var(--foxie-ink)}
.foxie-pos-side-tabs button.active{color:var(--foxie-accent);border-bottom-color:var(--foxie-accent)}
.foxie-pos-side-tabs button:disabled{opacity:.33;cursor:not-allowed}
.foxie-pos .foxie-pos-checkout .foxie-pos-customer{margin:12px 13px 4px}
.foxie-pos .foxie-pos-payment-side{display:flex;flex:1 1 auto;flex-direction:column;gap:15px;min-height:0;overflow-y:auto;padding:17px 15px 20px;scrollbar-width:thin}
.foxie-pos-payment-side__intro{display:grid;gap:5px}
.foxie-pos-payment-side__intro>span{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--foxie-accent)}
.foxie-pos-payment-side__intro>strong{font-size:16px;line-height:1.3;letter-spacing:-.03em}
.foxie-pos-payment-side__intro>small{font-size:12px;color:var(--foxie-muted);white-space:normal}
.foxie-pos-payment-side__methods{display:grid;gap:8px}
.foxie-pos-pay-chip{width:100%;min-height:67px;display:flex;gap:11px;align-items:center;padding:10px 12px;text-align:left;border-radius:11px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-ink);cursor:pointer;transition:border-color .15s,background .15s}
.foxie-pos-pay-chip:hover:not(:disabled){border-color:var(--foxie-accent)}
.foxie-pos-pay-chip.selected{border-color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 7%,var(--foxie-surface-raised));box-shadow:inset 2px 0 var(--foxie-accent)}
.foxie-pos-pay-chip>i:first-child{color:var(--foxie-accent);flex:0 0 24px}
.foxie-pos-pay-chip>i:last-child{color:var(--foxie-accent);flex:0 0 19px}
.foxie-pos-pay-chip>span{display:grid;gap:4px;min-width:0;flex:1}
.foxie-pos-pay-chip strong{font-size:12px}
.foxie-pos-pay-chip small{font-size:12px;color:var(--foxie-muted)}
.foxie-pos-pay-chip:disabled{opacity:.45;cursor:not-allowed}
.foxie-pos-payment-side__amount{display:grid;gap:8px;margin-top:2px}
.foxie-pos-payment-side__amount>span{font-size:12px;font-weight:850}
.foxie-pos-payment-side__amount>div{display:flex;align-items:center;height:53px;gap:8px;padding:0 12px;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);border-radius:10px}
.foxie-pos-payment-side__amount>div:focus-within{border-color:var(--foxie-accent)}
.foxie-pos-payment-side__amount>div>span{font-size:12px;font-weight:900;color:var(--foxie-muted)}
.foxie-pos-payment-side__amount input{width:100%;outline:0;border:0;background:transparent;color:var(--foxie-ink);font-size:22px;font-weight:850;font-family:inherit;letter-spacing:-.02em}
.foxie-pos-payment-side__change{display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:10px;border:1px solid var(--foxie-border);padding:11px 13px;font-size:12px}
.foxie-pos-payment-side__change>span{font-weight:750;color:var(--foxie-muted)}
.foxie-pos-payment-side__change>strong{font-size:15px;font-variant-numeric:tabular-nums}
.foxie-pos-payment-side__bank{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-soft)}
.foxie-pos-payment-side__bank>i{color:#e83777;flex:none}
.foxie-pos-payment-side__bank strong{font-size:12px}
.foxie-pos-payment-side__bank p{font-size:12px;color:var(--foxie-muted);line-height:1.65;margin-top:7px}
.foxie-pos-payment-side__bank a,.foxie-pos-payment-side__empty a{font-size:12px;font-weight:850;color:var(--foxie-accent);text-decoration:none}
.foxie-pos-payment-side__empty{font-size:12px;color:var(--foxie-muted);line-height:1.65}
.foxie-pos .foxie-pos-payment-side__footer{flex:0 0 auto;padding:13px 15px 16px;border-top:1px solid var(--foxie-border);margin-top:auto}
.foxie-pos-payment-side__back{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:34px;margin-top:7px;background:transparent;border:1px solid var(--foxie-border);border-radius:8px;color:var(--foxie-muted);font-size:12px;font-weight:800;cursor:pointer}
.foxie-pos-payment-side__back:hover{color:var(--foxie-ink);border-color:var(--foxie-accent)}
.foxie-pos .foxie-pos-payment-side__footer .foxie-pos-finalize{font-size:12px;letter-spacing:0}
@media(max-width:780px){.foxie-pos .foxie-pos-checkout{height:100dvh}.foxie-pos .foxie-pos-payment-side{padding:15px}.foxie-pos .foxie-pos-payment-side__footer{padding-bottom:max(17px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.foxie-pos-pay-chip{transition:none}}
/* Sidebar modules: one compact accordion language for Teams + optional products. */
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-nav-clean{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:14px!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card{flex:0 0 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;isolation:isolate;margin:0 1px!important;padding:5px!important;border-radius:13px!important;border:1px solid var(--foxie-border)!important;background:var(--foxie-surface-raised)!important;box-shadow:none!important;transform:none!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card:before,.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card:after{display:none!important;content:none!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card.is-active{border-color:color-mix(in srgb,var(--foxie-accent) 35%,var(--foxie-border))!important;background:color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised))!important}
.sidebar-module-card__header{display:flex!important;align-items:center!important;gap:4px!important;min-height:36px!important;position:relative;z-index:2}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .b-suite-sidebar-header{min-width:0!important;min-height:36px!important;flex:1!important;display:flex!important;align-items:center!important;gap:10px!important;padding:5px 8px!important;border:0!important;border-radius:9px!important;color:var(--sidebar-nav-text,var(--foxie-ink))!important;font-size:12px!important;font-weight:760!important;line-height:1.3!important;letter-spacing:0!important}
.sidebar-module-card .b-suite-sidebar-header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-module-card .b-suite-sidebar-header>.v-icon:first-child{color:var(--sidebar-nav-icon,var(--foxie-ink))!important;flex:none!important}
.sidebar-module-card .b-suite-sidebar-header[aria-expanded="true"],.sidebar-module-card .b-suite-sidebar-header:hover{background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-soft))!important}
.sidebar-module-card .b-suite-sidebar-header[aria-expanded="true"]>.v-icon:first-child{color:var(--foxie-accent)!important}
.sidebar-module-card .b-suite-sidebar-header>.v-icon:last-child{flex:none!important;transition:transform .2s ease!important;color:var(--foxie-muted)!important}
.sidebar-module-card .b-suite-sidebar-header[aria-expanded="true"]>.v-icon:last-child{transform:rotate(180deg)}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .sidebar-team-add{width:30px!important;min-width:30px!important;height:30px!important;margin:0 3px 0 0!important;display:grid!important;place-items:center!important;flex:none!important;border-radius:9px!important;position:static!important;transform:none!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .b-suite-sidebar-links{display:grid!important;min-height:0!important;gap:2px!important;padding:4px 0 2px!important;overflow:visible!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .b-suite-sidebar-link{min-width:0!important;min-height:33px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 10px!important;border-radius:8px!important;color:var(--sidebar-nav-muted,var(--foxie-muted))!important;background:transparent!important;font-size:12px!important;text-decoration:none!important;position:relative}
.sidebar-module-card .b-suite-sidebar-link>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-module-card .b-suite-sidebar-link>svg,.sidebar-module-card .b-suite-sidebar-link>.v-icon{flex:none;color:inherit!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .b-suite-sidebar-link:hover,.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .b-suite-sidebar-link.router-link-exact-active,.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-card .b-suite-sidebar-link.is-meeting-active{background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft))!important;color:var(--foxie-accent)!important}
.sidebar-module-pin{margin-left:auto;opacity:.55}
.sidebar-module-remove{width:22px;height:22px;flex:none;border:0;border-radius:7px;color:var(--foxie-muted);background:transparent;opacity:0;display:grid;place-items:center;cursor:pointer}
.sidebar-module-card .b-suite-sidebar-link:hover .sidebar-module-remove,.sidebar-module-remove:focus-visible{opacity:1}
.sidebar-module-remove:hover{color:var(--foxie-accent);background:var(--foxie-surface-soft)}
.shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-module-library-link{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:11px!important;min-height:39px!important;margin:2px 2px 0!important;padding:8px 12px!important;border-radius:10px!important;color:var(--sidebar-nav-muted,var(--foxie-muted))!important;text-decoration:none!important;font-size:12px!important;font-weight:720!important}
.sidebar-module-library-link>span{flex:1}
.sidebar-module-library-link:hover,.sidebar-module-library-link.router-link-exact-active{background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft))!important;color:var(--foxie-accent)!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean.collapsed .sidebar-module-card{width:62px!important;min-width:62px!important;max-width:62px!important;margin:0 auto!important;padding:5px!important;overflow:hidden!important}
.sidebar-v2--clean.collapsed .sidebar-module-card__header{justify-content:center!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean.collapsed .sidebar-module-card .b-suite-sidebar-header{width:50px!important;min-width:50px!important;justify-content:center!important;padding:0!important;flex:0 0 50px!important}
.sidebar-v2--clean.collapsed .sidebar-module-card .b-suite-sidebar-header strong,.sidebar-v2--clean.collapsed .sidebar-module-card .b-suite-sidebar-header>.v-icon:last-child,.sidebar-v2--clean.collapsed .sidebar-module-card .b-suite-sidebar-links,.sidebar-v2--clean.collapsed .sidebar-module-card .sidebar-team-add{display:none!important}
.shell-v2 .sidebar-v2.sidebar-v2--clean.collapsed .sidebar-module-library-link{justify-content:center!important;margin:0 auto!important;width:62px!important;padding:8px!important}
.sidebar-v2--clean.collapsed .sidebar-module-library-link span,.sidebar-v2--clean.collapsed .sidebar-module-library-link>.v-icon:last-child{display:none!important}
.b-suite-mobile-module{margin:15px 0 5px;padding:8px 0;border-top:1px solid var(--foxie-border)}
.b-suite-mobile-module>strong{padding:8px 12px;display:block;font-size:12px;color:var(--foxie-muted)}
@media(prefers-reduced-motion:reduce){.sidebar-module-card .b-suite-sidebar-header>.v-icon:last-child{transition:none!important}}
.foxie-module-hub{padding:clamp(20px,3vw,42px);max-width:1560px;margin:0 auto;color:var(--foxie-ink);min-height:100%}.foxie-module-hub__hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 2px 28px}.foxie-module-hub__eyebrow,.foxie-module-hub__section-heading small{display:inline-flex;align-items:center;gap:8px;color:var(--foxie-accent);font-size:12px;font-weight:850;letter-spacing:.13em}.foxie-module-hub__eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--foxie-accent)}.foxie-module-hub__hero h1{font-size:clamp(25px,3.5vw,38px);margin:8px 0;letter-spacing:-.045em}.foxie-module-hub__hero p,.foxie-module-hub__section-heading p{font-size:13px;color:var(--foxie-muted);max-width:630px;line-height:1.65}.foxie-module-hub__hero-icon{width:67px;height:67px;flex:none;border:1px solid color-mix(in srgb,var(--foxie-accent) 18%,var(--foxie-border));border-radius:19px;display:grid;place-items:center;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 8%,var(--foxie-surface-raised))}.foxie-module-hub__numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 35px}.foxie-module-hub__numbers>div{display:flex;align-items:center;gap:13px;padding:18px 21px;border:1px solid var(--foxie-border);border-radius:14px;background:var(--foxie-surface-raised)}.foxie-module-hub__numbers .v-icon{color:var(--foxie-accent)}.foxie-module-hub__numbers strong,.foxie-module-hub__numbers small{display:block}.foxie-module-hub__numbers strong{font-size:21px;line-height:1.25}.foxie-module-hub__numbers small{font-size:12px;color:var(--foxie-muted)}.foxie-module-hub__section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;flex-wrap:wrap}.foxie-module-hub__section-heading h2{font-size:22px;letter-spacing:-.025em;margin:5px 0}.foxie-module-hub__section-heading p{margin:0;font-size:12px}.foxie-module-hub__controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.foxie-module-hub__search{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--foxie-border);border-radius:10px;color:var(--foxie-muted);background:var(--foxie-surface-raised)}.foxie-module-hub__search input{width:170px;border:0;outline:0;color:var(--foxie-ink);background:transparent;font-size:12px}.foxie-module-hub__filters{display:flex;gap:3px;background:var(--foxie-surface-soft);padding:3px;border:1px solid var(--foxie-border);border-radius:10px}.foxie-module-hub__filters button{background:transparent;border:0;border-radius:8px;padding:7px 11px;color:var(--foxie-muted);font-size:12px;cursor:pointer}.foxie-module-hub__filters button.selected{background:var(--foxie-surface-raised);color:var(--foxie-accent);box-shadow:0 2px 7px rgba(0,0,0,.045)}.foxie-module-hub__layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:19px;align-items:start}.foxie-module-hub__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.foxie-module-card{min-width:0;min-height:239px;padding:19px 20px;display:flex;flex-direction:column;border:1px solid var(--foxie-border);border-radius:16px;background:var(--foxie-surface-raised);transition:border-color .18s,transform .18s}.foxie-module-card:hover{border-color:color-mix(in srgb,var(--foxie-accent) 25%,var(--foxie-border));transform:translateY(-1px)}.foxie-module-card.is-pinned{border-color:color-mix(in srgb,var(--foxie-accent) 30%,var(--foxie-border))}.foxie-module-card>header{display:flex;justify-content:space-between;align-items:start;gap:10px}.foxie-module-card__icon{height:46px;width:46px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));color:var(--foxie-accent)}.foxie-module-card__access{display:flex;align-items:center;gap:5px;border-radius:999px;border:1px solid var(--foxie-border);color:var(--foxie-muted);font-size:12px;padding:6px 8px}.foxie-module-card__access.enabled{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised))}.foxie-module-card__copy{flex:1}.foxie-module-card h3{margin:14px 0 5px;font-size:16px;letter-spacing:-.02em}.foxie-module-card p{font-size:12px;line-height:1.65;color:var(--foxie-muted);margin:0}.foxie-module-card__features{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 17px}.foxie-module-card__features>span{display:flex;align-items:center;gap:4px;padding:5px 7px;background:var(--foxie-surface-soft);border:1px solid var(--foxie-border);border-radius:7px;color:var(--foxie-muted);font-size:12px}.foxie-module-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--foxie-border)}.foxie-module-card__pin-status{display:flex;align-items:center;gap:9px;min-width:0;color:var(--foxie-muted)}.foxie-module-card__pin-status strong,.foxie-module-card__pin-status small{display:block}.foxie-module-card__pin-status strong{font-size:12px;color:var(--foxie-ink)}.foxie-module-card__pin-status small{font-size:12px;margin-top:3px}.foxie-module-card__toggle{width:42px;height:24px;padding:3px;flex:none;display:flex;align-items:center;border:1px solid var(--foxie-border);border-radius:30px;background:var(--foxie-surface-soft);cursor:pointer;transition:background .2s}.foxie-module-card__toggle span{height:17px;width:17px;border-radius:50%;background:var(--foxie-surface-raised);box-shadow:0 1px 4px #0002;transition:transform .2s}.foxie-module-card__toggle.is-on{background:var(--foxie-accent);border-color:var(--foxie-accent)}.foxie-module-card__toggle.is-on span{transform:translateX(17px);background:white}.foxie-module-hub__preview{position:sticky;top:95px;padding:18px;border:1px solid var(--foxie-border);border-radius:16px;background:var(--foxie-surface-raised)}.foxie-module-hub__preview>header{display:flex;align-items:center;justify-content:space-between}.foxie-module-hub__preview small{font-size:12px;letter-spacing:.1em;color:var(--foxie-accent);font-weight:800}.foxie-module-hub__preview h3{font-size:15px;margin:4px 0}.foxie-module-hub__preview>p{font-size:12px;color:var(--foxie-muted);line-height:1.6}.foxie-module-hub__preview-list{padding:10px;background:var(--foxie-surface-soft);border-radius:12px;min-height:90px}.foxie-module-hub__preview-module{display:flex;align-items:center;gap:9px;padding:10px 8px;margin:3px 0;border-radius:9px;background:var(--foxie-surface-raised);color:var(--foxie-ink);font-size:12px}.foxie-module-hub__preview-module>span{color:var(--foxie-accent)}.foxie-module-hub__preview-module strong{flex:1}.foxie-module-hub__preview-empty{padding:15px;font-size:12px;line-height:1.6;color:var(--foxie-muted)}.foxie-module-hub__go{margin-top:16px;display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px;color:var(--foxie-accent)}.foxie-module-hub__note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--foxie-border);margin-top:30px;padding:20px 0;color:var(--foxie-muted)}.foxie-module-hub__note p{font-size:12px;line-height:1.6;margin:0}.foxie-module-hub__empty{min-height:170px;grid-column:1/-1;display:grid;justify-items:center;align-content:center;gap:8px;color:var(--foxie-muted);border:1px dashed var(--foxie-border);border-radius:15px}.foxie-module-hub__empty strong{color:var(--foxie-ink)}@media(max-width:1180px){.foxie-module-hub__layout{grid-template-columns:1fr}.foxie-module-hub__preview{position:static}}@media(max-width:720px){.foxie-module-hub{padding:15px}.foxie-module-hub__cards,.foxie-module-hub__numbers{grid-template-columns:1fr}.foxie-module-hub__hero-icon{display:none}.foxie-module-hub__controls{width:100%}.foxie-module-hub__search{flex:1}.foxie-module-hub__search input{width:100%}}/* Module studio — intentionally independent of earlier grid-based modules hub. */
.foxie-module-hub.foxie-module-studio{max-width:1600px;padding:22px clamp(18px,2.6vw,44px) 65px;background:transparent}
.module-studio-breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--foxie-muted);margin:0 0 28px}
.module-studio-breadcrumb a{text-decoration:none;color:inherit}.module-studio-breadcrumb strong{font-weight:760;color:var(--foxie-accent)}
.module-studio-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 32px}.module-studio-kicker{font-size:12px;font-weight:850;letter-spacing:.14em;color:var(--foxie-accent)}
.module-studio-hero h1{font-size:clamp(24px,2.4vw,34px);font-weight:770;letter-spacing:-.045em;margin:7px 0}
.module-studio-hero p{font-size:12px;color:var(--foxie-muted);line-height:1.6;max-width:650px;margin:0}
.module-studio-hero-icon{width:53px;height:53px;display:grid;place-items:center;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-accent);border-radius:15px}
.module-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.module-studio-main{min-width:0}.module-studio-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 17px;flex-wrap:wrap}
.module-studio-heading h2{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}.module-studio-heading p{font-size:12px;color:var(--foxie-muted);margin:0}
.module-studio-actions{display:flex;gap:9px;align-items:center}.module-studio-actions label{height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:9px;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);color:var(--foxie-muted)}
.module-studio-actions input{width:135px;background:transparent;border:0;outline:0;color:var(--foxie-ink);font-size:12px}.module-studio-actions button{height:36px;display:flex;gap:7px;align-items:center;padding:0 10px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised);color:var(--foxie-muted);font-size:12px;border-radius:9px;cursor:pointer}
.module-studio-cards{display:grid;gap:13px}.module-studio-card{display:grid;grid-template-columns:minmax(148px,240px) minmax(0,1fr) 130px;align-items:center;gap:21px;min-height:176px;padding:13px;background:var(--foxie-surface-raised);border:1px solid var(--foxie-border);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.module-studio-card:hover,.module-studio-card.is-enabled{border-color:color-mix(in srgb,var(--foxie-accent) 26%,var(--foxie-border))}
.module-studio-card.is-dragging,.module-studio-preview-row.is-dragging{opacity:.42}
.module-studio-art{height:147px;min-width:0;position:relative;overflow:hidden;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-soft)),color-mix(in srgb,#7e9bc6 13%,var(--foxie-surface-raised)))}
.module-studio-art[data-module='fiscal']{background:linear-gradient(130deg,#f9f2ea,#f3f3f6)}.module-studio-art[data-module='finance']{background:linear-gradient(130deg,#f2f6e9,#eeeef5)}
.module-studio-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.module-studio-art-placeholder{display:flex;flex-direction:column;gap:9px;align-items:center;color:var(--foxie-accent);opacity:.56}.module-studio-art-placeholder span{font-size:12px;font-weight:780;letter-spacing:.05em}
.module-studio-copy{min-width:0}.module-studio-title{display:flex;align-items:center;gap:12px}.module-studio-small-icon{display:grid;place-items:center;height:44px;width:44px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--foxie-accent) 9%,var(--foxie-surface-soft));color:var(--foxie-accent)}
.module-studio-title h3{font-size:16px;letter-spacing:-.03em;margin:0 0 4px}.module-studio-title small{font-size:12px;color:var(--foxie-muted)}
.module-studio-copy>p{font-size:12px;line-height:1.6;color:var(--foxie-muted);margin:10px 0}
.module-studio-chips{display:flex;gap:5px;flex-wrap:wrap}.module-studio-chips>span{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;border:1px solid var(--foxie-border);background:var(--foxie-surface-soft);color:var(--foxie-muted);padding:5px 7px;border-radius:7px;font-size:12px}
.module-studio-card-controls{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:19px}
.module-studio-status{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:999px;border:1px solid var(--foxie-border);color:var(--foxie-muted);font-size:12px;white-space:nowrap}
.module-studio-status.available{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-raised))}
.module-studio-toggle{width:43px;height:24px;padding:3px;display:flex;align-items:center;border:1px solid var(--foxie-border);border-radius:40px;background:var(--foxie-surface-soft);cursor:pointer;transition:background .2s}
.module-studio-toggle span{height:17px;width:17px;background:var(--foxie-surface-raised);border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}
.module-studio-toggle.on{background:var(--foxie-accent);border-color:var(--foxie-accent)}.module-studio-toggle.on span{background:#fff;transform:translateX(19px)}
.module-studio-drag-handle{cursor:grab;color:var(--foxie-muted)}.module-studio-preview{position:sticky;top:88px;padding:19px;border-radius:16px;border:1px solid var(--foxie-border);background:var(--foxie-surface-raised)}
.module-studio-preview>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.module-studio-preview>header small{font-size:12px;color:var(--foxie-accent);font-weight:820;letter-spacing:.1em}.module-studio-preview>header h2{font-size:15px;margin:4px 0}
.module-studio-preview>p{font-size:12px;line-height:1.6;color:var(--foxie-muted)}
.module-studio-preview-frame{padding:14px 10px;border:1px solid var(--foxie-border);border-radius:13px;background:var(--foxie-surface-soft);min-height:170px}
.module-studio-preview-title{display:flex;align-items:center;gap:8px;padding:10px 9px 13px;font-size:12px}
.module-studio-preview-row{display:flex;align-items:center;gap:9px;min-height:43px;padding:7px;margin:4px 0;background:var(--foxie-surface-raised);border:1px solid transparent;border-radius:9px;cursor:grab}
.module-studio-preview-row.is-current{color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface-raised));border-color:color-mix(in srgb,var(--foxie-accent) 16%,var(--foxie-border))}
.module-studio-preview-row strong{flex:1;font-size:12px}.module-studio-reorder{display:flex;flex-direction:column;gap:0}
.module-studio-reorder button{border:0;background:transparent;line-height:1;padding:0;color:var(--foxie-muted);cursor:pointer}.module-studio-reorder button:disabled{opacity:.18;cursor:default}
.module-studio-grip{color:var(--foxie-muted);opacity:.6}.module-studio-preview-empty{font-size:12px;color:var(--foxie-muted)}
.module-studio-tip{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:10px;margin:13px 0;background:color-mix(in srgb,var(--foxie-accent) 5%,var(--foxie-surface-soft));font-size:12px;color:var(--foxie-muted);line-height:1.6}
.module-studio-home{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--foxie-accent);font-size:12px;text-decoration:none}
.module-studio-empty{padding:45px;color:var(--foxie-muted);text-align:center}.module-studio-note{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--foxie-border);color:var(--foxie-muted);font-size:12px;line-height:1.5}
@media(max-width:1150px){.module-studio-layout{grid-template-columns:1fr}.module-studio-preview{position:static}}
@media(max-width:750px){.module-studio-card{grid-template-columns:108px minmax(0,1fr);gap:12px}.module-studio-art{height:115px}.module-studio-card-controls{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.module-studio-copy>p{display:none}.module-studio-chips{margin-top:10px}.module-studio-hero-icon{display:none}.module-studio-actions{flex-wrap:wrap}}
@media(max-width:500px){.module-studio-card{grid-template-columns:1fr}.module-studio-art{height:150px}.module-studio-hero h1{font-size:24px}}
/* Sidebar scrolling + highlighted modular rail authority. Loaded after legacy variants. */
html body .shell-v2 .sidebar-v2.sidebar-v2--clean{height:100dvh!important;max-height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-brand-v2{flex:0 0 auto!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;scrollbar-width:thin;align-content:start!important;scrollbar-color:color-mix(in srgb,var(--foxie-accent) 27%,transparent) transparent}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-v6-bottom{flex:0 0 auto!important;min-height:0!important;margin-top:0!important;position:relative!important;bottom:auto!important;top:auto!important;transform:none!important;z-index:7!important;box-shadow:0 -5px 20px color-mix(in srgb,var(--foxie-ink) 3%,transparent)}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card{position:relative!important;isolation:isolate!important;overflow:visible!important;flex:none!important;min-height:48px!important;max-height:none!important;border:1px solid color-mix(in srgb,var(--foxie-accent) 19%,var(--foxie-border))!important;background:linear-gradient(112deg,color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised)),var(--foxie-surface-raised) 74%)!important;box-shadow:0 3px 11px color-mix(in srgb,var(--foxie-accent) 4%,transparent)!important;margin:2px 1px 5px!important;padding:5px!important;border-radius:13px!important;transition:border-color .18s,box-shadow .18s!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card.is-teams{border-color:color-mix(in srgb,var(--foxie-accent) 38%,var(--foxie-border))!important;background:linear-gradient(107deg,color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-surface-raised)),color-mix(in srgb,var(--foxie-accent) 3%,var(--foxie-surface-raised)) 80%)!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--foxie-accent) 70%,transparent),0 7px 20px color-mix(in srgb,var(--foxie-accent) 7%,transparent)!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card.is-active{border-color:color-mix(in srgb,var(--foxie-accent) 56%,var(--foxie-border))!important;background:linear-gradient(103deg,color-mix(in srgb,var(--foxie-accent) 13%,var(--foxie-surface-raised)),color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface-raised)))!important;box-shadow:inset 3px 0 0 var(--foxie-accent),0 8px 22px color-mix(in srgb,var(--foxie-accent) 9%,transparent)!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card .sidebar-module-card__header{min-height:36px!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card .b-suite-sidebar-header{min-height:36px!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card.is-teams .b-suite-sidebar-header>.v-icon:first-child,html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean .sidebar-module-card.is-active .b-suite-sidebar-header>.v-icon:first-child{color:var(--foxie-accent)!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-primary-item.nav-id-modules{color:var(--sidebar-nav-text)!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-primary-item.nav-id-modules.router-link-exact-active{border:1px solid color-mix(in srgb,var(--foxie-accent) 22%,transparent)!important;background:linear-gradient(100deg,color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface)),color-mix(in srgb,var(--foxie-accent) 4%,var(--foxie-surface)))!important;box-shadow:inset 2px 0 0 var(--foxie-accent)!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean .sidebar-primary-item.nav-id-modules.router-link-exact-active .nav-icon-clean{color:var(--foxie-accent)!important}
@media(max-height:590px){html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-v6-bottom{padding-block:4px!important}html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean{padding-bottom:5px!important}}
.foxie-trial-modal{position:relative;color:var(--foxie-ink);border:1px solid color-mix(in srgb,var(--foxie-accent) 27%,var(--foxie-border));border-radius:24px;background:var(--foxie-surface-raised);padding:33px;box-shadow:0 27px 100px rgba(0,0,0,.22);overflow:hidden}
.foxie-trial-modal:before{content:'';position:absolute;inset:0 0 auto;height:112px;background:linear-gradient(130deg,color-mix(in srgb,var(--foxie-accent) 13%,transparent),transparent);pointer-events:none}.foxie-trial-modal>*{position:relative}
.foxie-trial-close{position:absolute;right:17px;top:17px;width:34px;height:34px;border-radius:9px;border:1px solid var(--foxie-border);color:var(--foxie-muted);background:var(--foxie-surface-soft);cursor:pointer}
.foxie-trial-ornament{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;color:var(--foxie-accent);background:color-mix(in srgb,var(--foxie-accent) 12%,var(--foxie-surface-soft));margin:0 0 18px}
.foxie-trial-eyebrow{font-size:12px;color:var(--foxie-accent);font-weight:850;letter-spacing:.12em}
.foxie-trial-modal h2{font-size:29px;letter-spacing:-.046em;line-height:1.2;margin:9px 0}
.foxie-trial-modal p{color:var(--foxie-muted);font-size:13px;line-height:1.65;max-width:540px}
.foxie-trial-modal p strong{color:var(--foxie-ink)}
.foxie-trial-perks{display:grid;gap:12px;padding:19px 0;border-block:1px solid var(--foxie-border);margin-top:19px}
.foxie-trial-perks span{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--foxie-ink)}
.foxie-trial-perks .v-icon{font-size:18px;color:var(--foxie-accent)}
.foxie-trial-message{padding:10px 0}.foxie-trial-error{color:#d25160!important}
.foxie-trial-picker{display:grid;gap:9px;padding-top:17px}.foxie-trial-picker label{font-size:12px;font-weight:770}
.foxie-trial-picker select{width:100%;height:43px;border:1px solid var(--foxie-border);border-radius:11px;color:var(--foxie-ink);background:var(--foxie-surface-soft);padding:0 12px}
.foxie-trial-picker small{font-size:12px;color:var(--foxie-muted)}
.foxie-trial-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:23px}
.foxie-trial-primary,.foxie-trial-secondary{height:43px;display:flex;align-items:center;gap:7px;text-decoration:none;border:1px solid var(--foxie-border);border-radius:11px;padding:0 14px;font-size:12px;font-weight:760;cursor:pointer}
.foxie-trial-primary{color:white;background:var(--foxie-accent);border-color:var(--foxie-accent)}.foxie-trial-secondary{background:var(--foxie-surface-soft);color:var(--foxie-ink)}.foxie-trial-primary:disabled{opacity:.5;cursor:not-allowed}
.foxie-trial-free-banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--foxie-accent) 28%,var(--foxie-border));border-radius:12px;background:color-mix(in srgb,var(--foxie-accent) 6%,var(--foxie-surface-raised));font-size:12px;color:var(--foxie-ink)}
.foxie-trial-free-banner strong{flex:1}.foxie-trial-free-banner button{border:0;background:var(--foxie-accent);color:white;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:760;cursor:pointer}
@media(max-width:600px){.foxie-trial-modal{padding:23px}.foxie-trial-modal h2{font-size:23px}.foxie-trial-modal footer{justify-content:stretch}.foxie-trial-primary,.foxie-trial-secondary{flex:1;justify-content:center}}
/* Fixed navigation follows viewport like HeaderShell; only its inner list scrolls.
   Do not let the bottom rail participate in document scroll. */
html body .shell-v2:not(.shell-chrome-retracted)>.sidebar-v2.sidebar-v2--clean{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-nav-clean{min-height:0!important;flex:1 1 0%!important;overflow-y:auto!important;overflow-x:hidden!important}
html body .shell-v2 .sidebar-v2.sidebar-v2--clean>.sidebar-v6-bottom{min-height:0!important;flex:0 0 auto!important;margin-top:auto!important;align-self:stretch!important;padding-bottom:max(9px,env(safe-area-inset-bottom))!important;bottom:auto!important;position:relative!important}
/*
 * FOXIE TYPE SYSTEM — V1
 *
 * Reference: the light editorial hierarchy of /termos and /privacidade.
 * Single source of truth for app typography. Loaded after legacy styles.
 * Intentional exclusions: rendered documents, code editors, terminals,
 * rich-text editors and canvas artwork retain their own authored fonts.
 */

:root {
  --foxie-font-display:"Avenir Next","Helvetica Neue","SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
  --foxie-font-text:"Avenir Next","Helvetica Neue","SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --foxie-font-mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;

  --foxie-type-page-title:clamp(1.72rem,1.42rem + 1vw,2.16rem);
  --foxie-type-page-hero:clamp(2.05rem,1.75rem + 1.1vw,2.62rem);
  --foxie-type-section:clamp(1.14rem,1.04rem + .34vw,1.4rem);
  --foxie-type-subsection:1.035rem;
  --foxie-type-body:.94rem;
  --foxie-type-lead:.9rem;
  --foxie-type-caption:.8rem;
  --foxie-type-kicker:.74rem;

  --foxie-type-title-weight:430;
  --foxie-type-section-weight:520;
  --foxie-type-body-weight:400;
  --foxie-type-label-weight:610;
  --foxie-type-title-tracking:-.045em;
  --foxie-type-section-tracking:-.029em;
}

/* The same typographic family on authenticated, public and teleported UI. */
html,
body,
#app,
#app .v-application,
.v-overlay-container,
.v-overlay__content {
  font-family:var(--foxie-font-text)!important;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

#app :is(h1,h2,h3,h4,h5,h6):not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .monaco-editor *,
  .cm-editor *, .xterm *, .ace_editor *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)),
.v-overlay-container :is(h1,h2,h3,h4,h5,h6) {
  font-family:var(--foxie-font-display)!important;
  font-synthesis:none;
}

#app :is(p,li,dt,dd,blockquote,label,button,input,textarea,select,small):not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .monaco-editor *,
  .cm-editor *, .xterm *, .ace_editor *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)),
.v-overlay-container :is(p,li,dt,dd,blockquote,label,button,input,textarea,select,small),
#app :is(.v-btn,.v-tab,.v-chip,.v-list-item-title,.v-list-item-subtitle,.v-card-subtitle,.v-label,.v-field__input),
.v-overlay-container :is(.v-btn,.v-tab,.v-chip,.v-list-item-title,.v-list-item-subtitle,.v-card-subtitle,.v-label,.v-field__input) {
  font-family:var(--foxie-font-text)!important;
}

/* A readable default that continues to track the saved compact / large scale. */
body,
#app .v-application {
  font-size:var(--foxie-type-body);
}

/* Never replace glyph/icon fonts with the prose font. Editors stay monospace. */
#app :is(code,pre,kbd,samp),
.v-overlay-container :is(code,pre,kbd,samp) {
  font-family:var(--foxie-font-mono)!important;
}
#app .v-icon,
.v-overlay-container .v-icon {
  font-family:"Material Design Icons"!important;
}

/*
 * Operational screens use a restrained editorial scale.
 * Explicitly excludes user-authored rich text and rendered/canvas content.
 */
.shell-v2 .content-v2 :is(h1,h2,h3,h4):not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .monaco-editor *,
  .cm-editor *, .xterm *, .ace_editor *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)) {
  text-wrap:balance;
  overflow-wrap:break-word;
}

.shell-v2 .content-v2 h1:not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)) {
  font-size:var(--foxie-type-page-title)!important;
  font-weight:var(--foxie-type-title-weight)!important;
  line-height:1.16!important;
  letter-spacing:var(--foxie-type-title-tracking)!important;
}
.shell-v2 .content-v2 :is(.home-hero h1,.hub-hero h1,.connections-hero h1) {
  font-size:var(--foxie-type-page-hero)!important;
  font-weight:390!important;
  line-height:1.12!important;
  letter-spacing:-.052em!important;
}
.shell-v2 .content-v2 h2:not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)) {
  font-size:var(--foxie-type-section)!important;
  font-weight:var(--foxie-type-section-weight)!important;
  line-height:1.29!important;
  letter-spacing:var(--foxie-type-section-tracking)!important;
}
.shell-v2 .content-v2 h3:not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)) {
  font-size:var(--foxie-type-subsection)!important;
  font-weight:580!important;
  line-height:1.34!important;
  letter-spacing:-.018em!important;
}
.shell-v2 .content-v2 h4:not(:where(
  .ProseMirror *, .tiptap *, .ql-editor *, .markdown-body *,
  .editor-preview *, .document-preview *, .canvas-artboard *,
  [contenteditable="true"] *, [data-foxie-preserve-font] *
)) {
  font-size:.96rem!important;
  font-weight:610!important;
  line-height:1.38!important;
  letter-spacing:-.012em!important;
}

/* Page subtitles and section descriptions: quiet, airy, easy to read. */
.shell-v2 .content-v2 :is(
  .page-title-row p,
  .title-copy > p,
  .heading-copy > p,
  .hero-copy > p,
  .home-hero__copy > p,
  .hub-hero__copy > p,
  .identity-copy > p,
  .panel-header p,
  .section-identity p
) {
  font-family:var(--foxie-font-text)!important;
  font-size:var(--foxie-type-lead)!important;
  font-weight:var(--foxie-type-body-weight)!important;
  line-height:1.68!important;
  letter-spacing:0!important;
}
.shell-v2 .content-v2 :is(p,li) {
  line-height:1.56;
}
.shell-v2 .content-v2 :is(
  .eyebrow,.hero-kicker,.hub-eyebrow,.panel-eyebrow,
  .section-eyebrow,.section-chip,.kicker
) {
  font-family:var(--foxie-font-text)!important;
  font-size:var(--foxie-type-kicker)!important;
  font-weight:690!important;
  line-height:1.4!important;
  letter-spacing:.085em!important;
}
.shell-v2 .content-v2 :is(
  .panel-header strong,.section-title strong,.form-section__heading strong
) {
  font-family:var(--foxie-font-display)!important;
  font-weight:580!important;
  letter-spacing:-.015em!important;
}

/* Consistent typography for overlays, cards and interactive controls. */
:is(#app,.v-overlay-container) .v-card-title {
  font-family:var(--foxie-font-display)!important;
  font-weight:560!important;
  letter-spacing:-.025em!important;
  line-height:1.32!important;
}
:is(#app,.v-overlay-container) :is(.v-btn,.v-tab,button) {
  font-weight:var(--foxie-type-label-weight)!important;
  letter-spacing:-.006em;
}
:is(#app,.v-overlay-container) :is(.v-field__input,input,textarea,select) {
  font-weight:470!important;
  letter-spacing:0!important;
}
:is(#app,.v-overlay-container) :is(.v-label,.v-field-label) {
  font-weight:570!important;
  letter-spacing:0!important;
}

/* Teleported modal headings use the same title/subtitle relationship. */
.v-overlay-container .v-dialog :is(.dialog-head h2,.qr-header h2,h2) {
  font-family:var(--foxie-font-display)!important;
  font-size:clamp(1.08rem,1.02rem + .24vw,1.28rem)!important;
  font-weight:var(--foxie-type-section-weight)!important;
  letter-spacing:var(--foxie-type-section-tracking)!important;
  line-height:1.3!important;
}
.v-overlay-container .v-dialog :is(.dialog-head p,.qr-header p,.v-card-subtitle) {
  font-family:var(--foxie-font-text)!important;
  font-size:var(--foxie-type-caption)!important;
  font-weight:var(--foxie-type-body-weight)!important;
  line-height:1.55!important;
}

/* Dense navigation shares the same text family, but keeps existing geometry. */
.shell-v2 :is(
  .nav-label-clean,.sidebar-team-title,.sidebar-team-copy,
  .sidebar-brand-wordmark,.sidebar-v6-bottom,.workspace-switcher,
  .profile-menu-v2,.module-search
) {
  font-family:var(--foxie-font-text)!important;
}

/* Numerical indicators should remain aligned as values change. */
.shell-v2 .content-v2 :is(
  .executive-metrics article > div > strong,
  .kpi-grid article strong,.stat-value,.metric-value,
  .v-data-table td,.v-table td
) {
  font-variant-numeric:tabular-nums;
}

/* Opt-in roles for future screens, backed by the same tokens. */
.foxie-type-display {font-family:var(--foxie-font-display)!important;font-weight:350!important;letter-spacing:-.06em!important;line-height:1.06!important;}
.foxie-type-title {font-family:var(--foxie-font-display)!important;font-size:var(--foxie-type-page-title)!important;font-weight:var(--foxie-type-title-weight)!important;letter-spacing:var(--foxie-type-title-tracking)!important;line-height:1.16!important;}
.foxie-type-section {font-family:var(--foxie-font-display)!important;font-size:var(--foxie-type-section)!important;font-weight:var(--foxie-type-section-weight)!important;letter-spacing:var(--foxie-type-section-tracking)!important;line-height:1.29!important;}
.foxie-type-subtitle {font-family:var(--foxie-font-text)!important;font-size:var(--foxie-type-lead)!important;font-weight:400!important;line-height:1.68!important;}
.foxie-type-body {font-family:var(--foxie-font-text)!important;font-size:var(--foxie-type-body)!important;font-weight:400!important;line-height:1.6!important;}
.foxie-type-caption {font-family:var(--foxie-font-text)!important;font-size:var(--foxie-type-caption)!important;font-weight:480!important;line-height:1.5!important;}
.foxie-type-kicker {font-family:var(--foxie-font-text)!important;font-size:var(--foxie-type-kicker)!important;font-weight:690!important;letter-spacing:.085em!important;line-height:1.4!important;}

@media (max-width:640px) {
  :root {
    --foxie-type-page-title:clamp(1.64rem,1.38rem + 1.1vw,1.89rem);
    --foxie-type-page-hero:clamp(1.94rem,1.55rem + 1.4vw,2.26rem);
    --foxie-type-section:1.15rem;
  }
}
/* Refined mobile navigation. The hamburger remains the only SidebarShell opener. */
.foxie-mobile-quicknav-v2{display:none}

@media(max-width:960px){
  .foxie-mobile-quicknav-v2{
    height:59px!important;
    min-height:59px!important;
    padding:3px 9px max(4px,env(safe-area-inset-bottom))!important;
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:120!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:4px!important;
    border-top:1px solid color-mix(in srgb,var(--foxie-border) 66%,transparent)!important;
    background:color-mix(in srgb,var(--foxie-surface-raised) 97%,transparent)!important;
    box-shadow:0 -3px 16px color-mix(in srgb,var(--foxie-ink) 4%,transparent)!important;
    backdrop-filter:blur(22px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.06)!important;
  }
  .foxie-mobile-quicknav-v2 .foxie-mobile-quicknav__item{
    min-width:0!important;
    height:49px!important;
    min-height:49px!important;
    padding:2px 0 1px!important;
    flex:1 1 0!important;
    border:0!important;
    border-radius:11px!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    color:color-mix(in srgb,var(--foxie-muted) 88%,var(--foxie-ink))!important;
    background:transparent!important;
    text-decoration:none!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .foxie-mobile-quicknav-v2 .foxie-mobile-quicknav__icon{
    width:30px!important;
    height:27px!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    transition:color .15s ease,transform .15s ease,background .15s ease!important;
  }
  .foxie-mobile-quicknav-v2 .foxie-mobile-quicknav__item small{
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:620!important;
    letter-spacing:-.005em!important;
  }
  .foxie-mobile-quicknav-v2 .foxie-mobile-quicknav__item.active{
    color:var(--foxie-accent,var(--foxie-green))!important;
  }
  .foxie-mobile-quicknav-v2 .foxie-mobile-quicknav__item.active .foxie-mobile-quicknav__icon{
    transform:translateY(-1px)!important;
    background:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 7%,transparent)!important;
  }
  .foxie-mobile-quicknav-v2 .foxie-mobile-quicknav__item.active:before{
    content:""!important;
    width:18px!important;
    height:2px!important;
    position:absolute!important;
    left:50%!important;
    top:-3px!important;
    transform:translateX(-50%)!important;
    border-radius:0 0 999px 999px!important;
    background:var(--foxie-accent,var(--foxie-green))!important;
  }
  .foxie-mobile-quicknav__bell b{
    min-width:13px!important;
    height:13px!important;
    padding:0 3px!important;
    position:absolute!important;
    right:-4px!important;
    top:-2px!important;
    display:grid!important;
    place-items:center!important;
    border:1.5px solid var(--foxie-surface-raised)!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#d94d57!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  .foxie-mobile-quicknav__notifications.has-unread .foxie-mobile-quicknav__bell>i,
  .foxie-mobile-quicknav__notifications.has-unread .foxie-mobile-quicknav__bell .v-icon{
    transform-origin:50% 12%!important;
    animation:foxieGentleBell 3.8s ease-in-out infinite!important;
  }
  @keyframes foxieGentleBell{
    0%,72%,100%{transform:rotate(0deg)}
    76%{transform:rotate(7deg)}
    81%{transform:rotate(-6deg)}
    86%{transform:rotate(4deg)}
    91%{transform:rotate(-2deg)}
    96%{transform:rotate(0deg)}
  }
  .foxie-mobile-quicknav__avatar{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--foxie-border) 74%,transparent)!important;
    border-radius:999px!important;
    color:var(--foxie-muted)!important;
    background:var(--foxie-surface-soft)!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .foxie-mobile-quicknav__avatar img{
    width:100%!important;
    height:100%!important;
    position:absolute!important;
    inset:0!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:999px!important;
  }
  .foxie-mobile-quicknav__profile.active .foxie-mobile-quicknav__avatar{
    border-color:color-mix(in srgb,var(--foxie-accent) 55%,var(--foxie-border))!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--foxie-accent) 9%,transparent)!important;
  }

  /* Bell and account really live in the bottom rail on mobile. Team stays in the HeaderShell. */
  .topbar-actions-v2 .notification-trigger,
  .topbar-actions-v2 .profile-trigger{display:none!important}

  .shell-content-v2:has(> .foxie-mobile-quicknav-v2)>.content-v2{
    padding-bottom:calc(59px + env(safe-area-inset-bottom))!important;
  }
  .foxie-mobile-notification-popover{max-height:min(68dvh,560px)!important;overflow:auto!important}
}

@media(max-width:760px){
  /* Active Team chat owns the viewport. Key off the component itself instead of
     the parent helper class so Safari cannot leave HeaderShell over the chat. */
  body:has(.internal-surface.is-page.has-channel) .topbar-v2{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    flex:0 0 0!important;
  }
  body:has(.internal-surface.is-page.has-channel) .shell-content-v2,
  body:has(.internal-surface.is-page.has-channel) .shell-content-v2.expanded{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body:has(.internal-surface.is-page.has-channel) .content-v2{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    flex:1 1 100%!important;
    position:relative!important;
    overflow:hidden!important;
  }
  body:has(.internal-surface.is-page.has-channel) .foxie-team-page,
  body:has(.internal-surface.is-page.has-channel) .foxie-team-stage,
  body:has(.internal-surface.is-page.has-channel) .foxie-team-view,
  body:has(.internal-surface.is-page.has-channel) .internal-surface.is-page,
  body:has(.internal-surface.is-page.has-channel) .conversation-pane{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    inset:0!important;
    overflow:hidden!important;
  }
  html body .internal-surface.is-page.has-channel .conversation-pane{display:flex!important;flex-direction:column!important}
  html body .internal-surface.is-page.has-channel .conversation-head{
    width:100%!important;
    min-height:61px!important;
    height:61px!important;
    max-height:61px!important;
    margin:0!important;
    padding:6px 8px!important;
    flex:0 0 61px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow:hidden!important;
    z-index:60!important;
    border-bottom:1px solid color-mix(in srgb,var(--foxie-border) 72%,transparent)!important;
    background:var(--foxie-surface-raised)!important;
  }
  html body .internal-surface.is-page.has-channel .conversation-head>.avatar.large{
    width:41px!important;min-width:41px!important;max-width:41px!important;height:41px!important;min-height:41px!important;max-height:41px!important;flex:0 0 41px!important;position:relative!important;display:block!important;overflow:hidden!important;border-radius:999px!important;opacity:1!important;visibility:visible!important
  }
  html body .internal-surface.is-page.has-channel .conversation-head>.avatar.large>img{
    width:100%!important;height:100%!important;position:absolute!important;inset:0!important;display:block!important;opacity:1!important;visibility:visible!important;object-fit:cover!important;clip-path:none!important;border-radius:999px!important
  }
  html body .internal-surface.is-page.has-channel .message-area{height:0!important;min-height:0!important;flex:1 1 0!important;overflow-y:auto!important;overflow-x:hidden!important}
  html body .internal-surface.is-page.has-channel .composer{width:100%!important;flex:0 0 auto!important;margin:0!important;position:relative!important;bottom:auto!important}
  html body .internal-surface.is-page.has-channel .foxie-call-summary-row{width:100%!important;max-width:100%!important;margin:9px 0!important;padding:0 4px!important;display:flex!important;justify-content:center!important}
  html body .internal-surface.is-page.has-channel .foxie-call-summary-shell{width:min(100%,520px)!important;max-width:min(100%,520px)!important;min-width:0!important;margin:0!important;flex:1 1 auto!important}
  html body .internal-surface.is-page.has-channel .foxie-call-summary-bubble,
  html body .internal-surface.is-page.has-channel .foxie-call-summary-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
/* Notification center shell v3 */
.notification-items--rich{max-height:420px!important;overflow:auto!important;padding:5px!important}
.notification-items--rich>button{min-height:72px!important;padding:8px!important;grid-template-columns:44px minmax(0,1fr) 7px!important;gap:8px!important;align-items:center!important;border-radius:12px!important}
.notif-avatar-rich{width:42px;height:42px;position:relative;border-radius:999px;display:grid;place-items:center;overflow:visible;color:var(--foxie-muted);background:var(--foxie-surface-soft)}
.notif-avatar-rich>img{width:100%;height:100%;display:block;border-radius:999px;object-fit:cover}.notif-avatar-rich>b{width:17px;height:17px;position:absolute;right:-1px;bottom:-1px;border:2px solid var(--foxie-surface-raised);border-radius:999px;display:grid;place-items:center;color:#fff;background:#718078}.notif-avatar-rich.tone-green>b{background:#17a66b}.notif-avatar-rich.tone-blue>b{background:#3478e5}.notif-avatar-rich.tone-violet>b{background:#7a5ce4}.notif-avatar-rich.tone-amber>b{background:#d58b27}.notif-avatar-rich.tone-red>b{background:#d9535e}.notif-copy-rich{min-width:0;display:grid!important;gap:2px!important}.notif-copy-rich>em{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--foxie-muted);font-size:12px;font-style:normal}.notif-copy-rich>em>strong{color:var(--foxie-accent);font-size:12px}.notif-copy-rich>em>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-copy-rich>strong{font-size:12px!important}.notif-copy-rich>small{font-size:12px!important;line-height:1.3!important}.notif-copy-rich>time{font-size:12px!important;text-transform:capitalize!important}
@media(max-width:960px){.foxie-mobile-profile-popover{width:min(330px,calc(100vw - 16px))!important;max-height:min(78dvh,620px)!important;overflow:auto!important}.topbar-actions-v2 .notification-trigger,.topbar-actions-v2 .profile-trigger{display:none!important}}
.foxie-team-topbar-launcher-v5{display:none}
@media(max-width:960px){
  html body .shell-v2 .topbar-v2 .topbar-actions-v2>.icon-button,
  html body .shell-v2 .topbar-v2 .topbar-actions-v2>.language-switcher,
  html body .shell-v2 .topbar-v2 .topbar-actions-v2 .notification-trigger,
  html body .shell-v2 .topbar-v2 .topbar-actions-v2 .language-switcher,
  html body .shell-v2 .topbar-v2 .topbar-actions-v2 .profile-trigger{display:none!important}
  html body .shell-v2 .topbar-v2 .topbar-actions-v2 .foxie-team-topbar-launcher-v5{width:41px!important;min-width:41px!important;height:41px!important;min-height:41px!important;padding:0!important;position:relative!important;display:grid!important;place-items:center!important;border:1px solid color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 20%,var(--foxie-border))!important;border-radius:14px!important;color:var(--foxie-accent,var(--foxie-green))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 9%,var(--foxie-surface-raised)),var(--foxie-surface-raised))!important;box-shadow:0 7px 20px color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 8%,transparent)!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent!important}
  html body .shell-v2 .topbar-v2 .topbar-actions-v2 .foxie-team-topbar-launcher-v5>span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:color-mix(in srgb,var(--foxie-accent,var(--foxie-green)) 8%,transparent)!important}
  .foxie-mobile-quicknav-v2 .foxie-mobile-profile-trigger-v6{min-width:0!important;height:49px!important;min-height:49px!important;padding:2px 0 1px!important;flex:1 1 0!important;display:flex!important;position:relative!important;inset:auto!important;transform:none!important;border:0!important;border-radius:11px!important;color:color-mix(in srgb,var(--foxie-muted) 88%,var(--foxie-ink))!important;background:transparent!important;box-shadow:none!important}
  .foxie-mobile-quicknav-v2 .foxie-mobile-profile-trigger-v6 .foxie-mobile-quicknav__avatar{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--foxie-border) 74%,transparent)!important;border-radius:999px!important;color:var(--foxie-muted)!important;background:var(--foxie-surface-soft)!important;font-size:12px!important;font-weight:800!important}
  .foxie-mobile-quicknav-v2 .foxie-mobile-profile-trigger-v6 .foxie-mobile-quicknav__avatar img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;display:block!important;object-fit:cover!important;border-radius:999px!important}
  .foxie-mobile-quicknav-v2 .foxie-mobile-profile-trigger-v6 small{max-width:100%!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important;font-size:12px!important;line-height:1!important;font-weight:620!important;letter-spacing:-.005em!important}
}
/* One opt-out presentation layer. No message data or RTC behavior is changed. */
html body #app .internal-surface .chat-layout-switch{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:8px;color:var(--foxie-muted);background:transparent;cursor:pointer}
html body #app .internal-surface .chat-layout-switch:hover{background:color-mix(in srgb,var(--foxie-ink) 8%,transparent);color:var(--foxie-ink)}
html body #app .internal-surface.is-page[data-chat-layout="pro"]{
 --team-right-rail:260px!important;--team-left-rail:280px!important;
 display:flex!important;gap:0!important;grid-template-columns:none!important;
 width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;
 border-radius:0!important;overflow:hidden!important;
 font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
 font-size:14px!important;line-height:1.5!important;
 background:var(--foxie-surface)!important;color:var(--foxie-ink)!important;
}
html body #app .internal-surface.is-page[data-chat-layout="pro"] button,
html body #app .internal-surface.is-page[data-chat-layout="pro"] input,
html body #app .internal-surface.is-page[data-chat-layout="pro"] textarea{font-family:inherit!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] button:focus-visible,
html body #app .internal-surface.is-page[data-chat-layout="pro"] input:focus-visible{outline:2px solid var(--foxie-accent)!important;outline-offset:2px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane{
 position:relative!important;display:flex!important;flex-direction:column!important;
 flex:0 0 280px!important;width:280px!important;min-width:280px!important;max-width:280px!important;
 padding:0 0 12px!important;margin:0!important;gap:0!important;min-height:0!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;
 background:var(--foxie-surface)!important;
 border:0!important;border-right:1px solid var(--foxie-border)!important;border-radius:0!important;
 scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--foxie-muted) 35%,transparent) transparent;
}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head.compact-team-head{
 position:sticky!important;top:0;z-index:8;flex:0 0 60px!important;height:60px!important;min-height:60px!important;
 display:flex!important;align-items:center!important;padding:0 12px!important;gap:10px!important;
 background:var(--foxie-surface)!important;border-bottom:1px solid var(--foxie-border)!important;
}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .brand-mark{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:10px!important;flex:0 0 32px!important;background:color-mix(in srgb,var(--foxie-accent) 13%,transparent)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head-copy{flex:1!important;min-width:0!important;gap:2px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head-copy strong{font-size:15px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:-.015em!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head-copy small{font-size:12px!important;font-weight:500!important;letter-spacing:.015em!important;line-height:1.3!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-search.thread-search-top{flex:0 0 38px!important;height:38px!important;min-height:38px!important;margin:12px 12px 8px!important;padding:0 10px!important;border-radius:8px!important;background:var(--foxie-surface)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-search.thread-search-top input{font-size:13px!important;line-height:1.5!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-command-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;flex:none!important;padding:0 12px 10px!important;margin:0!important;border:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-actions{display:flex!important;justify-content:flex-end!important;gap:6px!important;min-height:32px!important;padding:0!important;margin:0!important;grid-template-columns:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-actions>button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;flex:0 0 32px!important;padding:0!important;border:1px solid var(--foxie-border)!important;border-radius:8px!important;background:var(--foxie-surface)!important;color:var(--foxie-muted)!important;box-shadow:none!important;transition:background .16s,transform .16s,color .16s!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-actions>button:hover{color:var(--foxie-accent)!important;background:color-mix(in srgb,var(--foxie-accent) 10%,var(--foxie-surface))!important;transform:translateY(-1px)}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .archive-tabs{display:flex!important;width:100%!important;gap:4px!important;border:0!important;background:transparent!important;padding:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .archive-tabs>button{flex:1 1 0!important;min-width:0!important;padding:7px 8px!important;font-size:12px!important;line-height:1.4!important;min-height:32px!important;gap:6px!important;border:0!important;border-radius:7px!important;color:var(--foxie-muted)!important;background:transparent!important;white-space:nowrap!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .archive-tabs>button.active{color:var(--foxie-ink)!important;background:color-mix(in srgb,var(--foxie-ink) 8%,transparent)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-navigator,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-sidebar-host,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-list{flex:none!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0 8px 10px!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-list{border-top:1px solid var(--foxie-border)!important;padding-top:10px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-navigator>header,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-sidebar>header{min-height:32px!important;padding:6px 8px!important;background:transparent!important;border:0!important;gap:8px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-navigator>header strong,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-sidebar>header strong{font-size:12px!important;letter-spacing:.07em!important;font-weight:700!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category{margin:6px 0 12px!important;padding:0!important;border:0!important;background:transparent!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category>header{display:flex!important;align-items:center!important;min-height:30px!important;padding:0 4px!important;gap:2px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] [data-collapse-category]{display:flex!important;flex:1!important;align-items:center!important;min-width:0!important;gap:5px!important;padding:4px!important;background:transparent!important;color:var(--foxie-muted)!important;border:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] [data-collapse-category] strong{font-size:12px!important;line-height:1.4!important;letter-spacing:.05em!important;font-weight:650!important;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category__actions{display:flex!important;opacity:0;transition:opacity .15s;gap:2px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category:hover .foxie-channel-category__actions,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category:focus-within .foxie-channel-category__actions{opacity:1}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category__actions button{width:24px!important;height:24px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--foxie-muted)!important;border-radius:5px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category__rows[hidden]{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row-shell{position:relative!important;display:block!important;margin:2px 0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:36px!important;gap:8px!important;padding:8px 30px 8px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--foxie-muted)!important;transition:background .16s,color .16s!important;box-shadow:none!important;text-align:left!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row>i{flex:none!important;width:18px!important;font-size:19px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row>span{flex:1!important;min-width:0!important;display:block!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row strong{display:block!important;font-size:14px!important;font-weight:550!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row small{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row>b{flex:none!important;min-width:18px!important;font-size:12px!important;line-height:18px!important;border-radius:8px!important;padding:0 4px!important;background:var(--foxie-accent)!important;color:var(--foxie-on-accent,#fff)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row-delete{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%);width:24px!important;height:24px!important;padding:0!important;opacity:0;background:transparent!important;border:0!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row-shell:hover .foxie-channel-row-delete,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row-shell:focus-within .foxie-channel-row-delete{opacity:1}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row:hover,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row:hover{background:color-mix(in srgb,var(--foxie-ink) 6%,transparent)!important;color:var(--foxie-ink)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row.active,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row.active{background:color-mix(in srgb,var(--foxie-accent) 13%,transparent)!important;color:var(--foxie-ink)!important;box-shadow:inset 3px 0 var(--foxie-accent)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row{display:flex!important;align-items:center!important;gap:10px!important;min-height:60px!important;width:100%!important;max-width:none!important;margin:2px 0!important;padding:9px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;text-align:left;transition:background .16s!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row>.avatar{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex:0 0 36px!important;aspect-ratio:1/1!important;border-radius:50%!important;font-size:13px!important;overflow:visible!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row>.avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-copy{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;gap:3px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-copy>strong{font-size:14px!important;line-height:1.35!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-copy>small{font-size:12px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-copy>.internal-role-badge,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-copy>.foxie-runtime-role-badge{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta{flex:0 0 auto!important;width:auto!important;gap:4px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta time{font-size:12px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta .thread-menu{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;opacity:0}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row:hover .thread-menu,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row:focus-within .thread-menu{opacity:1}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-room{border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;margin:4px 0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-room__main{min-height:40px!important;padding:7px 8px!important;gap:8px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-room__main strong{font-size:13px!important;line-height:1.4!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-room__main small{font-size:12px!important;line-height:1.4!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-room__people{padding:3px 8px 6px 28px!important;gap:4px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-voice-room__people strong{font-size:12px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.conversation-pane{position:relative!important;flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:var(--foxie-surface)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-head{min-height:60px!important;height:60px!important;flex:0 0 60px!important;padding:0 20px!important;gap:12px!important;border-bottom:1px solid var(--foxie-border)!important;background:var(--foxie-surface)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-head>.avatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;border-radius:50%!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title{flex:1!important;min-width:0!important;gap:2px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title>small{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title>strong{font-size:16px!important;line-height:1.35!important;font-weight:650!important;letter-spacing:-.015em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title>span{font-size:12px!important;line-height:1.3!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-header-tools{flex:0 0 auto!important;gap:8px!important;padding:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-actions-trigger{width:34px!important;height:34px!important;min-width:34px!important;border-radius:8px!important;box-shadow:none!important;padding:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-area{padding:20px 24px!important;scrollbar-width:thin}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-bubble>p{font-size:14px!important;line-height:1.55!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.team-member-rail{position:relative!important;inset:auto!important;flex:0 0 260px!important;width:260px!important;min-width:260px!important;max-width:260px!important;min-height:0!important;height:auto!important;margin:0!important;border:0!important;border-left:1px solid var(--foxie-border)!important;border-radius:0!important;background:var(--foxie-surface)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.team-member-rail .team-member-rail__head{height:60px!important;min-height:60px!important;padding:0 16px!important;gap:8px!important;border-bottom:1px solid var(--foxie-border)!important;background:transparent!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__head small{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__head strong{font-size:14px!important;font-weight:650!important;line-height:1.4!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__head span{font-size:12px!important;line-height:1.4!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__tabs{gap:4px!important;padding:10px 12px!important;border:0!important;background:transparent!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__tabs button{height:32px!important;width:32px!important;min-width:32px!important;flex:1!important;border-radius:7px!important;padding:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__tabs button span{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__body{padding:0 10px 16px!important;overflow-y:auto!important;scrollbar-width:thin}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__group{padding:0!important;margin:6px 0 18px!important;background:transparent!important;border:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__group>header{min-height:30px!important;display:flex!important;align-items:center!important;padding:5px 7px!important;gap:7px!important;color:var(--foxie-muted)!important;background:transparent!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__group>header span,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__group>header em{font-size:12px!important;line-height:1.4!important;letter-spacing:.045em!important;font-weight:650!important;text-transform:uppercase;font-style:normal}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person-wrap{position:relative!important;padding:0!important;margin:2px 0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person{display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;width:100%!important;padding:7px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;transition:background .16s!important;opacity:1!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person:hover{background:color-mix(in srgb,var(--foxie-ink) 6%,transparent)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__avatar{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex:0 0 32px!important;aspect-ratio:1/1!important;border-radius:50%!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__avatar img{border-radius:50%!important;object-fit:cover!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy{min-width:0!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:3px!important;padding-right:14px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy>strong{font-size:13px!important;line-height:1.4!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__member-menu,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person>i{opacity:0;transition:opacity .15s}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person-wrap:hover .team-member-rail__member-menu,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person-wrap:focus-within .team-member-rail__member-menu,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person:hover>i{opacity:1}
/* Respect both existing collapse controls. Never leave an empty reserved column. */
html body #app .internal-surface.is-page[data-chat-layout="pro"].sidebar-collapsed>.thread-pane{display:none!important;flex:0 0 0!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;border:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"].team-rail-collapsed>.team-member-rail,
html body #app .internal-surface.is-page[data-chat-layout="pro"].members-collapsed>.team-member-rail{display:none!important;flex:0 0 0!important;width:0!important;min-width:0!important;border:0!important}
@media(max-width:1179px){html body #app .internal-surface.is-page[data-chat-layout="pro"]>.team-member-rail{display:none!important}html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane{flex-basis:260px!important;width:260px!important;min-width:260px!important;max-width:260px!important}}
@media(max-width:700px){html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane{flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:none!important}html body #app .internal-surface.is-page[data-chat-layout="pro"].has-channel>.thread-pane{display:none!important}html body #app .internal-surface.is-page[data-chat-layout="pro"]:not(.has-channel)>.conversation-pane{display:none!important}html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-head{padding:0 12px!important}html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-area{padding:14px 12px!important}}
@media(hover:none){html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category__actions,html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row-delete,html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta .thread-menu,html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__member-menu{opacity:1!important}}
@media(prefers-reduced-motion:reduce){html body #app .internal-surface.is-page[data-chat-layout="pro"] button{transition:none!important;animation:none!important;transform:none!important}}

/* The existing member control opens a drawer below the desktop breakpoint. */
@media(max-width:1179px){
html body #app .internal-surface.is-page[data-chat-layout="pro"].team-rail-mobile-open>.team-member-rail{display:flex!important;position:absolute!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;width:min(300px,90vw)!important;min-width:0!important;max-width:90vw!important;height:100%!important;z-index:90!important;background:var(--foxie-surface)!important;box-shadow:-16px 0 48px #0003!important}
}
/* Interactive chrome inherits the active theme rather than legacy white buttons. */
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .chat-layout-switch,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-command-bar .thread-actions>button{background:transparent!important;color:var(--foxie-muted)!important;border:0!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .chat-layout-switch:hover,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-command-bar .thread-actions>button:hover{background:color-mix(in srgb,var(--foxie-ink) 8%,transparent)!important;color:var(--foxie-ink)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane>.thread-search{background:var(--foxie-surface)!important;border:1px solid var(--foxie-border)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane>.thread-search input{background:transparent!important;color:var(--foxie-ink)!important;font-weight:400!important;border:0!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane .foxie-channel-row-shell>.foxie-channel-row{height:36px!important;min-height:36px!important;margin:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane .foxie-channel-category__rows{gap:3px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-bubble{box-shadow:none!important}

/* Refinement: one navigation header, independent scopes, original theme surfaces. */
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head.compact-team-head {
 display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;
 gap:6px!important;padding:0 10px!important;height:58px!important;min-height:58px!important;flex-basis:58px!important;
}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .brand-mark{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:9px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head-copy strong{font-size:14px!important;white-space:nowrap;letter-spacing:-.025em!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head-copy small{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .thread-actions{position:static!important;display:flex!important;gap:0!important;min-height:28px!important;align-items:center!important;width:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .thread-actions>button,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .chat-layout-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;inset:auto!important;width:26px!important;height:30px!important;min-width:26px!important;min-height:30px!important;flex:0 0 26px!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:var(--foxie-muted)!important;border-radius:7px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head button:hover{background:var(--foxie-accent-faint)!important;color:var(--foxie-accent)!important;transform:translateY(-1px)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-command-bar{padding:0 10px 12px!important;background:var(--foxie-surface)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-search.thread-search-top{margin:12px 10px 10px!important;background:var(--foxie-surface-soft)!important;height:40px!important;min-height:40px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-search .chat-archive-toggle{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border:0!important;padding:0!important;background:transparent!important;border-radius:6px!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-search .chat-archive-toggle.active{background:var(--foxie-accent-soft)!important;color:var(--foxie-accent)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-navigation-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:3px!important;margin:0!important;border:1px solid var(--foxie-border)!important;border-radius:10px!important;background:var(--foxie-surface)!important;min-height:40px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-navigation-tabs>button{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:0!important;height:34px!important;border:0!important;border-radius:7px!important;padding:0 8px!important;color:var(--foxie-muted)!important;background:transparent!important;font-size:13px!important;font-weight:600!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-navigation-tabs>button.active{background:var(--foxie-accent-soft)!important;color:var(--foxie-accent)!important;box-shadow:0 1px 3px color-mix(in srgb,var(--foxie-accent) 10%,transparent)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-navigation-tabs>button::after{content:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-archive-caption{font-size:12px!important;padding:7px 4px 0!important;color:var(--foxie-muted)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"][data-chat-navigation="conversations"] .foxie-channel-navigator,
html body #app .internal-surface.is-page[data-chat-layout="pro"][data-chat-navigation="conversations"] .foxie-voice-sidebar-host,
html body #app .internal-surface.is-page[data-chat-layout="pro"][data-chat-navigation="channels"] .thread-list{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-list{border:0!important;padding-top:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-navigator{display:block!important;white-space:normal!important;overflow:visible!important;animation:chatScopeEnter .18s ease both}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category__rows{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-category__rows[hidden]{display:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row-shell{display:block!important;position:relative!important;width:100%!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row{width:100%!important;max-width:100%!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .foxie-channel-row>b{margin-right:20px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row{cursor:pointer;position:relative!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row>.thread-meta{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:3px!important;min-width:32px!important;position:static!important;margin:0!important;padding:0!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta .thread-menu{display:grid!important;place-items:center!important;position:static!important;transform:none!important;min-height:26px!important;width:26px!important;height:26px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--foxie-muted)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta .thread-menu:hover{background:var(--foxie-accent-soft)!important;color:var(--foxie-accent)!important}
/* Never reset custom role color, border, effects or font style to plain text. */
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy{padding-right:6px!important;overflow:visible!important;align-items:flex-start!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy>.foxie-runtime-role-badge,
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy[data-role-runtime-owned="1"]>[data-canonical-role-badge="1"]{display:inline-flex!important;align-items:center!important;gap:4px!important;width:max-content!important;max-width:100%!important;min-width:0!important;min-height:22px!important;padding:3px 7px!important;margin:2px 0 0!important;border:1px var(--role-border-style,solid) var(--role-border,var(--foxie-accent))!important;background:var(--role-bg,var(--foxie-accent-faint))!important;color:var(--role-color,var(--foxie-accent))!important;border-radius:7px!important;font-size:12px!important;line-height:1.25!important;box-sizing:border-box!important;position:relative!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy>.foxie-runtime-role-badge>strong{min-width:0!important;font-size:12px!important;line-height:1.25!important;font-weight:inherit!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__copy>.foxie-runtime-role-badge>:is(span,i.mdi){flex:none!important;font-size:12px!important;line-height:1!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person{overflow:visible!important;min-height:64px!important;padding:9px 8px!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person:disabled{opacity:1!important;color:var(--foxie-ink)!important}
/* Smooth physical collapse. The pane stays mounted, clips content, and ends at zero width. */
@media(min-width:961px){
 html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane{--chat-nav-width:280px;display:flex!important;min-width:0!important;transition:flex-basis .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane>:is(.pane-head,.thread-command-bar,.thread-list,.foxie-channel-navigator,.foxie-voice-sidebar-host){box-sizing:border-box!important;width:var(--chat-nav-width)!important;min-width:var(--chat-nav-width)!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane>.thread-search{width:calc(var(--chat-nav-width) - 20px)!important;min-width:calc(var(--chat-nav-width) - 20px)!important;box-sizing:border-box!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"].sidebar-collapsed>.thread-pane{display:flex!important;flex-basis:0!important;width:0!important;max-width:0!important;min-width:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
}
@media(min-width:961px) and (max-width:1179px){html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane{--chat-nav-width:260px}}
@media(min-width:1180px){
 html body #app .internal-surface.is-page[data-chat-layout="pro"]>.team-member-rail{display:flex!important;min-width:0!important;overflow:hidden!important;transition:flex-basis .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s ease!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"]>.team-member-rail>*{width:260px!important;min-width:260px!important;box-sizing:border-box!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"].team-rail-collapsed>.team-member-rail,
 html body #app .internal-surface.is-page[data-chat-layout="pro"].members-collapsed>.team-member-rail{display:flex!important;flex-basis:0!important;width:0!important;max-width:0!important;min-width:0!important;opacity:0!important;pointer-events:none!important}
}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-page-back{display:none!important}
/* All menu contents live in the top layer; no tiny inherited grid or clipped icon-only actions. */
html body .conversation-action-menu[data-chat-menu="pro"]{box-sizing:border-box!important;margin:0!important;padding:6px!important;gap:2px!important;border:1px solid var(--foxie-border)!important;border-radius:12px!important;background:var(--foxie-surface-raised)!important;color:var(--foxie-ink)!important;box-shadow:0 14px 45px #0002!important;overflow-x:hidden!important;font-family:inherit!important;overscroll-behavior:contain!important}
html body .conversation-action-menu[data-chat-menu="pro"]:is(:popover-open,.open){display:flex!important;flex-direction:column!important}
html body .conversation-action-menu[data-chat-menu="pro"]:not(:popover-open):not(.open){display:none!important}
html body .conversation-action-menu[data-chat-menu="pro"]>.conversation-runtime-actions{display:flex!important;flex-direction:column!important;gap:2px!important;border-top:1px solid var(--foxie-border)!important;padding-top:4px!important;margin-top:4px!important;width:100%!important}
html body .conversation-action-menu[data-chat-menu="pro"] button{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex:none!important;width:100%!important;min-width:0!important;min-height:38px!important;height:auto!important;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--foxie-ink)!important;font-size:13px!important;line-height:1.35!important;text-align:left!important;box-shadow:none!important}
html body .conversation-action-menu[data-chat-menu="pro"] button:hover{background:var(--foxie-accent-faint)!important;color:var(--foxie-accent)!important}
html body .conversation-action-menu[data-chat-menu="pro"] button>span{display:block!important;font-size:13px!important;white-space:normal!important}
html body .conversation-action-menu[data-chat-menu="pro"] button>:is(i,.v-icon){font-size:18px!important;flex:0 0 20px!important}
html body .conversation-action-menu[data-chat-menu="pro"] .conversation-runtime-actions>button::after{content:attr(title);font-size:13px!important;white-space:normal!important;line-height:1.35!important}
html body .chat-thread-popover{max-width:calc(100vw - 16px)!important;min-width:min(240px,calc(100vw - 16px))!important;overflow:hidden!important;border:1px solid var(--foxie-border)!important;border-radius:12px!important;box-shadow:0 14px 40px #0002!important}
html body .chat-thread-popover .v-list{padding:6px!important;background:var(--foxie-surface-raised)!important;color:var(--foxie-ink)!important}
html body .chat-thread-popover .v-list-item{min-height:42px!important;padding:0 10px!important;border-radius:7px!important}
html body .chat-thread-popover .v-list-item-title{font-size:13px!important;white-space:normal!important;line-height:1.35!important}
html body .chat-thread-popover .v-list-item__prepend>.v-list-item__spacer{width:12px!important}
html body .chat-thread-popover .v-icon{font-size:18px!important}
.chat-context-menu{position:fixed;margin:0;padding:6px;border:1px solid var(--foxie-border);border-radius:12px;background:var(--foxie-surface-raised);color:var(--foxie-ink);box-shadow:0 14px 45px #0003;font-family:inherit;overflow:auto;z-index:2147483500;overscroll-behavior:contain}
.chat-context-menu:not(:popover-open):not(.is-open){display:none}
.chat-context-menu:is(:popover-open,.is-open){display:block;animation:chatMenuEnter .14s ease}
.chat-context-menu>button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.chat-context-menu>button:hover,.chat-context-menu>button:focus-visible{background:var(--foxie-accent-soft);color:var(--foxie-accent);outline:none}
.chat-context-menu>button .v-icon{font-size:18px;flex:0 0 20px}
.chat-context-menu>button.danger{color:#c73d49}
.chat-context-menu hr{margin:5px 6px;border:0;border-top:1px solid var(--foxie-border)}
.chat-context-menu__reactions{display:flex;justify-content:space-between;gap:4px;padding:3px 3px 8px;margin-bottom:4px;border-bottom:1px solid var(--foxie-border)}
.chat-context-menu__reactions>button{width:40px;height:38px;border:0;border-radius:8px;background:var(--foxie-surface-soft);font-size:19px;cursor:pointer;transition:transform .16s,background .16s}
.chat-context-menu__reactions>button:hover{transform:translateY(-2px);background:var(--foxie-accent-soft)}
@keyframes chatScopeEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes chatMenuEnter{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:960px){
 html body #app .internal-surface.is-page[data-chat-layout="pro"]>.thread-pane{display:flex!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;opacity:1!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"].has-channel>.thread-pane{display:none!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"]:not(.has-channel)>.conversation-pane{display:none!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head.compact-team-head{grid-template-columns:30px minmax(0,1fr) auto 28px!important;padding:0 12px!important;gap:8px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .thread-actions{gap:3px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .pane-head .thread-actions>button{width:30px!important;min-width:30px!important;flex-basis:30px!important;height:36px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-search.thread-search-top{margin:12px!important;width:auto!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-command-bar{padding:0 12px 12px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-meta .thread-menu{opacity:1!important;width:32px!important;height:32px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-head{display:flex!important;height:58px!important;min-height:58px!important;gap:8px!important;padding:0 10px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .chat-page-back{display:grid!important;place-items:center!important;width:32px!important;height:38px!important;flex:0 0 32px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--foxie-ink)!important;padding:0!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-head>.avatar{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title{flex:1 1 0!important;min-width:0!important;width:auto!important;overflow:hidden!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title>strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-title>span{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-header-tools{flex:0 0 auto!important;display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;max-width:80px!important;gap:4px!important;margin-left:auto!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-actions-trigger{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:0!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-music-slot:empty{display:none!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .conversation-music-slot,
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .music-header,
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .music-pill{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;flex:0 0 36px!important;padding:0!important;margin:0!important;justify-content:center!important;gap:0!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .music-pill .music-art{width:28px!important;height:28px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .music-pill>:is(.music-copy,.music-bars,.v-icon){display:none!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"].team-rail-mobile-open>.team-member-rail{animation:chatScopeEnter .2s ease}
 /* HeaderShell: text owns its grid column; the logo remains only in the sidebar. */
 html body #app .shell-v2 .topbar-v2{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:env(safe-area-inset-top) 12px 0!important;height:calc(58px + env(safe-area-inset-top))!important;min-height:calc(58px + env(safe-area-inset-top))!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}
 html body #app .shell-v2 .topbar-left-v2{grid-column:1!important;grid-row:1!important;order:0!important;position:static!important;width:38px!important;min-width:38px!important;max-width:38px!important;margin:0!important;transform:none!important}
 html body #app .shell-v2 .mobile-menu{display:grid!important;place-items:center!important;position:static!important;width:38px!important;height:38px!important;min-width:38px!important;transform:none!important;padding:0!important}
 html body #app .shell-v2 .foxie-mobile-shell-brand{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;height:38px!important;margin:0!important;padding:0!important;pointer-events:auto!important}
 html body #app .shell-v2 .foxie-mobile-shell-title{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.035em!important;text-decoration:none!important;color:var(--foxie-ink)!important}
 html body #app .shell-v2 .topbar-actions-v2{grid-column:3!important;grid-row:1!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;width:auto!important;min-width:0!important;height:38px!important;margin:0!important;padding:0!important;transform:none!important}
 html body #app .shell-v2 .topbar-v2 :is(.foxie-team-topbar-launcher-v5,.topbar-atmosphere,.module-search,.enterprise-module-search,.enterprise-quick-buy,.profile-trigger,.notification-trigger,.language-switcher,.topbar-left-v2 .workspace-switcher,.topbar-left-v2 .workspace-create-link),
 html body #app .shell-v2 .topbar-actions-v2>.icon-button{display:none!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-cluster{display:flex!important;align-items:center!important;height:36px!important;max-width:128px!important;min-width:0!important;margin:0!important;transform:none!important;border-radius:10px!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-trigger{display:flex!important;align-items:center!important;height:34px!important;min-width:0!important;width:auto!important;gap:5px!important;padding:0 6px!important;transform:none!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-art{width:24px!important;height:28px!important;flex:0 0 24px!important;transform:none!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-art img{width:100%!important;height:100%!important;object-fit:contain!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-copy strong{font-size:12px!important;white-space:nowrap!important;line-height:1.2!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-copy small{display:none!important}
 html body #app .shell-v2 .topbar-v2 .ai-credit-chevron{width:26px!important;min-width:26px!important;height:34px!important;padding:0!important}
}
@media(prefers-reduced-motion:reduce){html body #app .internal-surface.is-page[data-chat-layout="pro"] :is(.thread-pane,.team-member-rail,.foxie-channel-navigator,.thread-actions>button){animation:none!important;transition:none!important}.chat-context-menu{animation:none!important}}

/* Preserve the existing immersive mobile conversation: the shell cannot cover its header. */
@media(max-width:960px){
 html body #app .shell-v2:has(.internal-surface.is-page[data-chat-layout="pro"].has-channel) .topbar-v2{display:none!important;height:0!important;min-height:0!important;padding:0!important;border:0!important}
 html body #app .shell-v2:has(.internal-surface.is-page[data-chat-layout="pro"].has-channel) .content-v2{padding:0!important;margin:0!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important}
 html body #app .shell-v2:has(.internal-surface.is-page[data-chat-layout="pro"].has-channel) .foxie-team-page{height:100dvh!important;max-height:100dvh!important}
}
@media(max-width:960px){
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-row:not(.moderation-notice-row):not(.foxie-call-summary-row) .message-bubble>footer .message-actions{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:static!important;transform:none!important;margin:0!important;gap:2px!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-actions>button{display:none!important}
 html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-actions>.message-context-trigger{display:grid!important;place-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--foxie-muted)!important}
}
@media(max-width:960px){
 html body #app .internal-surface.is-page[data-chat-layout="pro"]:not(.has-channel).sidebar-collapsed>.thread-pane.page-collapsed-hidden{display:flex!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
html body .conversation-action-menu[data-chat-menu="pro"] button{font-weight:500!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row>.avatar:not(:has(img)){background:var(--foxie-accent-faint)!important;color:var(--foxie-ink)!important;box-shadow:none!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .thread-row>.avatar:not(:has(img))>b{color:var(--foxie-ink)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-row:focus{outline:none}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .message-row:focus-visible{outline:2px solid var(--foxie-accent);outline-offset:-2px;border-radius:8px}
html body .chat-thread-popover .v-list{max-height:inherit!important;overflow-y:auto!important;overscroll-behavior:contain}
@media(hover:none){html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__member-menu{opacity:1!important}}


html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person.has-member-banner{overflow:hidden!important;isolation:isolate!important;background:var(--foxie-surface-raised)!important}
html body #app .internal-surface.is-page[data-chat-layout="pro"] .team-member-rail__person.has-member-banner:hover{background:var(--foxie-surface-raised)!important}