.filament-page-skin {
  --fp-surface: #ffffff;
  --fp-surface-soft: #f4f4f5;
  --fp-border: #e4e4e7;
  --fp-text: #09090b;
  --fp-muted: #71717a;
  --fp-blue: #2563eb;
  --fp-green: #059669;
  --fp-amber: #d97706;
  --fp-red: #e11d48;
  --fp-shadow: 0 12px 28px rgba(24, 24, 27, .08);
  --fp-hover: rgba(24, 24, 27, .025);
  display: grid;
  gap: 1.5rem;
}

body.fi-body {
  --fp-shell-bg: #ffffff;
  --fp-shell-border: rgba(148, 163, 184, .22);
  --fp-shell-shadow: 18px 0 45px rgba(15, 23, 42, .08);
  background-color: #f8fafc;
  background-image:
    linear-gradient(90deg, rgba(37, 99, 235, .08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(15, 23, 42, .045) 1px, transparent 1px),
    linear-gradient(135deg, rgba(37, 99, 235, .055), rgba(16, 185, 129, .035) 42%, rgba(15, 23, 42, 0) 70%);
  background-position: 0 0, 0 0, 0 0;
  background-size: 44px 44px, 44px 44px, 180% 180%;
  animation: fpPortalWallpaper 26s linear infinite;
}

body.fi-body.dark,
.dark body.fi-body {
  --fp-shell-bg: #18181b;
  --fp-shell-border: rgba(63, 63, 70, .7);
  --fp-shell-shadow: 20px 0 52px rgba(0, 0, 0, .28);
  background-color: #0f1014;
  background-image:
    linear-gradient(90deg, rgba(59, 130, 246, .1) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(135deg, rgba(59, 130, 246, .12), rgba(16, 185, 129, .06) 42%, rgba(255, 255, 255, 0) 70%);
}

body.fi-body .fi-topbar {
  background: var(--fp-shell-bg) !important;
  border-block-end-color: var(--fp-shell-border);
  backdrop-filter: blur(18px);
}

body.fi-body .fi-main-sidebar,
body.fi-body .fi-sidebar,
body.fi-body .fi-sidebar-header,
body.fi-body .fi-sidebar-nav {
  background: var(--fp-shell-bg) !important;
}

body.fi-body .fi-main-sidebar,
body.fi-body .fi-sidebar {
  border-inline-end: 1px solid var(--fp-shell-border);
  box-shadow: var(--fp-shell-shadow);
}

body.fi-body .fi-sidebar-header {
  border-block-end: 1px solid var(--fp-shell-border);
  backdrop-filter: blur(18px);
}

body.fi-body .fi-sidebar-nav {
  backdrop-filter: blur(18px);
}

body.fi-body .fi-sidebar-group-label,
body.fi-body .fi-sidebar-item-label,
body.fi-body .fi-sidebar-item-icon {
  color: #475569;
}

body.fi-body .fi-sidebar-item:hover,
body.fi-body .fi-sidebar-item.fi-active,
body.fi-body .fi-sidebar-item-active {
  background: rgba(37, 99, 235, .08);
}

body.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-label,
body.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
body.fi-body .fi-sidebar-item-active .fi-sidebar-item-label,
body.fi-body .fi-sidebar-item-active .fi-sidebar-item-icon {
  color: #1d4ed8;
}

body.fi-body.dark .fi-sidebar-group-label,
body.fi-body.dark .fi-sidebar-item-label,
body.fi-body.dark .fi-sidebar-item-icon,
.dark body.fi-body .fi-sidebar-group-label,
.dark body.fi-body .fi-sidebar-item-label,
.dark body.fi-body .fi-sidebar-item-icon {
  color: #aeb7c8;
}

body.fi-body.dark .fi-sidebar-item:hover,
body.fi-body.dark .fi-sidebar-item.fi-active,
body.fi-body.dark .fi-sidebar-item-active,
.dark body.fi-body .fi-sidebar-item:hover,
.dark body.fi-body .fi-sidebar-item.fi-active,
.dark body.fi-body .fi-sidebar-item-active {
  background: rgba(59, 130, 246, .11);
}

body.fi-body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-label,
body.fi-body.dark .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
body.fi-body.dark .fi-sidebar-item-active .fi-sidebar-item-label,
body.fi-body.dark .fi-sidebar-item-active .fi-sidebar-item-icon,
.dark body.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.dark body.fi-body .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.dark body.fi-body .fi-sidebar-item-active .fi-sidebar-item-label,
.dark body.fi-body .fi-sidebar-item-active .fi-sidebar-item-icon {
  color: #bfdbfe;
}

.fi-simple-layout {
  min-height: 100svh;
}

.fi-simple-layout .fi-simple-main-ctn {
  min-height: 100svh;
  padding: 1.5rem;
  display: grid;
  place-items: center;
}

.fi-simple-layout .fi-simple-main {
  border: 1px solid rgba(148, 163, 184, .32);
  border-radius: 1rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 252, .9)),
    rgba(255, 255, 255, .88);
  box-shadow: 0 30px 80px rgba(15, 23, 42, .18);
  padding: 1.25rem;
  width: min(100%, 31rem);
}

.dark .fi-simple-layout .fi-simple-main,
.fi-theme-dark .fi-simple-layout .fi-simple-main {
  border-color: rgba(96, 165, 250, .28);
  background:
    linear-gradient(180deg, rgba(24, 26, 31, .96), rgba(18, 18, 22, .94)),
    rgba(18, 18, 22, .92);
  box-shadow: 0 34px 95px rgba(0, 0, 0, .42);
}

.fi-simple-page {
  width: 100%;
}

.fi-simple-page-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
  padding: 0;
}

.fi-simple-header {
  align-items: center;
  padding: .35rem .25rem 1rem;
  text-align: center;
}

.fi-simple-header .fi-logo {
  height: 5.25rem !important;
  margin-bottom: .85rem;
}

.fi-simple-header-heading {
  color: #0f172a;
  font-size: 1.65rem;
  font-weight: 850;
  line-height: 1.15;
}

.dark .fi-simple-header-heading,
.fi-theme-dark .fi-simple-header-heading {
  color: #f8fafc;
}

.fi-simple-header-subheading {
  color: #64748b;
  font-size: .9rem;
  line-height: 1.55;
  margin-top: .45rem;
  margin-inline: auto;
  max-width: 24rem;
}

.dark .fi-simple-header-subheading,
.fi-theme-dark .fi-simple-header-subheading {
  color: #aeb7c8;
}

.fi-simple-page-content .fi-fo-field-wrp,
.fi-simple-page-content .fi-checkbox-input {
  --tw-ring-offset-width: 0px;
}

.fi-simple-page-content .fi-input-wrp {
  border-radius: .75rem;
}

.fi-simple-page-content .fi-input {
  min-height: 2.8rem;
}

.fi-simple-page-content .fi-btn {
  min-height: 2.75rem;
  border-radius: .75rem;
  font-weight: 850;
}

@media (max-width: 520px) {
  .fi-simple-layout .fi-simple-main-ctn {
    padding: .9rem;
  }

  .fi-simple-page-content {
    padding: 0;
  }

  .fi-simple-header-heading {
    font-size: 1.35rem;
  }
}

@keyframes fpPortalWallpaper {
  0% {
    background-position: 0 0, 0 0, 0 50%;
  }
  100% {
    background-position: 44px 44px, -44px 44px, 100% 50%;
  }
}

.dark .filament-page-skin,
.fi-theme-dark .filament-page-skin {
  --fp-surface: #18181b;
  --fp-surface-soft: #27272a;
  --fp-border: #3f3f46;
  --fp-text: #fafafa;
  --fp-muted: #a1a1aa;
  --fp-blue: #3b82f6;
  --fp-green: #10b981;
  --fp-amber: #f59e0b;
  --fp-red: #f43f5e;
  --fp-shadow: 0 18px 45px rgba(0, 0, 0, .22);
  --fp-hover: rgba(255, 255, 255, .035);
}

.filament-page-skin * {
  box-sizing: border-box;
}

.fp-public-topbar-actions {
  display: flex;
  align-items: center;
}

.fp-public-account-trigger {
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  display: grid;
  place-items: center;
}

.fp-public-account-trigger:hover {
  background: var(--gray-100);
}

.dark .fp-public-account-trigger:hover,
.fi-theme-dark .fp-public-account-trigger:hover {
  background: rgba(255, 255, 255, .08);
}

.fp-public-account-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--gray-100);
  color: var(--gray-600);
  display: grid;
  place-items: center;
}

.dark .fp-public-account-avatar,
.fi-theme-dark .fp-public-account-avatar {
  background: rgba(255, 255, 255, .1);
  color: var(--gray-300);
}

.fp-public-account-icon {
  width: 1.1rem;
  height: 1.1rem;
}

.filament-page-skin .fp-grid {
  display: grid;
  gap: 1rem;
}

.filament-page-skin .fp-grid-4,
.filament-page-skin .fp-app-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.filament-page-skin .fp-card,
.filament-page-skin .fp-panel,
.filament-page-skin .fp-app-card {
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface);
  box-shadow: var(--fp-shadow);
}

.filament-page-skin .fp-card {
  min-height: 120px;
  padding: 1.25rem;
}

.filament-page-skin .fp-card span,
.filament-page-skin .fp-card p,
.filament-page-skin .fp-panel-head p,
.filament-page-skin .fp-app-head p,
.filament-page-skin .fp-app-desc,
.filament-page-skin .fp-meta-row,
.filament-page-skin .fp-host {
  color: var(--fp-muted);
}

.filament-page-skin .fp-card span {
  font-size: .875rem;
  font-weight: 650;
}

.filament-page-skin .fp-card strong {
  display: block;
  margin-top: .5rem;
  color: var(--fp-text);
  font-size: 2rem;
  line-height: 1.1;
}

.filament-page-skin .fp-card p {
  margin: .35rem 0 0;
  font-size: .875rem;
}

.filament-page-skin .fp-card-success {
  border-color: rgba(16, 185, 129, .28);
}

.filament-page-skin .fp-card-warning {
  border-color: rgba(245, 158, 11, .32);
}

.filament-page-skin .fp-card-danger {
  border-color: rgba(244, 63, 94, .32);
}

.filament-page-skin .fp-panel {
  overflow: hidden;
}

.filament-page-skin .fp-panel-head {
  padding: 1.25rem;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.filament-page-skin .fp-panel-head h3,
.filament-page-skin .fp-app-head h4 {
  margin: 0;
  color: var(--fp-text);
}

.filament-page-skin .fp-section-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.filament-page-skin .fp-panel-head p,
.filament-page-skin .fp-app-head p,
.filament-page-skin .fp-app-desc,
.filament-page-skin .fp-host {
  margin: .25rem 0 0;
  font-size: .875rem;
}

.filament-page-skin .fp-app-grid {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
}

.filament-page-skin .fp-app-card {
  min-height: 245px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .9rem;
}

.filament-page-skin .fp-compact-card {
  min-height: 13rem;
  padding: .9rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface);
  display: flex;
  flex-direction: column;
  gap: .8rem;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
  will-change: transform;
}

.filament-page-skin .fp-compact-card:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 42%, var(--fp-border));
  box-shadow: 0 18px 42px rgba(37, 99, 235, .14);
  transform: translateY(-3px);
}

.filament-page-skin .fp-compact-card:active {
  transform: translateY(-1px) scale(.995);
}

.filament-page-skin .fp-compact-card h4 {
  margin: 0;
  color: var(--fp-text);
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.35;
}

.filament-page-skin .fp-compact-card p {
  margin: .2rem 0 0;
  color: var(--fp-muted);
  font-size: .76rem;
  line-height: 1.4;
}

.filament-page-skin .fp-editorial-grid {
  padding: 1rem;
  column-count: 3;
  column-gap: 1rem;
}

.filament-page-skin .fp-content-card {
  width: 100%;
  margin: 0 0 1rem;
  padding: .85rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface);
  display: inline-grid;
  grid-template-rows: auto auto auto auto;
  gap: .65rem;
  break-inside: avoid;
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

.filament-page-skin .fp-content-card.is-text-only {
  min-height: 8.25rem;
}

.filament-page-skin .fp-content-card.has-media {
  padding-top: .85rem;
}

.filament-page-skin .fp-content-card:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 42%, var(--fp-border));
  box-shadow: 0 18px 42px rgba(37, 99, 235, .14);
}

.filament-page-skin .fp-news-card {
  cursor: pointer;
}

.filament-page-skin .fp-content-card-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
  order: 2;
}

.filament-page-skin .fp-content-card-badges {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.filament-page-skin .fp-content-card-badges span {
  max-width: 100%;
  min-height: 1.35rem;
  padding: .18rem .5rem;
  border-radius: 999px;
  background: var(--fp-surface-soft);
  color: var(--fp-muted);
  display: inline-flex;
  align-items: center;
  font-size: .66rem;
  font-weight: 800;
  line-height: 1;
}

.filament-page-skin .fp-content-card-badges .is-blue {
  background: color-mix(in srgb, var(--fp-blue) 12%, transparent);
  color: var(--fp-blue);
}

.filament-page-skin .fp-content-card-meta time {
  flex: 0 0 auto;
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: right;
}

.filament-page-skin .fp-content-card-body {
  min-width: 0;
  order: 3;
}

.filament-page-skin .fp-content-card-body h4 {
  margin: 0;
  color: var(--fp-text);
  display: -webkit-box;
  overflow: hidden;
  font-size: .98rem;
  font-weight: 800;
  line-height: 1.3;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.filament-page-skin .fp-content-card-body p {
  margin: .28rem 0 0;
  color: var(--fp-muted);
  display: -webkit-box;
  overflow: hidden;
  font-size: .76rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.filament-page-skin .fp-attachment-preview {
  order: 1;
  min-height: 7.75rem;
  max-height: none;
  margin: 0 0 .05rem;
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  background: color-mix(in srgb, var(--fp-surface-soft) 78%, transparent);
  color: var(--fp-text);
  display: block;
  overflow: hidden;
  text-decoration: none;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.filament-page-skin .fp-attachment-preview:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 48%, var(--fp-border));
  background: color-mix(in srgb, var(--fp-blue) 7%, var(--fp-surface));
  transform: translateY(-1px);
}

.filament-page-skin .fp-attachment-preview img,
.filament-page-skin .fp-file-preview {
  width: 100%;
  height: 8.25rem;
  min-height: 7.75rem;
  border: 0;
  background: #0f172a;
  object-fit: cover;
}

.filament-page-skin .fp-file-preview {
  position: relative;
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(59, 130, 246, .22), rgba(15, 23, 42, .92)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 12px);
  overflow: hidden;
}

.filament-page-skin .fp-file-preview::before {
  content: "";
  width: 3.25rem;
  height: 4.1rem;
  border-radius: .38rem;
  background:
    linear-gradient(135deg, transparent 0 78%, rgba(15, 23, 42, .35) 79%),
    rgba(255, 255, 255, .92);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.filament-page-skin .fp-file-preview::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: .16rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, .38);
  box-shadow:
    0 .55rem 0 rgba(15, 23, 42, .22),
    0 1.1rem 0 rgba(15, 23, 42, .16);
  transform: translateY(.35rem);
}

.filament-page-skin .fp-file-preview span {
  position: absolute;
  left: 50%;
  bottom: 1.05rem;
  min-width: 3.15rem;
  padding: .38rem .5rem;
  border-radius: .45rem;
  background: color-mix(in srgb, var(--fp-blue) 78%, #020617);
  color: white;
  font-size: .7rem;
  font-weight: 900;
  text-align: center;
  transform: translateX(-50%);
  z-index: 2;
}

.filament-page-skin .fp-file-preview.is-pdf span {
  background: #dc2626;
}

.filament-page-skin .fp-content-actions {
  order: 4;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
  justify-content: flex-start;
  padding-top: .1rem;
}

.filament-page-skin .fp-content-action {
  justify-self: start;
}

.filament-page-skin .fp-detail-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(7px);
}

.filament-page-skin .fp-detail-modal {
  width: min(100%, 36rem);
  max-height: min(78vh, 42rem);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: color-mix(in srgb, var(--fp-surface) 96%, transparent);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .38);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.filament-page-skin .fp-detail-head {
  padding: 1rem 1.1rem .85rem;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.filament-page-skin .fp-detail-head span {
  color: var(--fp-blue);
  display: block;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.filament-page-skin .fp-detail-head h3 {
  margin: .25rem 0 0;
  color: var(--fp-text);
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.3;
}

.filament-page-skin .fp-detail-head p {
  margin: .25rem 0 0;
  color: var(--fp-muted);
  font-size: .78rem;
  font-weight: 650;
}

.filament-page-skin .fp-detail-body {
  min-height: 0;
  padding: 1rem 1.1rem;
  overflow-y: auto;
  color: var(--fp-muted);
  font-size: .9rem;
  line-height: 1.6;
}

.filament-page-skin .fp-detail-body p,
.filament-page-skin .fp-detail-body div {
  margin: 0;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-detail-body p + div {
  margin-top: .8rem;
}

.filament-page-skin .fp-detail-actions {
  padding: .85rem 1.1rem 1rem;
  border-top: 1px solid var(--fp-border);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
}

.filament-page-skin.fp-news-detail {
  display: grid;
  gap: 1rem;
}

.filament-page-skin .fp-news-detail-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: 1rem;
  align-items: start;
}

.filament-page-skin .fp-news-detail-main,
.filament-page-skin .fp-news-discussion {
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface);
  box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
  overflow: hidden;
}

.filament-page-skin .fp-news-detail-kicker {
  padding: 1rem 1rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.filament-page-skin .fp-news-detail-kicker span {
  min-height: 1.55rem;
  padding: .25rem .6rem;
  border-radius: 999px;
  background: var(--fp-surface-soft);
  color: var(--fp-muted);
  display: inline-flex;
  align-items: center;
  font-size: .68rem;
  font-weight: 800;
  line-height: 1;
}

.filament-page-skin .fp-news-hero-media {
  margin: 1rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface-soft);
  display: block;
  overflow: hidden;
}

.filament-page-skin .fp-news-hero-media img,
.filament-page-skin .fp-news-hero-media .fp-file-preview {
  width: 100%;
  height: min(42vh, 22rem);
  object-fit: cover;
}

.filament-page-skin .fp-news-detail-head {
  padding: 1rem 1.15rem;
  border-bottom: 1px solid var(--fp-border);
}

.filament-page-skin .fp-news-detail-head h1 {
  margin: 0;
  color: var(--fp-text);
  font-size: clamp(1.45rem, 2.4vw, 2.35rem);
  font-weight: 900;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-news-detail-meta {
  margin-top: .75rem;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.filament-page-skin .fp-news-detail-meta span {
  padding: .22rem .5rem;
  border-radius: .45rem;
  background: color-mix(in srgb, var(--fp-blue) 9%, transparent);
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 750;
}

.filament-page-skin .fp-news-detail-head p {
  margin: .9rem 0 0;
  color: var(--fp-muted);
  font-size: .96rem;
  line-height: 1.65;
}

.filament-page-skin .fp-news-body {
  padding: 1.15rem;
  color: var(--fp-text);
  font-size: .95rem;
  line-height: 1.75;
  overflow-wrap: anywhere;
  white-space: normal;
}

.filament-page-skin .fp-news-attachment-row {
  padding: 0 1.15rem 1.15rem;
  display: flex;
  justify-content: flex-start;
}

.filament-page-skin .fp-news-discussion {
  position: sticky;
  top: 1rem;
  display: grid;
  gap: 0;
}

.filament-page-skin .fp-news-discussion-head {
  padding: 1rem;
  border-bottom: 1px solid var(--fp-border);
}

.filament-page-skin .fp-news-discussion-head h2 {
  margin: 0;
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 850;
}

.filament-page-skin .fp-news-discussion-head p {
  margin: .2rem 0 0;
  color: var(--fp-muted);
  font-size: .76rem;
  font-weight: 700;
}

.filament-page-skin .fp-news-comment-form {
  padding: 1rem;
  border-bottom: 1px solid var(--fp-border);
  display: grid;
  gap: .7rem;
}

.filament-page-skin .fp-news-comment-form label {
  display: grid;
  gap: .35rem;
}

.filament-page-skin .fp-news-comment-form label > span {
  color: var(--fp-text);
  font-size: .78rem;
  font-weight: 800;
}

.filament-page-skin .fp-news-comment-form textarea {
  width: 100%;
  min-height: 7rem;
  padding: .6rem .75rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--fp-text);
  resize: vertical;
}

.filament-page-skin .fp-form-error {
  margin: 0;
  color: #ef4444;
  font-size: .76rem;
  font-weight: 700;
}

.filament-page-skin .fp-news-comments {
  max-height: 34rem;
  padding: .75rem;
  display: grid;
  gap: .65rem;
  overflow-y: auto;
}

.filament-page-skin .fp-news-comment {
  padding: .75rem;
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  background: var(--fp-surface-soft);
}

.filament-page-skin .fp-news-comment div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
}

.filament-page-skin .fp-news-comment strong {
  color: var(--fp-text);
  font-size: .83rem;
  font-weight: 850;
}

.filament-page-skin .fp-news-comment time {
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 700;
  text-align: right;
}

.filament-page-skin .fp-news-comment p {
  margin: .45rem 0 0;
  color: var(--fp-muted);
  font-size: .84rem;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-news-comments-closed,
.filament-page-skin .fp-news-empty-comments {
  margin: 1rem;
  padding: .85rem;
  border: 1px dashed var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-muted);
  font-size: .82rem;
  font-weight: 700;
  text-align: center;
}

.filament-page-skin .fp-public-app-grid {
  align-items: stretch;
}

.filament-page-skin .fp-portal-hero-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 2.75rem;
  margin-top: -.75rem;
}

.filament-page-skin .fp-google-search {
  display: grid;
  grid-template-columns: max-content minmax(12rem, 1fr) max-content;
  align-items: center;
  gap: .625rem;
  width: min(100%, 36rem);
  padding: .55rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: color-mix(in srgb, var(--fp-panel) 88%, transparent);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .09);
  backdrop-filter: blur(12px);
}

.filament-page-skin .fp-google-search-title {
  color: var(--fp-text);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.filament-page-skin .fp-google-search-field {
  min-width: 0;
}

.filament-page-skin .fp-google-search-field .fi-input-wrp {
  width: 100%;
}

.filament-page-skin .fp-google-search .fi-btn {
  width: max-content;
  min-width: 0;
  white-space: nowrap;
}

.filament-page-skin .fp-google-search:focus-within {
  border-color: rgba(59, 130, 246, .75);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .14), 0 10px 28px rgba(15, 23, 42, .11);
}

.filament-page-skin .fp-announcement-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: start center;
  padding: 16vh 1rem 1rem;
  background: rgba(15, 23, 42, .28);
  backdrop-filter: blur(5px);
}

.filament-page-skin .fp-announcement-modal {
  width: min(100%, 28rem);
  display: grid;
  grid-template-columns: 2.15rem minmax(0, 1fr);
  gap: .75rem;
  padding: .8rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: color-mix(in srgb, var(--fp-surface) 96%, transparent);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .26);
}

.filament-page-skin .fp-announcement-icon {
  width: 2.15rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: .6rem;
  background: color-mix(in srgb, var(--fp-blue) 14%, transparent);
  color: var(--fp-blue);
}

.filament-page-skin .fp-announcement-icon .fi-icon {
  width: 1.05rem;
  height: 1.05rem;
}

.filament-page-skin .fp-announcement-content {
  min-width: 0;
  display: grid;
  gap: .25rem;
}

.filament-page-skin .fp-announcement-content p {
  margin: 0;
  color: var(--fp-blue);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  text-transform: uppercase;
}

.filament-page-skin .fp-announcement-content h3 {
  margin: 0;
  color: var(--fp-text);
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.25;
}

.filament-page-skin .fp-announcement-content span {
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 650;
}

.filament-page-skin .fp-announcement-content div {
  color: var(--fp-muted);
  font-size: .8rem;
  line-height: 1.45;
}

.filament-page-skin .fp-announcement-actions {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
  margin-top: .25rem;
}

.filament-page-skin .fp-announcement-actions .fi-btn {
  min-height: 2rem;
  padding-inline: .7rem;
  font-size: .78rem;
}

.filament-page-skin .fp-section-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.filament-page-skin .fp-search-form {
  width: min(100%, 20rem);
  flex: 0 1 20rem;
}

.filament-page-skin .fp-public-app-card {
  height: 17.25rem;
  min-height: 0;
  display: grid;
  grid-template-rows: 3.35rem 3.25rem auto minmax(1.2rem, 1fr) 2.25rem;
  gap: .55rem;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}

.filament-page-skin .fp-public-app-head {
  min-width: 0;
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  gap: .65rem;
  align-items: start;
}

.filament-page-skin .fp-public-app-title {
  min-width: 0;
  overflow: hidden;
}

.filament-page-skin .fp-public-app-title h4,
.filament-page-skin .fp-public-app-title p,
.filament-page-skin .fp-public-app-desc,
.filament-page-skin .fp-public-app-host {
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal;
}

.filament-page-skin .fp-public-app-title h4 {
  display: -webkit-box;
  min-height: 1.2rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.filament-page-skin .fp-public-app-title p {
  display: -webkit-box;
  min-height: 1.85rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.filament-page-skin .fp-public-app-desc {
  display: -webkit-box;
  min-height: 2.75rem;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.filament-page-skin .fp-public-app-meta {
  max-height: 3rem;
  margin-top: .25rem;
  align-content: start;
  overflow: hidden;
}

.filament-page-skin .fp-public-app-host {
  display: block;
  min-height: 1.2rem;
  margin: 0;
  align-self: end;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filament-page-skin .fp-app-head {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
}

.filament-page-skin .fp-app-logo {
  width: 2.55rem;
  aspect-ratio: 1;
  border-radius: .6rem;
  background: var(--app-color, var(--fp-blue));
  color: white;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-weight: 800;
  overflow: hidden;
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
}

.filament-page-skin .fp-public-app-card:hover .fp-app-logo {
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28);
  transform: translateY(-1px) scale(1.03);
}

.filament-page-skin .fp-app-logo img,
.filament-page-skin .fp-app-logo span {
  grid-area: 1 / 1;
}

.filament-page-skin .fp-app-logo img {
  width: 74%;
  aspect-ratio: 1;
  border-radius: .4rem;
  background: rgba(255, 255, 255, .92);
  object-fit: contain;
  padding: .2rem;
  z-index: 2;
}

.filament-page-skin .fp-app-logo span {
  z-index: 1;
}

.filament-page-skin .fp-app-desc {
  flex: 1;
  line-height: 1.45;
}

.filament-page-skin .fp-meta-row,
.filament-page-skin .fp-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  align-items: center;
}

.filament-page-skin .fp-card-actions {
  margin-top: 0;
  min-height: 2.25rem;
  padding-top: .5rem;
  border-top: 1px solid var(--fp-border);
  align-self: stretch;
  align-items: center;
  justify-content: flex-end;
}

.filament-page-skin .fp-meta-row span {
  min-height: 1.45rem;
  padding: .18rem .45rem;
  border-radius: 999px;
  background: var(--fp-surface-soft);
  font-size: .66rem;
  font-weight: 700;
}

.filament-page-skin .fp-status-online {
  color: var(--fp-green);
  background: color-mix(in srgb, var(--fp-green) 14%, transparent) !important;
}

.filament-page-skin .fp-status-maintenance {
  color: var(--fp-amber);
  background: color-mix(in srgb, var(--fp-amber) 14%, transparent) !important;
}

.filament-page-skin .fp-status-down {
  color: var(--fp-red);
  background: color-mix(in srgb, var(--fp-red) 14%, transparent) !important;
}

.filament-page-skin .fp-button {
  min-height: 2.4rem;
  padding: 0 .85rem;
  border: 1px solid var(--fp-border);
  border-radius: .5rem;
  background: var(--fp-surface-soft);
  color: var(--fp-text);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: .875rem;
  font-weight: 700;
}

.filament-page-skin .fp-button-primary {
  border-color: var(--fp-blue);
  background: var(--fp-blue);
  color: white;
}

.filament-page-skin .fp-link-button {
  min-height: 1.65rem;
  padding: 0 .55rem;
  border: 1px solid var(--fp-border);
  border-radius: .45rem;
  background: var(--fp-surface-soft);
  color: var(--fp-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: .7rem;
  font-weight: 700;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.filament-page-skin .fp-link-button-primary {
  border-color: var(--fp-blue);
  background: var(--fp-blue);
  color: white;
}

.filament-page-skin .fp-link-button:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 38%, var(--fp-border));
  transform: translateY(-1px);
}

.filament-page-skin .fp-link-button-primary:hover {
  box-shadow: 0 8px 18px rgba(37, 99, 235, .26);
}

.filament-page-skin .fp-link-button:active {
  transform: translateY(0) scale(.98);
}

.filament-page-skin .fp-link-button-danger {
  border-color: color-mix(in srgb, var(--fp-red) 55%, var(--fp-border));
  color: var(--fp-red);
}

.filament-page-skin .fp-link-button-danger:hover {
  border-color: var(--fp-red);
  color: var(--fp-red);
}

.filament-page-skin .fp-field {
  width: 100%;
  min-height: 2.5rem;
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  background: var(--fp-surface);
  color: var(--fp-text);
  padding: .55rem .75rem;
  font-size: .9rem;
  line-height: 1.35;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.filament-page-skin textarea.fp-field {
  resize: vertical;
}

.filament-page-skin .fp-field:focus {
  border-color: color-mix(in srgb, var(--fp-blue) 72%, var(--fp-border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-blue) 18%, transparent);
}

.filament-page-skin .fp-table-search {
  width: min(100%, 22rem);
  max-width: 22rem;
}

.filament-page-skin .fp-secret {
  width: min(100%, 11rem);
  min-width: 0;
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  background: var(--fp-surface-soft);
  color: var(--fp-text);
  padding: .45rem .65rem;
  font-size: .8rem;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-vault-toolbar > div {
  min-width: 0;
}

.filament-page-skin .fp-vault-toolbar > div:first-child {
  flex: 1 1 18rem;
}

.filament-page-skin .fp-vault-actions {
  flex: 0 1 auto;
  margin-left: auto;
  justify-content: flex-end;
}

.filament-page-skin .fp-secret-cell {
  min-width: 12rem;
}

.filament-page-skin .fp-row-actions {
  min-width: max-content;
}

.filament-page-skin .fp-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 70;
  padding: 1.5rem;
  background: rgba(0, 0, 0, .62);
  backdrop-filter: blur(8px);
  display: grid;
  place-items: center;
}

.filament-page-skin .fp-modal {
  width: min(100%, 48rem);
  max-height: min(86vh, 760px);
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .38);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.filament-page-skin .fp-modal-sm {
  width: min(100%, 30rem);
}

.filament-page-skin .fp-modal-lg {
  width: min(48rem, calc(100vw - 2rem));
}

.filament-page-skin .fp-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.35rem 1.5rem 1rem;
}

.filament-page-skin .fp-modal-head h3 {
  margin: 0;
  color: var(--fp-text);
  font-size: 1.05rem;
  font-weight: 750;
}

.filament-page-skin .fp-modal-head p {
  margin: .25rem 0 0;
  color: var(--fp-muted);
  font-size: .875rem;
}

.filament-page-skin .fp-modal-close {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: .5rem;
  background: transparent;
  color: var(--fp-muted);
  display: inline-grid;
  place-items: center;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
}

.filament-page-skin .fp-modal-close:hover {
  background: var(--fp-surface-soft);
  color: var(--fp-text);
}

.filament-page-skin .fp-modal-form {
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

.filament-page-skin .fp-modal-body {
  min-height: 0;
  padding: .85rem 1.5rem 1.35rem;
  display: grid;
  gap: 1rem 1.35rem;
  overflow-y: auto;
  scrollbar-width: none;
}

.filament-page-skin .fp-modal-body::-webkit-scrollbar {
  display: none;
}

.filament-page-skin .fp-modal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.filament-page-skin .fp-modal-full {
  grid-column: 1 / -1;
}

.filament-page-skin .fp-modal-field {
  display: grid;
  gap: .5rem;
  color: var(--fp-text);
  font-weight: 700;
}

.filament-page-skin .fp-modal-field > span {
  color: var(--fp-text);
  font-size: .84rem;
  font-weight: 750;
}

.filament-page-skin .fp-modal-field strong {
  color: var(--fp-red);
}

.filament-page-skin .fp-modal-field .fp-field {
  min-height: 2.45rem;
  border-radius: .55rem;
  background: var(--fp-surface-soft);
}

.filament-page-skin .fp-modal-actions {
  padding: 1rem 1.5rem 1.35rem;
  display: flex;
  justify-content: flex-start;
  gap: .75rem;
}

.filament-page-skin .fp-modal-actions .fp-link-button {
  min-height: 2.35rem;
  padding: 0 .85rem;
  font-size: .8rem;
}

@media (max-width: 1380px) {
  .filament-page-skin .fp-vault-actions {
    flex: 1 1 28rem;
  }
}

@media (max-width: 720px) {
  .filament-page-skin .fp-modal-backdrop {
    align-items: start;
    padding: .75rem;
  }

  .filament-page-skin .fp-modal {
    max-height: calc(100vh - 1.5rem);
  }

  .filament-page-skin .fp-modal-head {
    padding: 1rem;
  }

  .filament-page-skin .fp-modal-body {
    padding: .5rem 1rem 1rem;
  }

  .filament-page-skin .fp-modal-grid {
    grid-template-columns: 1fr;
  }

  .filament-page-skin .fp-modal-actions {
    padding: .9rem 1rem 1rem;
  }

  .filament-page-skin .fp-vault-actions,
  .filament-page-skin .fp-vault-toolbar .fp-field,
  .filament-page-skin .fp-vault-toolbar .fp-link-button {
    width: 100%;
  }

  .filament-page-skin .fp-secret-cell {
    min-width: 10rem;
  }
}

.filament-page-skin .fp-host {
  word-break: break-word;
}

.filament-page-skin .fp-host.fp-public-app-host {
  word-break: normal;
  overflow-wrap: normal;
}

.pm-dashboard,
.pm-toolbar,
.pm-instance-select,
.pm-status,
.pm-panel,
.pm-chart-grid,
.pm-resource-grid,
.pm-chart-grid-bottom,
.pm-side-stack,
.pm-mini-stat,
.pm-bars,
.pm-disk-table {
  display: none;
}

.pmx-dashboard {
  display: grid;
  gap: .65rem;
  min-width: 0;
}

.pmx-command {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(18rem, 1fr) max-content;
  gap: 1rem;
  min-width: 0;
}

.pmx-instance,
.pmx-refresh {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  border: 1px solid var(--fp-border);
  border-radius: .45rem;
  background: var(--fp-surface);
  color: var(--fp-text);
  position: relative;
}

.pmx-instance > span,
.pmx-instance > select,
.pmx-refresh > span,
.pmx-refresh > select {
  min-height: 2.1rem;
  padding: 0 .6rem;
  display: inline-flex;
  align-items: center;
}

.pmx-instance > span,
.pmx-refresh > span {
  flex: 0 0 auto;
  border-right: 1px solid var(--fp-border);
  font-weight: 700;
}

.pmx-instance > select,
.pmx-refresh > select {
  min-width: 18rem;
  max-width: 100%;
  background: var(--fp-surface);
  color: var(--fp-text);
  color-scheme: dark;
  outline: 0;
  text-overflow: ellipsis;
}

.pmx-refresh > select {
  min-width: 7.5rem;
}

.pmx-instance > select option,
.pmx-refresh > select option {
  background: #111827;
  color: #f9fafb;
}

.pmx-instance > .fp-searchable-select {
  flex: 1 1 18rem;
  min-width: 0;
  width: 100%;
}

.pmx-refresh > .fp-searchable-select {
  flex: 0 0 8.5rem;
  min-width: 8.5rem;
  width: 8.5rem;
}

.pmx-instance .fp-searchable-select-trigger,
.pmx-refresh .fp-searchable-select-trigger {
  border: 0;
  border-radius: 0;
  background: var(--fp-surface);
  box-shadow: none;
  min-height: 2.1rem;
}

.pmx-instance .fp-searchable-select-trigger:focus,
.pmx-instance .fp-searchable-select-trigger[aria-expanded="true"],
.pmx-refresh .fp-searchable-select-trigger:focus,
.pmx-refresh .fp-searchable-select-trigger[aria-expanded="true"] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fp-blue) 72%, transparent);
}

.pmx-instance .fp-searchable-select-panel,
.pmx-refresh .fp-searchable-select-panel {
  background: #15181f;
  border-color: rgba(96, 165, 250, .28);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .48);
  left: 0;
  min-width: 100%;
  right: auto;
  z-index: 90;
}

.pmx-instance .fp-searchable-select-search,
.pmx-refresh .fp-searchable-select-search {
  background: #20242d;
  border-color: rgba(148, 163, 184, .24);
}

.pmx-instance .fp-searchable-select-option,
.pmx-refresh .fp-searchable-select-option,
.pmx-instance .fp-searchable-select-empty,
.pmx-refresh .fp-searchable-select-empty {
  background: transparent;
}

.pmx-instance .fp-searchable-select-option:hover,
.pmx-instance .fp-searchable-select-option:focus,
.pmx-instance .fp-searchable-select-option[aria-selected="true"],
.pmx-refresh .fp-searchable-select-option:hover,
.pmx-refresh .fp-searchable-select-option:focus,
.pmx-refresh .fp-searchable-select-option[aria-selected="true"] {
  background: rgba(59, 130, 246, .18);
}

.pmx-instance .fp-searchable-select-panel {
  width: min(34rem, calc(100vw - 3rem));
}

.pmx-refresh .fp-searchable-select-panel {
  width: 12rem;
}

.pmx-refresh-group {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: flex-end;
  min-width: 0;
}

.pmx-live {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  color: var(--fp-muted);
  font-size: .85rem;
  justify-content: flex-end;
  min-width: 0;
}

.pmx-live.manual .pmx-live-dot {
  background: #94a3b8;
  box-shadow: 0 0 0 .35rem rgba(148, 163, 184, .14);
  animation: none;
}

.pmx-live strong {
  color: var(--fp-text);
}

.pmx-live-dot {
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 .35rem rgba(34, 197, 94, .14);
  animation: pmx-pulse 1.8s infinite;
}

@keyframes pmx-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .55; transform: scale(.82); }
}

.fp-uptime-livebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-panel);
  padding: .85rem 1rem;
  box-shadow: var(--fp-shadow);
}

.fp-uptime-livebar p {
  margin: 0;
  color: var(--fp-muted);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.fp-uptime-livebar strong {
  color: var(--fp-text);
  font-size: 1rem;
}

.fp-uptime-stat {
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.fp-uptime-stat:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(15, 23, 42, .18);
}

.fp-uptime-stat:focus-visible {
  outline: 2px solid rgba(59, 130, 246, .55);
  outline-offset: 2px;
}

.fp-uptime-stat.is-active {
  transform: translateY(-2px);
  box-shadow: 0 0 0 2px rgba(96, 165, 250, .3), 0 18px 34px rgba(15, 23, 42, .22);
}

.fp-uptime-refresh {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  border: 1px solid var(--fp-border);
  border-radius: .45rem;
  background: var(--fp-surface);
  color: var(--fp-text);
  position: relative;
}

.fp-uptime-refresh > span,
.fp-uptime-refresh > select {
  min-height: 2.35rem;
  padding: 0 .75rem;
  display: inline-flex;
  align-items: center;
}

.fp-uptime-refresh > span {
  flex: 0 0 auto;
  border-right: 1px solid var(--fp-border);
  color: var(--fp-muted);
  font-weight: 700;
}

.fp-uptime-refresh > select {
  min-width: 9rem;
  max-width: 100%;
  background: var(--fp-surface);
  color: var(--fp-text);
  color-scheme: dark;
  outline: 0;
}

.fp-uptime-refresh > .fp-searchable-select {
  flex: 0 0 10rem;
  min-width: 10rem;
  width: 10rem;
}

.fp-uptime-refresh .fp-searchable-select-trigger {
  border: 0;
  border-radius: 0;
  background: var(--fp-surface);
  box-shadow: none;
  min-height: 2.35rem;
}

.fp-uptime-refresh .fp-searchable-select-trigger:focus,
.fp-uptime-refresh .fp-searchable-select-trigger[aria-expanded="true"] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fp-blue) 72%, transparent);
}

.fp-uptime-refresh .fp-searchable-select-panel {
  background: #15181f;
  border-color: rgba(96, 165, 250, .28);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .48);
  left: 0;
  min-width: 100%;
  right: auto;
  width: 12rem;
  z-index: 90;
}

.fp-uptime-refresh .fp-searchable-select-search {
  background: #20242d;
  border-color: rgba(148, 163, 184, .24);
}

.fp-uptime-refresh .fp-searchable-select-option,
.fp-uptime-refresh .fp-searchable-select-empty {
  background: transparent;
}

.fp-uptime-refresh .fp-searchable-select-option:hover,
.fp-uptime-refresh .fp-searchable-select-option:focus,
.fp-uptime-refresh .fp-searchable-select-option[aria-selected="true"] {
  background: rgba(59, 130, 246, .18);
}

@media (min-width: 721px) and (max-width: 1180px) {
  .pmx-command {
    grid-template-columns: minmax(16rem, 1fr) max-content;
  }

  .pmx-instance,
  .pmx-instance > select {
    width: 100%;
  }

  .pmx-refresh > .fp-searchable-select {
    flex-basis: 8rem;
    min-width: 8rem;
    width: 8rem;
  }

  .pmx-refresh-group {
    justify-content: flex-end;
  }

  .fp-uptime-livebar {
    align-items: stretch;
  }

  .fp-uptime-refresh > .fp-searchable-select {
    flex-basis: 10rem;
    min-width: 10rem;
    width: 10rem;
  }
}

.fp-uptime-refresh select option {
  background: #111827;
  color: #f9fafb;
}

.pmx-hero,
.pmx-card,
.pmx-kpi {
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  background: color-mix(in srgb, var(--fp-surface) 94%, transparent);
  color: var(--fp-text);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .14);
}

.pmx-hero {
  padding: .85rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.pmx-eyebrow {
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pmx-hero h2 {
  margin: .1rem 0;
  font-size: clamp(1.05rem, 1.35vw, 1.35rem);
  font-weight: 850;
}

.pmx-hero p {
  margin: 0;
  color: var(--fp-muted);
  font-size: .8rem;
}

.pmx-health {
  min-width: 7rem;
  padding: .6rem .75rem;
  border: 1px solid rgba(239, 68, 68, .28);
  border-radius: .65rem;
  background: rgba(239, 68, 68, .1);
  display: grid;
  justify-items: end;
  gap: .1rem;
}

.pmx-health.up {
  border-color: rgba(34, 197, 94, .28);
  background: rgba(34, 197, 94, .1);
}

.pmx-health span {
  color: #f87171;
  font-weight: 900;
}

.pmx-health.up span {
  color: #4ade80;
}

.pmx-health strong {
  font-size: 1.05rem;
}

.pmx-health small {
  color: var(--fp-muted);
  font-size: .72rem;
}

.pmx-kpis,
.pmx-chart-grid {
  display: grid;
  gap: .6rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pmx-signal-grid {
  display: grid;
  gap: .6rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pmx-kpi {
  padding: .7rem;
  display: grid;
  gap: .55rem;
}

.pmx-signal {
  min-width: 0;
  padding: .65rem .7rem;
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  background: color-mix(in srgb, var(--fp-surface) 92%, transparent);
  display: grid;
  gap: .22rem;
}

.pmx-signal span {
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 800;
}

.pmx-signal strong {
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pmx-signal small {
  color: var(--fp-muted);
  font-size: .72rem;
  overflow-wrap: anywhere;
}

.pmx-signal.good strong { color: #4ade80; }
.pmx-signal.warning strong { color: #facc15; }
.pmx-signal.danger strong { color: #fb7185; }

.pmx-kpi-head,
.pmx-kpi-foot,
.pmx-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.pmx-kpi-head span,
.pmx-card-head p,
.pmx-kpi-foot {
  color: var(--fp-muted);
}

.pmx-kpi-head span {
  font-weight: 750;
}

.pmx-kpi-head strong {
  font-size: 1.15rem;
  font-weight: 900;
}

.pmx-kpi-foot {
  font-size: .72rem;
}

.pmx-kpi.good .pmx-kpi-head strong { color: #4ade80; }
.pmx-kpi.warning .pmx-kpi-head strong { color: #facc15; }
.pmx-kpi.danger .pmx-kpi-head strong { color: #fb7185; }
.pmx-kpi.neutral .pmx-kpi-head strong { color: #60a5fa; }

.pmx-meter {
  height: .42rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .18);
}

.pmx-meter i {
  width: var(--value, 0%);
  height: 100%;
  border-radius: inherit;
  display: block;
  background: linear-gradient(90deg, #22c55e, #facc15, #fb7185);
}

.pmx-meter.network i {
  width: 100%;
  background: linear-gradient(90deg, #2563eb, #06b6d4);
}

.pmx-card {
  min-width: 0;
  padding: .75rem;
}

.pmx-card-head {
  margin-bottom: .55rem;
}

.pmx-card-head h3 {
  margin: 0;
  color: var(--fp-text);
  font-size: .92rem;
  font-weight: 850;
}

.pmx-card-head p {
  margin: .15rem 0 0;
  font-size: .72rem;
}

.pmx-card-head strong {
  color: var(--fp-text);
  font-size: .95rem;
}

.pmx-chart-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pmx-chart,
.pmx-wide-chart {
  height: 10rem;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: .55rem;
  background:
    linear-gradient(to right, rgba(148, 163, 184, .1) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, .1) 1px, transparent 1px);
  background-size: 3.2rem 1.9rem;
  color: #60a5fa;
  scrollbar-width: thin;
  scrollbar-color: rgba(96, 165, 250, .6) rgba(15, 23, 42, .18);
}

.pmx-wide-chart {
  height: 10.75rem;
  color: #a78bfa;
}

.pmx-chart::-webkit-scrollbar,
.pmx-wide-chart::-webkit-scrollbar {
  height: .45rem;
}

.pmx-chart::-webkit-scrollbar-thumb,
.pmx-wide-chart::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(96, 165, 250, .55);
}

.pmx-chart-canvas {
  position: relative;
  min-width: 42rem;
  height: 100%;
  padding-bottom: 1.35rem;
  cursor: grab;
}

.pmx-chart-canvas.is-wide {
  min-width: 68rem;
}

.pmx-chart-canvas:active {
  cursor: grabbing;
}

.pmx-chart svg,
.pmx-wide-chart svg {
  width: 100%;
  height: calc(100% - 1.35rem);
  display: block;
}

.pmx-chart-line,
.pmx-chart-area {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pmx-chart-line {
  stroke: currentColor;
  stroke-width: 2.25;
}

.pmx-chart-area {
  fill: currentColor;
  opacity: .16;
  stroke: none;
}

.pmx-chart-point {
  fill: color-mix(in srgb, currentColor 80%, #ffffff 20%);
  opacity: 0;
  pointer-events: all;
  stroke: rgba(15, 23, 42, .78);
  stroke-width: 2.5;
  transition: opacity .16s ease, r .16s ease;
}

.pmx-chart-canvas:hover .pmx-chart-point {
  opacity: .35;
}

.pmx-chart-point:hover {
  opacity: 1;
  r: 7;
}

.pmx-chart-line.blue,
.pmx-chart-area.blue { color: #60a5fa; }
.pmx-chart-line.green,
.pmx-chart-area.green { color: #34d399; }
.pmx-chart-line.yellow,
.pmx-chart-area.yellow { color: #facc15; }
.pmx-chart-line.purple,
.pmx-chart-area.purple { color: #a78bfa; }

.pmx-chart-point.blue { color: #60a5fa; }
.pmx-chart-point.green { color: #34d399; }
.pmx-chart-point.yellow { color: #facc15; }
.pmx-chart-point.purple { color: #a78bfa; }

.pmx-chart-axis {
  position: relative;
  height: 1.35rem;
  border-top: 1px solid rgba(148, 163, 184, .16);
}

.pmx-chart-axis span {
  position: absolute;
  top: .38rem;
  translate: -50% 0;
  color: var(--fp-muted);
  font-size: .66rem;
  font-weight: 750;
  white-space: nowrap;
}

.pmx-chart-axis span:first-child {
  translate: 0 0;
}

.pmx-chart-axis span:last-child {
  translate: -100% 0;
}

.pmx-empty {
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--fp-muted);
  font-size: .88rem;
}

.pmx-main-grid {
  display: grid;
  gap: .6rem;
  grid-template-columns: 16rem minmax(0, 1fr);
}

.pmx-resource-list {
  display: grid;
  gap: .4rem;
}

.pmx-resource-list div {
  padding: .5rem .6rem;
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  display: grid;
  gap: .2rem;
}

.pmx-resource-list span {
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 750;
}

.pmx-resource-list strong {
  color: var(--fp-text);
  font-size: .8rem;
  overflow-wrap: anywhere;
}

.pmx-table-wrap {
  overflow-x: auto;
}

.pmx-disk table {
  width: 100%;
  min-width: 44rem;
  border-collapse: collapse;
  font-size: .8rem;
}

.pmx-disk th,
.pmx-disk td {
  padding: .5rem .55rem;
  border-bottom: 1px solid var(--fp-border);
  text-align: left;
  vertical-align: middle;
}

.pmx-disk th {
  color: var(--fp-muted);
  font-size: .75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.pmx-disk td strong {
  display: block;
  color: var(--fp-text);
}

.pmx-disk td span {
  color: var(--fp-muted);
  font-size: .78rem;
}

.pmx-row-meter {
  width: 8.5rem;
  height: 1.35rem;
  position: relative;
  overflow: hidden;
  border-radius: .4rem;
  background: rgba(148, 163, 184, .16);
}

.pmx-row-meter i {
  height: 100%;
  display: block;
  background: #22c55e;
}

.pmx-row-meter.warning i { background: #facc15; }
.pmx-row-meter.danger i { background: #fb7185; }

.pmx-row-meter span {
  inset: 0;
  position: absolute;
  display: grid;
  place-items: center;
  color: white !important;
  font-size: .75rem !important;
  font-weight: 900;
}

.pmx-problem-list {
  display: grid;
  gap: .4rem;
}

.pmx-problem-row {
  padding: .55rem .65rem;
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.pmx-problem-row.danger {
  border-color: rgba(251, 113, 133, .36);
  background: rgba(251, 113, 133, .08);
}

.pmx-problem-row strong {
  display: block;
  color: var(--fp-text);
}

.pmx-problem-row span,
.pmx-problem-row small {
  color: var(--fp-muted);
  font-size: .8rem;
}

.pmx-problem-row small {
  display: block;
  margin-top: .15rem;
  color: #fb7185;
}

.pmx-problem-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
}

.pmx-problem-metrics span {
  padding: .2rem .4rem;
  border-radius: .4rem;
  background: rgba(148, 163, 184, .14);
  color: var(--fp-text);
  font-weight: 800;
}

.pm-dot {
  width: .85rem;
  height: .18rem;
  border-radius: 999px;
  display: inline-block;
  margin-right: .45rem;
  vertical-align: middle;
}

.cctv-channel-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cctv-channel-card {
  overflow: hidden;
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  background: var(--fp-surface);
}

.cctv-channel-head {
  min-height: 2.5rem;
  padding: .55rem .7rem;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.cctv-channel-head strong {
  color: var(--fp-text);
  font-size: .9rem;
}

.cctv-channel-head span {
  color: var(--fp-muted);
  font-size: .75rem;
}

.cctv-snapshot-frame {
  position: relative;
  min-height: 12rem;
  background: #020617;
}

.cctv-snapshot-frame img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  background: #020617;
}

.cctv-snapshot-frame span {
  inset: 0;
  position: absolute;
  display: grid;
  place-items: center;
  color: #94a3b8;
  font-size: .85rem;
  font-weight: 700;
  pointer-events: none;
}

.cctv-snapshot-frame.is-ready span {
  display: none;
}

.cctv-snapshot-frame.is-error {
  outline: 1px solid rgba(248, 113, 113, .35);
  outline-offset: -1px;
}

.cctv-snapshot-frame.is-error span {
  color: #fca5a5;
}

.pm-blue {
  background: #60a5fa;
}

.pm-yellow {
  background: #facc15;
}

.pm-green {
  background: #22c55e;
}

.pm-resource-head {
  display: flex;
  align-items: center;
  gap: .75rem;
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 800;
}

.pm-resource-head strong {
  color: color-mix(in srgb, var(--fp-blue) 72%, var(--fp-text));
}

.pm-resource-grid {
  display: grid;
  gap: .45rem;
  grid-template-columns: 9rem 14rem minmax(24rem, 1fr) 10rem;
}

.pm-side-stack {
  display: grid;
  gap: .45rem;
}

.pm-mini-stat {
  min-height: 4.7rem;
  padding: .8rem;
  display: grid;
  align-content: space-between;
}

.pm-mini-stat span {
  color: var(--fp-text);
  font-weight: 800;
}

.pm-mini-stat strong {
  color: #4ade80;
  font-size: .74rem;
  text-align: center;
}

.pm-bars {
  padding: .8rem;
  display: grid;
  gap: .6rem;
}

.pm-bar-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .35rem .75rem;
  align-items: center;
}

.pm-bar-row span {
  grid-column: 1 / -1;
  font-weight: 800;
}

.pm-bar-row strong {
  color: #4ade80;
}

.pm-segments {
  display: grid;
  grid-template-columns: repeat(10, .7rem);
  gap: .18rem;
}

.pm-segments i {
  height: 1.45rem;
  border-radius: .14rem;
  background: linear-gradient(90deg, #4ade80, #facc15);
  opacity: .35;
}

.pm-disk-table {
  min-width: 0;
  padding: .8rem;
}

.pm-table-wrap {
  margin-top: .75rem;
  overflow-x: auto;
}

.pm-disk-table table {
  width: 100%;
  min-width: 42rem;
  border-collapse: collapse;
  font-size: .85rem;
}

.pm-disk-table th,
.pm-disk-table td {
  padding: .55rem .65rem;
  border-bottom: 1px solid var(--fp-border);
  text-align: left;
  white-space: nowrap;
}

.pm-disk-table th {
  color: var(--fp-muted);
  font-weight: 800;
}

.pm-heat {
  display: inline-flex;
  min-width: 4.8rem;
  justify-content: flex-end;
  padding: .35rem .5rem;
  background: #ca8a04;
  color: white;
  font-weight: 800;
}

@media (max-width: 1280px) {
  .pm-chart-grid,
  .pm-chart-grid-bottom,
  .pm-resource-grid {
    grid-template-columns: 1fr;
  }

  .pmx-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pmx-chart-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pmx-signal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .pmx-chart-grid,
  .pmx-main-grid,
  .pmx-signal-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .pm-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .pm-instance-select,
  .pm-instance-select select {
    width: 100%;
  }

  .pmx-command,
  .pmx-hero {
    align-items: stretch;
    flex-direction: column;
  }

  .pmx-kpis {
    grid-template-columns: 1fr;
  }

  .pmx-problem-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .pmx-problem-metrics {
    justify-content: flex-start;
  }

  .pmx-instance,
  .pmx-instance > select,
  .pmx-refresh,
  .pmx-refresh > select,
  .pmx-refresh-group {
    width: 100%;
  }

  .pmx-command {
    grid-template-columns: minmax(0, 1fr);
  }

  .pmx-refresh > .fp-searchable-select {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
  }

  .fp-uptime-refresh,
  .fp-uptime-refresh > .fp-searchable-select {
    width: 100%;
  }

  .fp-uptime-refresh > .fp-searchable-select {
    flex: 1 1 auto;
    min-width: 0;
  }

  .pmx-refresh-group {
    align-items: stretch;
    flex-direction: column;
  }

  .pmx-health {
    justify-items: start;
  }

  .pmx-card-head,
  .pmx-kpi-head,
  .pmx-kpi-foot {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
  }
}

.filament-page-skin .fp-empty {
  grid-column: 1 / -1;
  padding: 2rem;
  border: 1px dashed var(--fp-border);
  border-radius: .75rem;
  color: var(--fp-muted);
  text-align: center;
}

.filament-page-skin .fp-monitor-grid {
  padding: 1.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
  gap: 1rem;
}

.filament-page-skin .fp-monitor-card {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  background: var(--fp-surface);
  display: grid;
  gap: .75rem;
}

.filament-page-skin .fp-monitor-head {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  min-width: 0;
}

.filament-page-skin .fp-monitor-head > div {
  min-width: 0;
}

.filament-page-skin .fp-monitor-head h4 {
  margin: 0;
  color: var(--fp-text);
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-monitor-head p {
  margin: .25rem 0 0;
  color: var(--fp-muted);
  font-size: .875rem;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-monitor-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(5.75rem, 1fr));
  gap: .45rem;
  min-width: 0;
}

.filament-page-skin .fp-monitor-metrics span {
  min-width: 0;
  min-height: 3.45rem;
  padding: .5rem;
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  background: var(--fp-surface-soft);
  display: grid;
  align-content: center;
  gap: .2rem;
}

.filament-page-skin .fp-monitor-metrics strong {
  color: var(--fp-text);
  font-size: clamp(.76rem, .72rem + .18vw, .84rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-monitor-metrics small {
  color: var(--fp-muted);
  font-size: .64rem;
  font-weight: 700;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-monitor-health {
  padding-top: .65rem;
  border-top: 1px solid var(--fp-border);
}

.filament-page-skin .fp-monitor-health p {
  margin: 0 0 .5rem;
  color: var(--fp-text);
  font-weight: 700;
}

.filament-page-skin .fp-health-row,
.filament-page-skin .fp-tech-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  min-width: 0;
}

.filament-page-skin .fp-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: .25rem .55rem;
  border-radius: .45rem;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.25;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.filament-page-skin .fp-tech-row {
  margin-top: .5rem;
}

.filament-page-skin .fp-tech-row span {
  min-height: 1.65rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: var(--fp-surface-soft);
  color: var(--fp-muted);
  font-size: .74rem;
  font-weight: 700;
}

.filament-page-skin .fp-monitor-notes {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--fp-muted);
  font-size: .8rem;
  line-height: 1.45;
}

.filament-page-skin .fp-monitor-footer {
  padding-top: .65rem;
  border-top: 1px solid var(--fp-border);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  color: var(--fp-muted);
  font-size: .875rem;
}

.fp-pagination {
  padding: .85rem 1.25rem;
  border-top: 1px solid var(--fp-border, rgba(63, 63, 70, .8));
  background: var(--fp-surface, #18181b);
}

.fp-filament-pagination {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: .75rem;
}

.fp-pagination-overview {
  grid-column: 1;
  color: var(--fp-muted, #a1a1aa);
  font-size: .875rem;
}

.fp-pagination-per-page {
  grid-column: 2;
  justify-self: center;
  margin: 0;
}

.fp-pagination-items {
  grid-column: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .35rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fp-pagination-button {
  min-height: 2.25rem;
  min-width: 2.25rem;
  padding: .45rem .75rem;
  border: 1px solid var(--fp-border, rgba(63, 63, 70, .8));
  border-radius: .55rem;
  background: var(--fp-surface-soft, #27272a);
  color: var(--fp-text, #fafafa);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.fp-pagination-button:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, .45);
  color: var(--fp-blue, #3b82f6);
}

.fp-pagination-button-active {
  border-color: rgba(37, 99, 235, .55);
  background: rgba(37, 99, 235, .12);
  color: var(--fp-blue, #3b82f6);
}

.fp-pagination-button-disabled {
  cursor: not-allowed;
  opacity: .45;
  transform: none;
}

@media (max-width: 720px) {
  .fp-filament-pagination {
    grid-template-columns: 1fr;
  }

  .fp-pagination-overview,
  .fp-pagination-per-page,
  .fp-pagination-items {
    grid-column: 1;
    justify-self: start;
  }
}

.filament-page-skin .grid {
  display: grid;
}

.filament-page-skin .flex {
  display: flex;
}

.filament-page-skin .items-center {
  align-items: center;
}

.filament-page-skin .items-start {
  align-items: flex-start;
}

.filament-page-skin .items-end {
  align-items: flex-end;
}

.filament-page-skin .justify-between {
  justify-content: space-between;
}

.filament-page-skin .place-items-center {
  place-items: center;
}

.filament-page-skin .gap-2 {
  gap: .5rem;
}

.filament-page-skin .gap-3 {
  gap: .75rem;
}

.filament-page-skin .gap-4 {
  gap: 1rem;
}

.filament-page-skin .gap-6 {
  gap: 1.5rem;
}

.filament-page-skin .rounded-xl {
  border-radius: .75rem;
}

.filament-page-skin .rounded-lg {
  border-radius: .5rem;
}

.filament-page-skin .rounded-full {
  border-radius: 999px;
}

.filament-page-skin .rounded-b-xl {
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.filament-page-skin .border,
.filament-page-skin .border-b {
  border-color: var(--fp-border);
}

.filament-page-skin .border {
  border-width: 1px;
  border-style: solid;
}

.filament-page-skin .border-b {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.filament-page-skin .shadow-sm,
.filament-page-skin .shadow-lg {
  box-shadow: var(--fp-shadow);
}

.filament-page-skin .bg-white,
.filament-page-skin .dark\:bg-gray-900,
.filament-page-skin section.rounded-xl {
  background: var(--fp-surface);
}

.filament-page-skin .bg-gray-50,
.filament-page-skin .dark\:bg-white\/5 {
  background: var(--fp-surface-soft);
}

.filament-page-skin .bg-gray-950 {
  background: #030712;
}

.filament-page-skin .p-4 {
  padding: 1rem;
}

.filament-page-skin .p-5 {
  padding: 1.25rem;
}

.filament-page-skin .px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.filament-page-skin .py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.filament-page-skin .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.filament-page-skin .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.filament-page-skin .px-2,
.filament-page-skin .px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.filament-page-skin .px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.filament-page-skin .py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.filament-page-skin .mt-1 {
  margin-top: .25rem;
}

.filament-page-skin .mt-2 {
  margin-top: .5rem;
}

.filament-page-skin .mt-3 {
  margin-top: .75rem;
}

.filament-page-skin .mt-6 {
  margin-top: 1.5rem;
}

.filament-page-skin .text-left {
  text-align: left;
}

.filament-page-skin .text-center {
  text-align: center;
}

.filament-page-skin .uppercase {
  text-transform: uppercase;
}

.filament-page-skin .text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.filament-page-skin .text-sm {
  font-size: .875rem;
  line-height: 1.35rem;
}

.filament-page-skin .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.filament-page-skin .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.filament-page-skin .text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.filament-page-skin .font-medium {
  font-weight: 500;
}

.filament-page-skin .font-semibold {
  font-weight: 650;
}

.filament-page-skin .font-bold {
  font-weight: 750;
}

.filament-page-skin .text-gray-950,
.filament-page-skin .dark\:text-white {
  color: var(--fp-text);
}

.filament-page-skin .text-gray-500,
.filament-page-skin .text-gray-600,
.filament-page-skin .dark\:text-gray-300,
.filament-page-skin .dark\:text-gray-400 {
  color: var(--fp-muted);
}

.filament-page-skin .text-emerald-700,
.filament-page-skin .dark\:text-emerald-300 {
  color: var(--fp-green);
}

.filament-page-skin .text-amber-700,
.filament-page-skin .dark\:text-amber-300 {
  color: var(--fp-amber);
}

.filament-page-skin .text-rose-700,
.filament-page-skin .dark\:text-rose-300 {
  color: var(--fp-red);
}

.filament-page-skin .bg-emerald-50,
.filament-page-skin .bg-emerald-100,
.filament-page-skin .dark\:bg-emerald-500\/10 {
  background: color-mix(in srgb, var(--fp-green) 12%, transparent);
  border-color: color-mix(in srgb, var(--fp-green) 28%, var(--fp-border));
}

.filament-page-skin .bg-amber-50,
.filament-page-skin .bg-amber-100,
.filament-page-skin .dark\:bg-amber-500\/10 {
  background: color-mix(in srgb, var(--fp-amber) 13%, transparent);
  border-color: color-mix(in srgb, var(--fp-amber) 32%, var(--fp-border));
}

.filament-page-skin .bg-rose-50,
.filament-page-skin .bg-rose-100,
.filament-page-skin .dark\:bg-rose-500\/10 {
  background: color-mix(in srgb, var(--fp-red) 13%, transparent);
  border-color: color-mix(in srgb, var(--fp-red) 32%, var(--fp-border));
}

.filament-page-skin .bg-gray-100,
.filament-page-skin .dark\:bg-white\/10 {
  background: var(--fp-surface-soft);
}

.filament-page-skin .bg-primary-500\/80,
.filament-page-skin .dark\:bg-primary-400 {
  background: var(--fp-blue);
}

.filament-page-skin .bg-emerald-500 {
  background: var(--fp-green);
}

.filament-page-skin .bg-amber-500 {
  background: var(--fp-amber);
}

.filament-page-skin .border-emerald-200,
.filament-page-skin .dark\:border-emerald-500\/20 {
  border-color: rgba(16, 185, 129, .28);
}

.filament-page-skin .border-amber-200,
.filament-page-skin .dark\:border-amber-500\/20 {
  border-color: rgba(245, 158, 11, .32);
}

.filament-page-skin .border-rose-200,
.filament-page-skin .dark\:border-rose-500\/20 {
  border-color: rgba(244, 63, 94, .32);
}

.filament-page-skin .overflow-x-auto,
.filament-page-skin .overflow-hidden {
  overflow: auto;
}

.filament-page-skin .overflow-hidden {
  overflow: hidden;
}

.filament-page-skin .w-full {
  width: 100%;
}

.filament-page-skin .min-w-8 {
  min-width: 2rem;
}

.filament-page-skin .w-44 {
  width: 11rem;
}

.filament-page-skin .h-2 {
  height: .5rem;
}

.filament-page-skin .h-64 {
  height: 16rem;
}

.filament-page-skin .h-full {
  height: 100%;
}

.filament-page-skin .h-\[620px\] {
  height: 620px;
}

.filament-page-skin .relative {
  position: relative;
}

.filament-page-skin .absolute {
  position: absolute;
}

.filament-page-skin .inset-0 {
  inset: 0;
}

.filament-page-skin .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.filament-page-skin .opacity-75 {
  opacity: .75;
}

.filament-page-skin .opacity-80 {
  opacity: .8;
}

.filament-page-skin .backdrop-blur {
  backdrop-filter: blur(16px);
}

.filament-page-skin table {
  width: 100%;
  border-collapse: collapse;
}

.filament-page-skin thead {
  background: var(--fp-surface-soft);
}

.filament-page-skin th {
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.filament-page-skin td,
.filament-page-skin th {
  border-bottom: 1px solid var(--fp-border);
  vertical-align: middle;
}

.filament-page-skin tbody tr:hover {
  background: var(--fp-hover);
}

.filament-page-skin .divide-y > * + * {
  border-top: 1px solid var(--fp-border);
}

.filament-page-skin .border-dashed {
  border-style: dashed;
}

.filament-page-skin .border-gray-300,
.filament-page-skin .dark\:border-white\/10,
.filament-page-skin .border-gray-200 {
  border-color: var(--fp-border);
}

.filament-page-skin .border-sky-400 {
  border-color: color-mix(in srgb, var(--fp-blue) 70%, var(--fp-border));
}

.filament-page-skin .border-amber-400 {
  border-color: color-mix(in srgb, var(--fp-amber) 70%, var(--fp-border));
}

.filament-page-skin .border-rose-400 {
  border-color: color-mix(in srgb, var(--fp-red) 70%, var(--fp-border));
}

.filament-page-skin .bg-sky-500\/15 {
  background: color-mix(in srgb, var(--fp-blue) 15%, transparent);
}

.filament-page-skin .bg-amber-500\/15 {
  background: color-mix(in srgb, var(--fp-amber) 15%, transparent);
}

.filament-page-skin .bg-rose-500\/15 {
  background: color-mix(in srgb, var(--fp-red) 15%, transparent);
}

.filament-page-skin .text-sky-100,
.filament-page-skin .text-amber-100,
.filament-page-skin .text-rose-100 {
  color: #f8fafc;
}

.fp-support-widget {
  bottom: 1rem;
  display: grid;
  gap: .6rem;
  justify-items: end;
  position: fixed;
  right: 1rem;
  z-index: 50;
}

.fp-support-bubble,
.fp-support-primary,
.fp-support-admin-actions button {
  border: 0;
  border-radius: .65rem;
  background: var(--fp-blue);
  color: #fff;
  cursor: pointer;
  font-weight: 750;
}

.fp-support-bubble {
  align-items: center;
  border-radius: .85rem;
  box-shadow: 0 14px 32px rgba(37, 99, 235, .28);
  display: grid;
  height: 3rem;
  justify-content: center;
  padding: 0;
  place-items: center;
  width: 3rem;
}

.fp-support-bubble svg,
.fp-support-icon-button svg,
.fp-support-file svg,
.fp-support-attachment svg,
.fp-support-admin-placeholder svg {
  height: 1.1rem;
  width: 1.1rem;
}

.fp-support-bubble svg {
  height: 1.35rem;
  width: 1.35rem;
}

.fp-support-bubble span {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.fp-support-panel {
  background: var(--fp-surface);
  border: 1px solid color-mix(in srgb, var(--fp-blue) 24%, var(--fp-border));
  border-radius: .8rem;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .26);
  color: var(--fp-text);
  display: flex;
  flex-direction: column;
  font-size: .875rem;
  max-height: min(34rem, calc(100dvh - 6rem));
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: min(21.5rem, calc(100vw - 1.5rem));
}

.fp-support-head,
.fp-support-admin-head,
.fp-support-admin-chat-head {
  align-items: center;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: .8rem .9rem;
}

.fp-support-head {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fp-blue) 28%, var(--fp-surface)), var(--fp-surface));
}

.fp-support-head span,
.fp-support-admin-chat-head span {
  color: var(--fp-blue);
  display: block;
  font-size: .68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.fp-support-head h3,
.fp-support-admin-head h3,
.fp-support-admin-chat-head h3,
.fp-support-admin-placeholder h3 {
  color: var(--fp-text);
  font-size: .98rem;
  font-weight: 800;
  margin: .15rem 0 0;
}

.fp-support-icon-button {
  background: transparent;
  border: 0;
  color: var(--fp-muted);
  cursor: pointer;
  display: grid;
  place-items: center;
}

.fp-support-form,
.fp-support-compose,
.fp-support-admin-compose {
  display: grid;
  gap: .5rem;
  max-height: calc(100dvh - 12rem);
  overflow-x: hidden;
  overflow-y: auto;
  padding: .85rem;
}

.fp-support-start-form {
  gap: .42rem;
  padding: .7rem .85rem .85rem;
  scrollbar-gutter: stable;
}

.fp-support-start-form label {
  gap: .18rem;
}

.fp-support-start-form .fp-searchable-select-trigger,
.fp-support-start-form input,
.fp-support-start-form select {
  min-height: 2.2rem;
  padding-block: .43rem;
}

.fp-support-start-form .fp-support-form-actions {
  background: linear-gradient(180deg, transparent, var(--fp-surface) 24%);
  bottom: -.85rem;
  display: grid;
  gap: .45rem;
  margin: .05rem -.85rem 0;
  padding: .72rem .85rem .85rem;
  position: sticky;
  z-index: 20;
}

.fp-support-form label,
.fp-support-compose,
.fp-support-admin-compose {
  color: var(--fp-text);
}

.fp-support-form label {
  display: grid;
  gap: .24rem;
}

.fp-support-form span {
  color: var(--fp-muted);
  display: block;
  font-size: .74rem;
  font-weight: 700;
  margin-bottom: .24rem;
}

.fp-support-form input,
.fp-support-form select,
.fp-support-compose textarea,
.fp-support-admin-compose textarea,
.fp-support-admin-head select {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  font-size: .875rem;
  line-height: 1.35;
  outline: none;
  padding: .52rem .65rem;
  width: 100%;
}

.fp-support-admin-head .fp-support-status-filter {
  flex: 0 0 11rem;
  min-height: 2.25rem;
  width: 11rem;
}

.fp-support-form input,
.fp-support-form select {
  min-height: 2.35rem;
}

.fp-support-form input:focus,
.fp-support-form select:focus,
.fp-support-compose textarea:focus,
.fp-support-admin-compose textarea:focus,
.fp-support-admin-head select:focus {
  border-color: var(--fp-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-blue) 18%, transparent);
}

.fp-support-form small,
.fp-support-compose small,
.fp-support-admin-compose small {
  color: var(--fp-red);
  font-size: .72rem;
}

.fp-support-field-hint {
  color: var(--fp-muted) !important;
}

.fp-support-primary {
  border-radius: .55rem;
  font-size: .875rem;
  flex-shrink: 0;
  min-height: 2.35rem;
  padding: .5rem .85rem;
}

.fp-support-ticket-choice {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-text);
  cursor: pointer;
  display: grid;
  gap: .2rem;
  padding: .7rem .8rem;
  text-align: left;
}

.fp-support-ticket-choice:hover {
  border-color: var(--fp-blue);
}

.fp-support-ticket-choice strong {
  font-size: .86rem;
}

.fp-support-ticket-choice span,
.fp-support-ticket-choice small {
  color: var(--fp-muted);
  font-size: .74rem;
}

.fp-support-approval-summary {
  display: grid;
  gap: .55rem;
}

.fp-support-approval-public-message {
  max-width: 100%;
}

.fp-support-ticket-meta {
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  padding: .65rem .85rem;
}

.fp-support-ticket-meta span,
.fp-support-status {
  background: color-mix(in srgb, var(--fp-blue) 14%, transparent);
  border-radius: 999px;
  color: var(--fp-blue);
  font-size: .72rem;
  font-weight: 800;
  padding: .25rem .55rem;
}

.fp-support-ticket-meta button {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  color: var(--fp-muted);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 800;
  margin-left: auto;
  padding: .25rem .55rem;
}

.fp-support-ticket-meta button:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 45%, var(--fp-border));
  color: var(--fp-blue);
}

.fp-support-ticket-action {
  align-items: center;
  background: color-mix(in srgb, #22c55e 15%, transparent);
  border: 1px solid color-mix(in srgb, #22c55e 40%, var(--fp-border));
  border-radius: 999px;
  color: #22c55e;
  display: inline-flex;
  height: 1.9rem;
  margin-left: auto;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  width: 1.9rem;
}

.fp-support-ticket-action:hover {
  background: color-mix(in srgb, #22c55e 24%, transparent);
  color: #4ade80;
}

.fp-support-ticket-action svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.fp-support-approval-admin-card {
  border-bottom: 1px solid var(--fp-border);
  display: grid;
  flex: 1;
  gap: .62rem;
  min-height: 0;
  overflow: auto;
  padding: .8rem .85rem;
}

.fp-support-approval-admin-head {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: space-between;
}

.fp-support-approval-admin-head strong {
  color: var(--fp-text);
  display: block;
  font-size: .9rem;
  line-height: 1.2;
}

.fp-support-approval-admin-head span {
  color: var(--fp-muted);
  display: block;
  font-size: .75rem;
  line-height: 1.35;
  margin-top: .15rem;
}

.fp-support-approval-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.fp-support-approval-admin-grid {
  display: grid;
  gap: .55rem;
}

.fp-support-approval-admin-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.fp-support-approval-admin-meta span {
  background: color-mix(in srgb, var(--fp-blue) 10%, transparent);
  border-radius: 999px;
  color: var(--fp-blue);
  font-size: .72rem;
  font-weight: 700;
  padding: .22rem .55rem;
}

.fp-support-approval-admin-list {
  display: grid;
  gap: .42rem;
}

.fp-support-approval-setup-note {
  border-top: 1px solid var(--fp-border);
  color: var(--fp-muted);
  font-size: .72rem;
  line-height: 1.45;
  padding: .65rem .85rem;
}

.fp-support-panel [data-support-thread] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.fp-support-approval {
  overflow-x: hidden;
}

.fp-support-messages,
.fp-support-admin-messages {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: .55rem;
  min-height: 0;
  overflow: auto;
  padding: .85rem;
  position: relative;
  z-index: 1;
}

.fp-support-message {
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  max-width: 88%;
  padding: .58rem .68rem;
}

.fp-support-message-admin {
  align-self: flex-end;
  background: color-mix(in srgb, var(--fp-blue) 14%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-blue) 35%, var(--fp-border));
}

.fp-support-message-visitor {
  align-self: flex-start;
  background: var(--fp-surface-soft);
}

.fp-support-message div {
  align-items: center;
  display: flex;
  gap: .5rem;
  justify-content: space-between;
}

.fp-support-message strong {
  color: var(--fp-text);
  font-size: .8rem;
}

.fp-support-message span,
.fp-support-message p {
  color: var(--fp-muted);
}

.fp-support-message div span {
  font-size: .7rem;
}

.fp-support-message p {
  font-size: .82rem;
  line-height: 1.45;
  margin: .35rem 0 0;
  white-space: pre-wrap;
}

.fp-support-attachment {
  align-items: center;
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  display: inline-flex;
  gap: .4rem;
  margin-top: .55rem;
  max-width: 100%;
  padding: .45rem .55rem;
  text-decoration: none;
}

.fp-support-compose {
  border-top: 1px solid var(--fp-border);
  overflow: visible;
  position: relative;
  z-index: 300;
}

.fp-support-compose-row {
  align-items: end;
  display: grid;
  gap: .45rem;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  position: relative;
  z-index: 310;
}

.fp-support-compose-actions {
  align-items: center;
  display: flex;
  gap: .6rem;
  justify-content: space-between;
}

.fp-support-file {
  align-items: center;
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-muted);
  cursor: pointer;
  display: inline-flex;
  height: 2.35rem;
  justify-content: center;
  width: 2.5rem;
}

.fp-support-tool-button {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 800;
  height: 2.35rem;
  justify-content: center;
  width: 2.5rem;
}

.fp-support-tool-button:hover,
.fp-support-file:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 45%, var(--fp-border));
  color: var(--fp-blue);
}

.fp-support-send-button {
  min-width: 4.4rem;
}

.fp-support-compose textarea {
  max-height: 5.5rem;
  min-height: 2.35rem;
  overflow: auto;
  resize: none;
}

.fp-support-emoji-wrap {
  position: relative;
  z-index: 320;
}

.fp-support-emoji-panel {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  bottom: calc(100% + .45rem);
  box-shadow: var(--fp-shadow);
  display: grid;
  gap: .25rem;
  grid-template-columns: repeat(5, 2rem);
  padding: .45rem;
  position: absolute;
  right: 0;
  z-index: 9999;
}

.fp-support-emoji-panel[hidden] {
  display: none;
}

.fp-support-emoji-panel button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: .45rem;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.05rem;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.fp-support-emoji-panel button:hover {
  background: var(--fp-surface-soft);
}

.fp-support-file input {
  display: none;
}

.fp-support-file-name,
.fp-support-file-hint,
.fp-support-empty,
.fp-support-closed,
.fp-support-admin-placeholder p,
.fp-support-admin-head p,
.fp-support-admin-chat-head p {
  color: var(--fp-muted);
  font-size: .85rem;
}

.fp-support-notice {
  background: color-mix(in srgb, var(--fp-amber) 12%, var(--fp-surface));
  border: 1px solid color-mix(in srgb, var(--fp-amber) 36%, var(--fp-border));
  border-radius: .7rem;
  color: var(--fp-text);
  font-size: .82rem;
  line-height: 1.4;
  padding: .65rem .75rem;
}

.fp-support-file-hint {
  grid-column: 1 / -1;
  padding-inline: .15rem;
}

.fp-support-empty,
.fp-support-closed {
  padding: .85rem;
}

.fp-support-closed,
.fp-support-rated {
  justify-items: center;
  text-align: center;
}

.fp-support-closed .fp-link-button,
.fp-support-rated .fp-link-button {
  margin-inline: auto;
}

.fp-support-rating,
.fp-support-rated {
  border-top: 1px solid var(--fp-border);
  display: grid;
  gap: .55rem;
  padding: .85rem;
}

.fp-support-rating[hidden],
.fp-support-rated[hidden] {
  display: none;
}

.fp-support-rating strong,
.fp-support-rated strong {
  color: var(--fp-text);
  display: block;
  font-size: .86rem;
  line-height: 1.3;
}

.fp-support-rating span,
.fp-support-rated span {
  color: var(--fp-muted);
  display: block;
  font-size: .76rem;
  line-height: 1.35;
  margin-top: .15rem;
}

.fp-support-stars {
  display: flex;
  gap: .2rem;
}

.fp-support-stars button {
  background: transparent;
  border: 0;
  color: color-mix(in srgb, var(--fp-muted) 55%, transparent);
  cursor: pointer;
  font-size: 1.65rem;
  line-height: 1;
  padding: .05rem;
}

.fp-support-stars button:hover,
.fp-support-stars button:focus,
.fp-support-stars button.is-active {
  color: var(--fp-amber);
  outline: none;
}

.fp-support-rating textarea {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  font: inherit;
  min-height: 4.5rem;
  outline: none;
  padding: .55rem .65rem;
  resize: vertical;
  width: 100%;
}

.fp-support-rating textarea:focus {
  border-color: var(--fp-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-blue) 18%, transparent);
}

.fp-support-rating small {
  color: var(--fp-red);
  font-size: .72rem;
}

.fp-support-rated {
  background: color-mix(in srgb, var(--fp-amber) 9%, transparent);
}

.fp-support-rated span {
  color: var(--fp-amber);
  font-size: 1.15rem;
  letter-spacing: .04em;
}

.fp-support-admin-shell {
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  background: var(--fp-surface);
  display: grid;
  grid-template-columns: minmax(18rem, .42fr) minmax(0, 1fr);
  min-height: 38rem;
  overflow: hidden;
}

.fp-support-inbox {
  border-right: 1px solid var(--fp-border);
  min-width: 0;
}

.fp-support-thread-list {
  display: grid;
  gap: .6rem;
  max-height: 38rem;
  overflow: auto;
  padding: .75rem;
}

.fp-support-thread {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  color: var(--fp-muted);
  cursor: pointer;
  display: grid;
  gap: .35rem;
  padding: .8rem;
  text-align: left;
}

.fp-support-thread.is-active,
.fp-support-thread:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 52%, var(--fp-border));
}

.fp-support-thread-top,
.fp-support-thread-bottom {
  align-items: center;
  display: flex;
  gap: .5rem;
  justify-content: space-between;
}

.fp-support-thread strong {
  color: var(--fp-text);
}

.fp-support-thread b {
  background: var(--fp-red);
  border-radius: 999px;
  color: #fff;
  font-size: .72rem;
  min-width: 1.4rem;
  padding: .15rem .4rem;
  text-align: center;
}

.fp-support-status-waiting {
  background: color-mix(in srgb, var(--fp-amber) 18%, transparent);
  color: var(--fp-amber);
}

.fp-support-status-answered,
.fp-support-status-open {
  background: color-mix(in srgb, var(--fp-green) 15%, transparent);
  color: var(--fp-green);
}

.fp-support-status-closed {
  background: var(--fp-surface-soft);
  color: var(--fp-muted);
}

.fp-support-admin-chat {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fp-support-admin-placeholder {
  align-content: center;
  display: grid;
  justify-items: center;
  min-height: 32rem;
  padding: 2rem;
  text-align: center;
}

.fp-support-admin-placeholder svg {
  color: var(--fp-blue);
  height: 2rem;
  width: 2rem;
}

.fp-support-admin-messages {
  min-height: 22rem;
}

.fp-live-support {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.fp-live-support > * {
  min-width: 0;
}

.fp-support-table-panel,
.fp-support-config,
.fp-support-config-card {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
  overflow: hidden;
}

.fp-support-table-panel {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.fp-support-list-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  max-width: 100%;
  min-width: 0;
}

.fp-support-list-head h3 {
  color: var(--fp-text);
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.2;
  margin: 0;
}

.fp-support-list-head p {
  color: var(--fp-muted);
  font-size: .9rem;
  margin: .25rem 0 0;
}

.fp-support-filament-table {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
}

.fp-support-filament-table .overflow-x-auto,
.fp-support-filament-table .fi-ta-content {
  overflow-x: auto !important;
}

.fp-support-filament-table .fi-ta {
  min-width: 0;
  width: 100%;
}

.fp-support-filament-table .fi-ta-table,
.fp-support-filament-table table {
  min-width: 56rem;
  width: 100%;
}

.fp-asset-table-panel {
  overflow: visible;
}

.fp-asset-filament-table .fi-ta,
.fp-asset-filament-table .fi-ta-header,
.fp-asset-filament-table .fi-ta-header-toolbar,
.fp-asset-filament-table .fi-ta-header-toolbar > div {
  overflow: visible;
}

.fp-asset-filament-table .fi-ta-content,
.fp-asset-filament-table .overflow-x-auto {
  overflow-x: auto !important;
  overflow-y: visible;
}

.fp-asset-filament-table .fi-dropdown-panel {
  z-index: 80;
}

.fp-support-config-grid,
.fp-support-stats {
  display: grid;
  gap: 1rem;
}

.fp-support-setting-list {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
  overflow: hidden;
}

.fp-webhook-page {
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--fp-blue) 20%, transparent), transparent 30rem),
    linear-gradient(145deg, color-mix(in srgb, var(--fp-surface-soft) 56%, transparent), var(--fp-surface));
}

.fp-webhook-hero {
  align-items: flex-start;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.1rem 1.25rem;
}

.fp-webhook-hero span {
  color: var(--fp-blue);
  display: block;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .08em;
  margin-top: .85rem;
  text-transform: uppercase;
}

.fp-webhook-hero h3 {
  color: var(--fp-text);
  font-size: clamp(1.25rem, 1.05rem + .9vw, 2rem);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.05;
  margin: .25rem 0 0;
}

.fp-webhook-hero p {
  color: var(--fp-muted);
  font-size: .95rem;
  margin: .45rem 0 0;
  max-width: 46rem;
}

.fp-webhook-hero-badge {
  align-items: center;
  background: color-mix(in srgb, var(--fp-surface-soft) 84%, transparent);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  color: var(--fp-text);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: .82rem;
  font-weight: 850;
  gap: .45rem;
  margin-top: .3rem;
  padding: .48rem .7rem;
}

.fp-webhook-hero-badge span {
  border-radius: 999px;
  height: .55rem;
  margin: 0;
  width: .55rem;
}

.fp-webhook-hero-badge .is-on {
  background: var(--fp-green);
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--fp-green) 18%, transparent);
}

.fp-webhook-hero-badge .is-off {
  background: var(--fp-amber);
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--fp-amber) 18%, transparent);
}

.fp-webhook-summary {
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
  padding: 1rem 1.25rem 0;
}

.fp-webhook-summary article,
.fp-webhook-flow-card,
.fp-webhook-payload-card,
.fp-webhook-preview-card,
.fp-webhook-log-card,
.fp-webhook-empty-card {
  background: color-mix(in srgb, var(--fp-surface) 78%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-border) 86%, transparent);
  border-radius: .9rem;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .08);
  min-width: 0;
}

.fp-webhook-summary article {
  display: grid;
  gap: .35rem;
  min-height: 5.25rem;
  padding: .9rem 1rem;
}

.fp-webhook-summary small,
.fp-webhook-map-grid small {
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.fp-webhook-summary strong {
  color: var(--fp-text);
  font-size: .92rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.fp-webhook-body {
  display: grid;
  gap: .9rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: 1rem 1.25rem 1.25rem;
}

.fp-webhook-flow-card,
.fp-webhook-payload-card,
.fp-webhook-preview-card,
.fp-webhook-log-card,
.fp-webhook-empty-card {
  padding: 1rem;
}

.fp-webhook-flow-card h4,
.fp-webhook-payload-card h4,
.fp-webhook-preview-card h4,
.fp-webhook-log-card h4,
.fp-webhook-empty-card h4 {
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 850;
  margin: 0;
}

.fp-webhook-flow-card p,
.fp-webhook-payload-card p,
.fp-webhook-preview-card p,
.fp-webhook-log-card p,
.fp-webhook-empty-card p {
  color: var(--fp-muted);
  font-size: .86rem;
  line-height: 1.45;
  margin: .25rem 0 0;
}

.fp-webhook-steps {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1rem;
}

.fp-webhook-steps span {
  background: color-mix(in srgb, var(--fp-blue) 10%, var(--fp-surface-soft));
  border: 1px solid color-mix(in srgb, var(--fp-blue) 20%, var(--fp-border));
  border-radius: .7rem;
  color: var(--fp-text);
  font-size: .76rem;
  font-weight: 800;
  padding: .65rem .55rem;
  text-align: center;
}

.fp-webhook-map-grid {
  display: grid;
  gap: .55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.fp-webhook-map-grid span {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  display: grid;
  gap: .2rem;
  padding: .65rem .7rem;
}

.fp-webhook-map-grid b {
  color: var(--fp-text);
  font-size: .8rem;
  overflow-wrap: anywhere;
}

.fp-webhook-preview-card {
  align-content: start;
  display: grid;
  gap: .75rem;
}

.fp-webhook-preview-card pre {
  background: #020617;
  border: 1px solid color-mix(in srgb, var(--fp-blue) 28%, var(--fp-border));
  border-radius: .75rem;
  color: #bfdbfe;
  font-size: .78rem;
  line-height: 1.55;
  margin: 0;
  overflow-x: auto;
  padding: .9rem;
}

.fp-webhook-log-card {
  display: grid;
  gap: .8rem;
}

.fp-webhook-log-list {
  display: grid;
  gap: .55rem;
}

.fp-webhook-log-list > div {
  background: color-mix(in srgb, var(--fp-red) 7%, var(--fp-surface-soft));
  border: 1px solid color-mix(in srgb, var(--fp-red) 18%, var(--fp-border));
  border-radius: .75rem;
  display: grid;
  gap: .18rem;
  padding: .7rem .75rem;
}

.fp-webhook-log-list > div.is-empty {
  background: color-mix(in srgb, var(--fp-green) 7%, var(--fp-surface-soft));
  border-color: color-mix(in srgb, var(--fp-green) 18%, var(--fp-border));
}

.fp-webhook-log-list strong {
  color: var(--fp-text);
  font-size: .82rem;
  overflow-wrap: anywhere;
}

.fp-webhook-log-list small {
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 750;
}

.fp-webhook-log-list p {
  font-size: .78rem;
  margin: .15rem 0 0;
}

.fp-webhook-log-list span {
  color: var(--fp-red);
  font-size: .7rem;
  font-weight: 850;
  text-transform: uppercase;
}

.fp-webhook-empty-card {
  align-items: center;
  background: linear-gradient(135deg, color-mix(in srgb, var(--fp-amber) 10%, var(--fp-surface)), var(--fp-surface));
  display: flex;
}

.fp-webhook-empty-card.is-ready {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fp-green) 10%, var(--fp-surface)), var(--fp-surface));
}

@media (max-width: 900px) {
  .fp-webhook-hero {
    flex-direction: column;
  }

  .fp-webhook-summary,
  .fp-webhook-body {
    grid-template-columns: 1fr;
  }

  .fp-webhook-steps,
  .fp-webhook-map-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .fp-webhook-hero,
  .fp-webhook-summary,
  .fp-webhook-body {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .fp-webhook-steps,
  .fp-webhook-map-grid {
    grid-template-columns: 1fr;
  }
}

.fp-support-setting-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 1rem;
}

.fp-support-setting-card {
  align-items: center;
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  color: inherit;
  cursor: pointer;
  display: flex;
  gap: .85rem;
  min-height: 6rem;
  padding: 1rem;
  text-align: left;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fp-support-setting-card:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 48%, var(--fp-border));
  box-shadow: 0 16px 36px rgba(37, 99, 235, .12);
  transform: translateY(-2px);
}

.fp-support-setting-card.is-active {
  background: color-mix(in srgb, var(--fp-blue) 10%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-blue) 62%, var(--fp-border));
}

.fp-support-setting-icon {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 13%, transparent);
  border-radius: .7rem;
  color: var(--fp-blue);
  display: inline-flex;
  height: 2.9rem;
  justify-content: center;
  width: 2.9rem;
}

.fp-support-setting-icon svg {
  height: 1.35rem;
  width: 1.35rem;
}

.fp-support-setting-card strong {
  color: var(--fp-text);
  display: block;
}

.fp-support-setting-card small {
  color: var(--fp-muted);
  display: block;
  font-size: .82rem;
  line-height: 1.35;
  margin-top: .25rem;
}

.fp-support-setting-card em {
  background: var(--fp-surface-soft);
  border-radius: 999px;
  color: var(--fp-muted);
  font-size: .72rem;
  font-style: normal;
  font-weight: 800;
  margin-left: auto;
  padding: .25rem .55rem;
}

.fp-my-account-avatar {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  object-fit: cover;
}

.fp-my-account {
  display: grid;
  gap: 1rem;
}

.fp-my-account-hero,
.fp-my-account-scope-card {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
}

.fp-my-account-hero {
  align-items: center;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .48fr);
  padding: 1.25rem;
}

.fp-my-account-profile {
  align-items: center;
  display: flex;
  gap: 1rem;
  min-width: 0;
}

.fp-my-account-photo {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 12%, var(--fp-surface-soft));
  border: 1px solid color-mix(in srgb, var(--fp-blue) 28%, var(--fp-border));
  border-radius: .85rem;
  color: var(--fp-blue);
  display: inline-flex;
  flex: 0 0 6.5rem;
  height: 6.5rem;
  justify-content: center;
  overflow: hidden;
  width: 6.5rem;
}

.fp-my-account-photo img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.fp-my-account-photo svg {
  height: 3.4rem;
  width: 3.4rem;
}

.fp-my-account-identity {
  min-width: 0;
}

.fp-my-account-identity > span,
.fp-my-account-metrics span,
.fp-my-account-scope-card dt {
  color: var(--fp-muted);
  display: block;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.fp-my-account-identity h3 {
  color: var(--fp-text);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.15;
  margin: .28rem 0 .18rem;
}

.fp-my-account-identity p,
.fp-my-account-scope-card p,
.fp-my-account-scope-card dd {
  color: var(--fp-muted);
  font-size: .88rem;
  line-height: 1.45;
  margin: 0;
}

.fp-my-account-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .7rem;
}

.fp-my-account-badges em,
.fp-my-account-scope-card em {
  background: var(--fp-surface-soft);
  border-radius: 999px;
  color: var(--fp-muted);
  display: inline-flex;
  font-size: .72rem;
  font-style: normal;
  font-weight: 850;
  padding: .28rem .6rem;
}

.fp-my-account-metrics {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fp-my-account-metrics section {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  min-height: 6.5rem;
  padding: .9rem;
}

.fp-my-account-metrics strong {
  color: var(--fp-text);
  display: block;
  font-size: 1.55rem;
  font-weight: 950;
  line-height: 1;
  margin-top: .45rem;
}

.fp-my-account-metrics small {
  color: var(--fp-muted);
  display: block;
  font-size: .78rem;
  margin-top: .45rem;
}

.fp-my-account-scope-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fp-my-account-scope-card {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.fp-my-account-scope-card > div:first-child {
  align-items: center;
  display: flex;
  gap: .85rem;
  min-width: 0;
}

.fp-my-account-scope-card h3 {
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 900;
  margin: 0 0 .15rem;
}

.fp-my-account-scope-card dl {
  display: grid;
  gap: .75rem;
  margin: 0;
}

.fp-my-account-scope-card dd {
  margin-top: .18rem;
}

.fp-my-account-signature-preview,
.fp-my-account-signature-empty {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 7%, var(--fp-surface-soft));
  border: 1px dashed color-mix(in srgb, var(--fp-blue) 35%, var(--fp-border));
  border-radius: .75rem;
  display: flex;
  justify-content: center;
  min-height: 6rem;
  padding: .8rem;
}

.fp-my-account-signature-preview img {
  background: #fff;
  border-radius: .55rem;
  max-height: 5.25rem;
  max-width: 100%;
  object-fit: contain;
  padding: .55rem;
}

.fp-my-account-signature-empty {
  color: var(--fp-muted);
  flex-direction: column;
  font-size: .86rem;
  font-weight: 800;
  gap: .45rem;
  justify-content: center;
}

.fp-my-account-signature-empty svg {
  color: var(--fp-blue);
  height: 2rem;
  width: 2rem;
}

.fp-support-config-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fp-support-stats {
  grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
}

.fp-support-stats section {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  box-shadow: var(--fp-shadow);
  padding: .85rem 1rem;
}

.fp-support-stats span {
  color: var(--fp-muted);
  display: block;
  font-size: .78rem;
  font-weight: 750;
}

.fp-support-stats strong {
  color: var(--fp-text);
  display: block;
  font-size: 1.7rem;
  line-height: 1.15;
  margin-top: .35rem;
}

.fp-support-analytics {
  display: grid;
  gap: 1rem;
}

.fp-support-analytics-head {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
  padding: 1rem;
}

.fp-support-analytics-head h3 {
  color: var(--fp-text);
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.25;
  margin: 0;
}

.fp-support-analytics-head p {
  color: var(--fp-muted);
  font-size: .84rem;
  line-height: 1.4;
  margin: .2rem 0 0;
}

.fp-support-analytics-filters {
  align-items: end;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(14rem, 1fr) 11rem;
  width: min(100%, 28rem);
}

.fp-support-analytics-head label {
  display: grid;
  gap: .35rem;
  min-width: 0;
}

.fp-support-analytics-head label > span {
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.fp-support-analytics-head select {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  min-height: 2.35rem;
  padding: .5rem .65rem;
  width: 100%;
}

.fp-support-analytics-kpis {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.fp-support-analytics-health {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.fp-support-analytics-health article {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--fp-surface) 92%, transparent), color-mix(in srgb, var(--fp-surface) 96%, transparent)),
    var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
  display: grid;
  gap: .32rem;
  min-height: 7rem;
  padding: .95rem;
}

.fp-support-analytics-health article span,
.fp-support-analytics-health article small {
  color: var(--fp-muted);
  font-size: .76rem;
  line-height: 1.38;
}

.fp-support-analytics-health article span {
  font-weight: 850;
  text-transform: uppercase;
}

.fp-support-analytics-health article strong {
  color: var(--fp-text);
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.02;
}

.fp-support-analytics-health article.is-primary {
  background:
    linear-gradient(180deg, rgba(37, 99, 235, .18), rgba(37, 99, 235, .09)),
    var(--fp-surface);
  border-color: color-mix(in srgb, var(--fp-blue) 28%, var(--fp-border));
}

.fp-support-analytics-health article.is-danger {
  background:
    linear-gradient(180deg, rgba(244, 63, 94, .18), rgba(244, 63, 94, .09)),
    var(--fp-surface);
  border-color: color-mix(in srgb, var(--fp-red) 36%, var(--fp-border));
}

.fp-support-analytics-health article.is-amber {
  background:
    linear-gradient(180deg, rgba(245, 158, 11, .18), rgba(245, 158, 11, .09)),
    var(--fp-surface);
  border-color: color-mix(in srgb, var(--fp-amber) 40%, var(--fp-border));
}

.fp-support-analytics-health article.is-neutral {
  background:
    linear-gradient(180deg, rgba(148, 163, 184, .1), rgba(148, 163, 184, .04)),
    var(--fp-surface);
}

.fp-support-analytics-kpis section,
.fp-support-analytics-panel {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
}

.fp-support-analytics-kpis section {
  display: grid;
  gap: .3rem;
  min-height: 7.25rem;
  padding: .9rem;
}

.fp-support-analytics-kpis span,
.fp-support-analytics-kpis small {
  color: var(--fp-muted);
  font-size: .76rem;
  line-height: 1.35;
}

.fp-support-analytics-kpis span {
  font-weight: 800;
}

.fp-support-analytics-kpis strong {
  color: var(--fp-text);
  font-size: 1.75rem;
  font-weight: 850;
  line-height: 1.05;
}

.fp-support-analytics-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fp-support-analytics-grid.is-main {
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr);
}

.fp-support-analytics-panel {
  min-width: 0;
  overflow: hidden;
}

.fp-support-analytics-panel header {
  border-bottom: 1px solid var(--fp-border);
  padding: .9rem 1rem;
}

.fp-support-analytics-panel header.fp-support-chart-head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.fp-support-chart-head label {
  display: grid;
  gap: .28rem;
  min-width: 8.5rem;
}

.fp-support-chart-head label > span {
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.fp-support-chart-head select {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  min-height: 2.15rem;
  padding: .42rem .6rem;
  width: 100%;
}

.fp-support-analytics-panel header h3 {
  color: var(--fp-text);
  font-size: .98rem;
  font-weight: 850;
  line-height: 1.25;
  margin: 0;
}

.fp-support-analytics-panel header p {
  color: var(--fp-muted);
  font-size: .8rem;
  line-height: 1.4;
  margin: .18rem 0 0;
}

.fp-support-rank-list {
  display: grid;
  gap: .5rem;
  padding: .85rem;
}

.fp-support-rank-list > div {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 2.7rem;
  padding: .55rem .65rem;
}

.fp-support-rank-list span {
  color: var(--fp-text);
  font-size: .84rem;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-rank-list strong {
  color: var(--fp-blue);
  font-size: .98rem;
  font-weight: 850;
}

.fp-support-rank-list > p,
.fp-support-rating-list > p {
  color: var(--fp-muted);
  margin: 0;
  padding: .75rem;
  text-align: center;
}

.fp-support-analytics-table-wrap {
  overflow-x: auto;
}

.fp-support-analytics-table {
  border-collapse: collapse;
  min-width: 32rem;
  width: 100%;
}

.fp-support-analytics-table th,
.fp-support-analytics-table td {
  border-bottom: 1px solid var(--fp-border);
  color: var(--fp-muted);
  font-size: .82rem;
  padding: .72rem .85rem;
  text-align: left;
}

.fp-support-analytics-table th {
  background: color-mix(in srgb, var(--fp-surface-soft) 82%, transparent);
  color: var(--fp-text);
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.fp-support-analytics-table td strong {
  color: var(--fp-text);
}

.fp-support-rating-list {
  display: grid;
  gap: .65rem;
  max-height: 22rem;
  overflow-y: auto;
  padding: .85rem;
}

.fp-support-attention-list {
  display: grid;
  gap: .65rem;
  max-height: 28rem;
  overflow-y: auto;
  padding: .85rem;
}

.fp-support-attention-list > p {
  color: var(--fp-muted);
  margin: 0;
  padding: .75rem;
  text-align: center;
}

.fp-support-attention-list article {
  background: linear-gradient(180deg, color-mix(in srgb, var(--fp-surface) 88%, transparent), color-mix(in srgb, var(--fp-surface-soft) 74%, transparent));
  border: 1px solid var(--fp-border);
  border-radius: .72rem;
  display: grid;
  gap: .55rem;
  padding: .78rem;
}

.fp-support-attention-head {
  align-items: flex-start;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
}

.fp-support-attention-main {
  min-width: 0;
}

.fp-support-attention-main strong {
  color: var(--fp-text);
  display: block;
  font-size: .86rem;
  line-height: 1.3;
}

.fp-support-attention-main span,
.fp-support-attention-meta span,
.fp-support-attention-meta em,
.fp-support-attention-head time,
.fp-support-attention-main small {
  color: var(--fp-muted);
  font-size: .78rem;
  line-height: 1.4;
}

.fp-support-attention-main span {
  display: block;
  margin-top: .18rem;
}

.fp-support-attention-main small {
  display: inline-flex;
  margin-top: .35rem;
}

.fp-support-attention-head time {
  background: color-mix(in srgb, var(--fp-surface-soft) 65%, transparent);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  flex-shrink: 0;
  padding: .24rem .55rem;
  text-align: right;
}

.fp-support-attention-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
}

.fp-support-attention-meta b,
.fp-support-attention-meta em,
.fp-support-attention-meta span {
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  padding: .2rem .48rem;
}

.fp-support-attention-meta b {
  color: var(--fp-text);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
}

.fp-support-attention-meta b.is-overdue {
  background: color-mix(in srgb, var(--fp-red) 12%, transparent);
  border-color: color-mix(in srgb, var(--fp-red) 28%, var(--fp-border));
  color: var(--fp-red);
}

.fp-support-attention-meta b.is-warning {
  background: color-mix(in srgb, var(--fp-amber) 12%, transparent);
  border-color: color-mix(in srgb, var(--fp-amber) 30%, var(--fp-border));
  color: var(--fp-amber);
}

.fp-support-attention-meta b.is-paused {
  background: color-mix(in srgb, var(--fp-blue) 10%, transparent);
  border-color: color-mix(in srgb, var(--fp-blue) 25%, var(--fp-border));
  color: var(--fp-blue);
}

.fp-support-attention-meta b.is-normal,
.fp-support-attention-meta b.is-done {
  background: color-mix(in srgb, var(--fp-green) 10%, transparent);
  border-color: color-mix(in srgb, var(--fp-green) 24%, var(--fp-border));
  color: var(--fp-green);
}

.fp-support-line-chart {
  align-items: end;
  display: grid;
  gap: .35rem;
  grid-auto-flow: column;
  grid-auto-columns: minmax(1.55rem, 1fr);
  min-height: 14rem;
  overflow-x: auto;
  padding: 1rem;
}

.fp-support-line-chart > div {
  align-items: center;
  display: grid;
  gap: .35rem;
  grid-template-rows: minmax(0, 1fr) auto auto;
  height: 12rem;
  justify-items: center;
  min-width: 1.35rem;
}

.fp-support-line-chart i {
  align-self: end;
  background: linear-gradient(180deg, color-mix(in srgb, var(--fp-blue) 86%, #fff), color-mix(in srgb, var(--fp-green) 65%, var(--fp-blue)));
  border-radius: .45rem .45rem .2rem .2rem;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--fp-blue) 22%, transparent);
  display: block;
  min-height: .4rem;
  width: 100%;
  height: var(--value);
}

.fp-support-line-chart span {
  color: var(--fp-muted);
  font-size: .66rem;
  line-height: 1.1;
  writing-mode: vertical-rl;
}

.fp-support-line-chart b {
  color: var(--fp-text);
  font-size: .76rem;
  line-height: 1;
}

.fp-support-bar-list,
.fp-support-rating-bars {
  display: grid;
  gap: .7rem;
  padding: .9rem;
}

.fp-support-bar-list > div,
.fp-support-rating-bars > div {
  align-items: center;
  display: grid;
  gap: .65rem;
  grid-template-columns: 5.75rem minmax(0, 1fr) 2rem;
}

.fp-support-bar-list.is-relaxed > div {
  grid-template-columns: minmax(8.75rem, 1.15fr) minmax(0, 1fr) 2rem;
}

.fp-support-bar-list span,
.fp-support-rating-bars span {
  color: var(--fp-text);
  font-size: .8rem;
  font-weight: 800;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-bar-list.is-relaxed span {
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
}

.fp-support-rating-bars span {
  color: var(--fp-amber);
  letter-spacing: .03em;
}

.fp-support-bar-list i,
.fp-support-rating-bars i {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  display: block;
  height: .7rem;
  overflow: hidden;
  position: relative;
}

.fp-support-bar-list i::before,
.fp-support-rating-bars i::before {
  background: linear-gradient(90deg, var(--fp-blue), color-mix(in srgb, var(--fp-green) 70%, var(--fp-blue)));
  border-radius: inherit;
  content: "";
  display: block;
  height: 100%;
  min-width: .35rem;
  width: var(--value);
}

.fp-support-rating-bars i::before {
  background: linear-gradient(90deg, var(--fp-amber), color-mix(in srgb, var(--fp-amber) 65%, var(--fp-green)));
}

.fp-support-bar-list strong,
.fp-support-rating-bars strong {
  color: var(--fp-text);
  font-size: .82rem;
  font-weight: 850;
  text-align: right;
}

.fp-support-rating-list article {
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  display: grid;
  gap: .45rem;
  padding: .72rem;
}

.fp-support-rating-list article div {
  min-width: 0;
}

.fp-panel-head {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.fp-panel-head > div {
  min-width: 0;
}

.fp-panel-link,
.fp-analytics-modal__close {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-blue) 24%, var(--fp-border));
  border-radius: 999px;
  color: color-mix(in srgb, var(--fp-blue) 68%, #fff);
  cursor: pointer;
  display: inline-flex;
  font-size: .76rem;
  font-weight: 800;
  gap: .35rem;
  line-height: 1;
  padding: .45rem .72rem;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.fp-panel-link:hover,
.fp-analytics-modal__close:hover {
  background: color-mix(in srgb, var(--fp-blue) 18%, transparent);
  border-color: color-mix(in srgb, var(--fp-blue) 34%, var(--fp-border));
  transform: translateY(-1px);
}

.fp-panel-note {
  color: var(--fp-muted);
  font-size: .76rem;
  font-weight: 700;
  white-space: nowrap;
}

.fp-analytics-modal {
  inset: 0;
  position: fixed;
  z-index: 70;
}

.fp-analytics-modal__backdrop {
  background: rgba(7, 12, 18, .76);
  inset: 0;
  position: absolute;
}

.fp-analytics-modal__dialog {
  background: color-mix(in srgb, var(--fp-surface) 97%, #000);
  border: 1px solid color-mix(in srgb, var(--fp-border) 94%, #fff);
  border-radius: 1rem;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .4);
  display: flex;
  flex-direction: column;
  inset: 50% auto auto 50%;
  max-height: min(80vh, 56rem);
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  width: min(72rem, calc(100vw - 2rem));
}

.fp-analytics-modal__head {
  align-items: flex-start;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem 1.1rem;
}

.fp-analytics-modal__head > div {
  min-width: 0;
}

.fp-analytics-modal__head h3 {
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 850;
  margin: 0;
}

.fp-analytics-modal__head p {
  color: var(--fp-muted);
  font-size: .82rem;
  margin: .3rem 0 0;
}

.fp-analytics-modal__body {
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.fp-support-attention-list.is-modal {
  max-height: none;
  overflow: visible;
  padding: 0;
}

.fp-support-analytics-table-wrap.is-modal {
  max-height: none;
}

.fp-support-rating-list strong {
  color: var(--fp-text);
  display: block;
  font-size: .84rem;
  line-height: 1.3;
}

.fp-support-rating-list span,
.fp-support-rating-list p {
  color: var(--fp-muted);
  font-size: .78rem;
  line-height: 1.4;
  margin: .15rem 0 0;
}

.fp-support-rating-list b {
  color: var(--fp-amber);
  font-size: 1rem;
  letter-spacing: .04em;
}

.fp-support-pic-rating-list {
  display: grid;
  gap: .65rem;
  max-height: 22rem;
  overflow-y: auto;
  padding: .85rem;
}

.fp-support-pic-rating-list article {
  align-items: center;
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: .72rem;
}

.fp-support-pic-rating-list strong {
  color: var(--fp-text);
  display: block;
  font-size: .84rem;
  line-height: 1.3;
}

.fp-support-pic-rating-list span {
  color: var(--fp-muted);
  display: block;
  font-size: .78rem;
  line-height: 1.35;
  margin-top: .12rem;
}

.fp-support-pic-rating-list b {
  color: var(--fp-amber);
  font-size: .95rem;
  letter-spacing: .03em;
  white-space: nowrap;
}

.fp-support-pic-rating-list em {
  background: color-mix(in srgb, var(--fp-amber) 12%, transparent);
  border-radius: 999px;
  color: var(--fp-amber);
  font-size: .76rem;
  font-style: normal;
  font-weight: 850;
  padding: .25rem .55rem;
}

.fp-support-pic-rating-list > p {
  color: var(--fp-muted);
  margin: 0;
  padding: .75rem;
  text-align: center;
}

.fp-support-table-wrap {
  overflow-x: auto;
}

.fp-support-table {
  border-collapse: collapse;
  min-width: 58rem;
  width: 100%;
}

.fp-support-table th,
.fp-support-table td {
  border-top: 1px solid var(--fp-border);
  padding: .72rem .85rem;
  vertical-align: middle;
}

.fp-support-table thead th {
  background: color-mix(in srgb, var(--fp-surface-soft) 72%, transparent);
  border-top: 0;
  color: var(--fp-muted);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-table td strong {
  color: var(--fp-text);
  display: block;
  font-size: .8rem;
  line-height: 1.25;
}

.fp-support-table td span {
  color: var(--fp-muted);
  display: block;
  font-size: .73rem;
  line-height: 1.35;
  margin-top: .12rem;
}

.fp-support-table td small {
  color: var(--fp-muted);
  display: block;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.25;
  margin-top: .28rem;
}

.fp-support-table td b {
  background: var(--fp-red);
  border-radius: 999px;
  color: #fff;
  display: inline-grid;
  font-size: .66rem;
  line-height: 1;
  margin-left: .4rem;
  min-width: 1.15rem;
  padding: .18rem .35rem;
  place-items: center;
}

.fp-support-table-action {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .5rem;
  color: var(--fp-blue);
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  width: 2rem;
}

.fp-support-table-action:hover {
  background: color-mix(in srgb, var(--fp-blue) 12%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-blue) 42%, var(--fp-border));
}

.fp-support-table-action svg {
  height: .95rem;
  width: .95rem;
}

.fp-support-table-row {
  cursor: pointer;
}

.fp-support-table-row:hover {
  background: color-mix(in srgb, var(--fp-blue) 7%, transparent);
}

.fp-support-ticket-col {
  width: 6.5rem;
}

.fp-support-user-col {
  width: 13rem;
}

.fp-support-target-col {
  width: 14rem;
}

.fp-support-message-col {
  width: 18rem;
}

.fp-support-state-col {
  width: 8.5rem;
}

.fp-support-update-col {
  width: 8rem;
}

.fp-support-action-col {
  width: 3.5rem;
}

.fp-support-select-col {
  width: 3rem;
}

.fp-support-table-tools {
  align-items: center;
  display: flex;
  flex: 0 1 20rem;
  gap: .55rem;
  justify-content: flex-end;
  width: min(100%, 20rem);
}

.fp-support-admin-head .fp-support-table-tools .fp-support-status-filter {
  flex: 1 1 auto;
  min-width: 10rem;
  width: auto;
}

.fp-support-delete-selected {
  background: color-mix(in srgb, var(--fp-red) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-red) 34%, var(--fp-border));
  border-radius: .55rem;
  color: var(--fp-red);
  cursor: pointer;
  flex: 0 0 auto;
  font-size: .76rem;
  font-weight: 850;
  min-height: 2.25rem;
  padding: .45rem .7rem;
}

.fp-support-delete-selected:hover:not(:disabled) {
  background: color-mix(in srgb, var(--fp-red) 18%, transparent);
  border-color: color-mix(in srgb, var(--fp-red) 48%, var(--fp-border));
}

.fp-support-delete-selected:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.fp-support-check {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.fp-support-check input {
  accent-color: var(--fp-blue);
  cursor: pointer;
  height: 1rem;
  width: 1rem;
}

.fp-support-user-cell {
  min-width: 0;
}

.fp-support-message-cell,
.fp-support-target-cell {
  min-width: 0;
}

.fp-support-user-cell span,
.fp-support-message-cell span,
.fp-support-update-cell span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-ticket-cell {
  white-space: nowrap;
}

.fp-support-ticket-cell strong {
  display: inline !important;
}

.fp-support-table-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .28rem;
  margin-top: .28rem;
}

.fp-support-table-meta span {
  background: color-mix(in srgb, var(--fp-blue) 10%, transparent);
  border-radius: 999px;
  color: var(--fp-blue) !important;
  display: inline-flex !important;
  font-size: .68rem !important;
  font-weight: 800;
  margin: 0 !important;
  max-width: 100%;
  overflow: hidden;
  padding: .16rem .45rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-state-cell {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .32rem;
}

.fp-support-state-cell .fp-support-priority {
  display: inline-flex;
  font-size: .68rem;
  margin: 0;
  padding: .16rem .48rem;
}

.fp-support-action-cell {
  text-align: right;
}

.fp-support-confirm-modal {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
  display: grid;
  gap: 1rem;
  padding: 1rem;
  position: relative;
  width: min(24rem, calc(100vw - 2rem));
  z-index: 1;
}

.fp-support-confirm-modal span {
  color: var(--fp-blue);
  display: block;
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.fp-support-confirm-modal h3 {
  color: var(--fp-text);
  font-size: 1.05rem;
  font-weight: 850;
  margin: .18rem 0 0;
}

.fp-support-confirm-modal p {
  color: var(--fp-muted);
  font-size: .84rem;
  line-height: 1.45;
  margin: .45rem 0 0;
}

.fp-support-confirm-actions {
  display: flex;
  gap: .55rem;
  justify-content: flex-end;
}

.fp-support-confirm-actions button {
  border-radius: .55rem;
  cursor: pointer;
  font-size: .8rem;
  font-weight: 850;
  min-height: 2.25rem;
  padding: .45rem .75rem;
}

.fp-support-confirm-cancel {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  color: var(--fp-text);
}

.fp-support-confirm-danger {
  background: var(--fp-red);
  border: 1px solid var(--fp-red);
  color: #fff;
}

.fp-support-confirm-danger:hover {
  background: color-mix(in srgb, var(--fp-red) 84%, #000);
  border-color: color-mix(in srgb, var(--fp-red) 84%, #000);
}

.fp-support-chat-modal-content {
  display: grid;
  gap: .75rem;
}

.fp-support-admin-overlay {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 90;
}

.fp-support-admin-backdrop {
  background: rgba(0, 0, 0, .42);
  border: 0;
  cursor: default;
  inset: 0;
  position: absolute;
}

.fp-support-admin-overlay-panel {
  position: relative;
  z-index: 1;
}

.fp-support-chat-modal-content > .fp-support-admin-chat-panel {
  margin-inline: auto;
}

.fp-support-admin-chat-panel {
  background: var(--fp-surface);
  border: 1px solid color-mix(in srgb, var(--fp-blue) 20%, var(--fp-border));
  border-radius: .85rem;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
  display: flex;
  flex-direction: column;
  height: min(40rem, calc(100vh - 4rem));
  max-height: calc(100vh - 4rem);
  overflow: hidden;
  width: min(27rem, calc(100vw - 2rem));
}

.fp-support-admin-chat-panel-setup {
  height: auto;
  max-height: calc(100vh - 4rem);
  overflow: visible;
}

.fp-support-admin-modal-head {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fp-blue) 24%, var(--fp-surface)), var(--fp-surface));
  border-bottom-color: color-mix(in srgb, var(--fp-blue) 18%, var(--fp-border));
  padding: .9rem 1rem;
}

.fp-support-admin-modal-head p {
  color: var(--fp-muted);
  font-size: .74rem;
  line-height: 1.3;
  margin-top: .16rem;
}

.fp-support-admin-modal-head span {
  color: var(--fp-blue);
  font-size: .72rem;
}

.fp-support-admin-modal-head h3 {
  font-size: 1.15rem;
  margin-top: .24rem;
}

.fp-support-admin-head-actions {
  align-items: center;
  display: flex;
  gap: .55rem;
  margin-left: auto;
}

.fp-support-close-ticket-button {
  background: color-mix(in srgb, var(--fp-red) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-red) 46%, var(--fp-border));
  border-radius: .55rem;
  color: var(--fp-red);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 850;
  line-height: 1;
  min-height: 2rem;
  padding: .48rem .72rem;
  white-space: nowrap;
}

.fp-support-close-ticket-button:hover {
  background: color-mix(in srgb, var(--fp-red) 22%, transparent);
  border-color: color-mix(in srgb, var(--fp-red) 62%, var(--fp-border));
}

.fp-support-close-ticket-button:disabled {
  cursor: not-allowed;
  filter: grayscale(.45);
  opacity: .48;
}

.fp-support-close-ticket-button:disabled:hover {
  background: color-mix(in srgb, var(--fp-red) 14%, transparent);
  border-color: color-mix(in srgb, var(--fp-red) 46%, var(--fp-border));
}

.fp-support-resume-ticket-button {
  background: color-mix(in srgb, var(--fp-amber) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-amber) 52%, var(--fp-border));
  border-radius: .55rem;
  color: var(--fp-amber);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 850;
  line-height: 1;
  min-height: 2rem;
  padding: .48rem .72rem;
  white-space: nowrap;
}

.fp-support-resume-ticket-button:hover {
  background: color-mix(in srgb, var(--fp-amber) 26%, transparent);
  border-color: color-mix(in srgb, var(--fp-amber) 68%, var(--fp-border));
}

.fp-support-admin-ticket-meta {
  background: var(--fp-surface);
  border-bottom: 1px solid var(--fp-border);
  gap: .35rem;
  padding: .55rem .65rem;
}

.fp-support-admin-ticket-meta span {
  background: color-mix(in srgb, var(--fp-blue) 16%, transparent);
  color: var(--fp-blue);
  font-size: .68rem;
  line-height: 1.15;
  max-width: 12.5rem;
  overflow: hidden;
  padding: .25rem .5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-admin-ticket-meta .fp-support-sla-normal {
  background: color-mix(in srgb, var(--fp-green) 10%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-green) 30%, var(--fp-border));
  color: var(--fp-green);
}

.fp-support-admin-ticket-meta .fp-support-sla-warning {
  background: color-mix(in srgb, var(--fp-amber) 13%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-amber) 38%, var(--fp-border));
  color: var(--fp-amber);
}

.fp-support-admin-ticket-meta .fp-support-sla-overdue {
  background: color-mix(in srgb, var(--fp-red) 13%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-red) 40%, var(--fp-border));
  color: var(--fp-red);
}

.fp-support-admin-ticket-meta .fp-support-sla-done,
.fp-support-admin-ticket-meta .fp-support-sla-paused {
  background: color-mix(in srgb, var(--fp-muted) 10%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-muted) 28%, var(--fp-border));
  color: var(--fp-muted);
}

.fp-support-admin-ticket-meta button {
  font-size: .7rem;
  min-height: 1.85rem;
  padding: .25rem .58rem;
}

.fp-support-configure-ticket-button {
  background: color-mix(in srgb, var(--fp-surface-soft) 76%, transparent);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  color: var(--fp-text);
  cursor: pointer;
  font-weight: 850;
  min-height: 2rem;
}

.fp-support-configure-ticket-button:hover {
  border-color: color-mix(in srgb, var(--fp-blue) 38%, var(--fp-border));
  color: var(--fp-blue);
}

.fp-support-chat-summary {
  align-items: center;
  border-bottom: 1px solid var(--fp-border);
  display: grid;
  gap: .55rem;
  grid-template-columns: auto minmax(0, 1fr);
  padding: .62rem .75rem;
}

.fp-support-chat-summary strong {
  color: var(--fp-text);
  display: block;
  font-size: .9rem;
  line-height: 1.2;
}

.fp-support-chat-summary > div > span {
  color: var(--fp-muted);
  display: block;
  font-size: .74rem;
  margin-top: .12rem;
}

.fp-support-chat-avatar {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-blue) 32%, var(--fp-border));
  border-radius: 999px;
  color: var(--fp-blue);
  display: inline-flex;
  font-size: .85rem;
  font-weight: 850;
  height: 2.1rem;
  justify-content: center;
  width: 2.1rem;
}

.fp-support-ticket-summary {
  display: flex;
  flex-wrap: wrap;
  gap: .32rem;
  grid-column: 1 / -1;
  justify-content: flex-start;
  margin-top: .1rem;
}

.fp-support-ticket-summary span {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  color: var(--fp-muted);
  font-size: .7rem;
  font-weight: 800;
  padding: .2rem .5rem;
}

.fp-support-priority,
.fp-support-priority-control select {
  border-radius: 999px;
  font-weight: 850;
}

.fp-support-priority {
  border: 1px solid var(--fp-border);
  padding: .2rem .55rem;
}

.fp-support-priority-low,
.fp-support-priority-select-low {
  background: color-mix(in srgb, var(--fp-muted) 13%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-muted) 35%, var(--fp-border));
  color: var(--fp-muted);
}

.fp-support-priority-normal,
.fp-support-priority-select-normal {
  background: color-mix(in srgb, var(--fp-blue) 12%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-blue) 35%, var(--fp-border));
  color: var(--fp-blue);
}

.fp-support-priority-high,
.fp-support-priority-select-high {
  background: color-mix(in srgb, var(--fp-amber) 14%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-amber) 42%, var(--fp-border));
  color: var(--fp-amber);
}

.fp-support-priority-urgent,
.fp-support-priority-select-urgent {
  background: color-mix(in srgb, var(--fp-red) 13%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-red) 40%, var(--fp-border));
  color: var(--fp-red);
}

.fp-support-config-section > div > span,
.fp-support-ticket-config-body label > span {
  color: var(--fp-muted);
  font-size: .76rem;
  font-weight: 850;
}

.fp-support-ticket-config-body select,
.fp-support-ticket-config-body input,
.fp-support-ticket-config-body textarea {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  color: var(--fp-text);
  cursor: pointer;
  font-size: .78rem;
  min-height: 2rem;
  outline: none;
  padding: .25rem 1.8rem .25rem .65rem;
}

.fp-support-ticket-config-body .fp-searchable-select {
  max-width: 15.5rem;
}

.fp-support-ticket-config-body .fp-support-inline-control .fp-searchable-select {
  flex: 0 1 15.5rem;
}

.fp-support-ticket-config-body textarea {
  cursor: text;
  line-height: 1.4;
  min-height: 5rem;
  padding: .6rem .7rem;
  resize: vertical;
}

.fp-support-inline-control {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.fp-support-inline-control .fp-searchable-select {
  flex: 1 1 12rem;
}

.fp-support-inline-control button,
.fp-support-ticket-labels button,
.fp-support-internal-note-form button {
  background: color-mix(in srgb, var(--fp-blue) 10%, var(--fp-surface));
  border: 1px solid color-mix(in srgb, var(--fp-blue) 26%, var(--fp-border));
  border-radius: .65rem;
  color: var(--fp-blue);
  cursor: pointer;
  font-size: .74rem;
  font-weight: 850;
  min-height: 2rem;
  padding: .3rem .65rem;
}

.fp-support-inline-control button:hover,
.fp-support-ticket-labels button:hover,
.fp-support-internal-note-form button:hover {
  background: color-mix(in srgb, var(--fp-blue) 16%, var(--fp-surface));
}

.fp-support-ticket-labels {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.fp-support-ticket-labels button {
  border-radius: 999px;
  min-height: 1.75rem;
  padding: .22rem .55rem;
}

.fp-support-sla {
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  font-weight: 850;
  padding: .2rem .55rem;
}

.fp-support-sla-normal {
  background: color-mix(in srgb, var(--fp-green) 10%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-green) 30%, var(--fp-border));
  color: var(--fp-green);
}

.fp-support-sla-warning {
  background: color-mix(in srgb, var(--fp-amber) 13%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-amber) 38%, var(--fp-border));
  color: var(--fp-amber);
}

.fp-support-sla-overdue {
  background: color-mix(in srgb, var(--fp-red) 13%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-red) 40%, var(--fp-border));
  color: var(--fp-red);
}

.fp-support-sla-done {
  background: color-mix(in srgb, var(--fp-muted) 10%, var(--fp-surface));
  color: var(--fp-muted);
}

.fp-support-chat-modal-content .fp-support-admin-messages {
  background: color-mix(in srgb, var(--fp-surface-soft) 58%, transparent);
  border: 0;
  border-radius: 0;
  flex: 1 1 auto;
  gap: .48rem;
  max-height: none;
  min-height: 0;
  overflow-y: auto;
  padding: .75rem;
}

.fp-support-chat-modal-content .fp-support-message {
  border-radius: .85rem;
  box-shadow: none;
  max-width: 82%;
  padding: .52rem .62rem;
}

.fp-support-chat-modal-content .fp-support-message-admin {
  background: color-mix(in srgb, var(--fp-blue) 16%, var(--fp-surface));
  border-color: color-mix(in srgb, var(--fp-blue) 34%, var(--fp-border));
}

.fp-support-chat-modal-content .fp-support-message-visitor {
  background: var(--fp-surface);
  border-color: var(--fp-border);
}

.fp-support-chat-modal-content .fp-support-message-admin {
  border-bottom-right-radius: .25rem;
}

.fp-support-chat-modal-content .fp-support-message-visitor {
  border-bottom-left-radius: .25rem;
}

.fp-support-chat-modal-content .fp-support-message div {
  gap: .55rem;
}

.fp-support-chat-modal-content .fp-support-message p {
  color: var(--fp-text);
  font-size: .82rem;
  line-height: 1.38;
  margin-top: .24rem;
}

.fp-support-admin-compose {
  border-top: 1px solid var(--fp-border);
  display: grid;
  flex: 0 0 auto;
  gap: .45rem;
  padding: .65rem .75rem .75rem;
}

.fp-support-quick-replies {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.fp-support-quick-replies button {
  background: color-mix(in srgb, var(--fp-blue) 10%, var(--fp-surface));
  border: 1px solid color-mix(in srgb, var(--fp-blue) 28%, var(--fp-border));
  border-radius: 999px;
  color: var(--fp-blue);
  cursor: pointer;
  font-size: .74rem;
  font-weight: 800;
  min-height: 1.8rem;
  padding: .28rem .58rem;
}

.fp-support-admin-compose-row {
  align-items: end;
  display: grid;
  gap: .45rem;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.fp-support-admin-compose-row textarea {
  max-height: 5.5rem;
  min-height: 2.35rem;
  overflow: auto;
  padding-block: .56rem;
  resize: none;
}

.fp-support-admin-emoji-panel {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.fp-support-modal-inline-actions {
  margin-top: .1rem;
  justify-content: flex-end;
}

.fp-support-modal-inline-actions button {
  background: transparent;
  border-color: transparent;
  color: var(--fp-muted);
  min-height: 1.6rem;
  padding: .1rem 0;
}

.fp-support-modal-inline-actions button:hover {
  color: var(--fp-red);
}

.fp-support-chat-modal-content .fp-support-closed {
  align-items: center;
  background: var(--fp-surface);
  border-top: 1px solid var(--fp-border);
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  padding: .7rem .75rem;
}

.fp-support-chat-modal-content .fp-support-closed span {
  color: var(--fp-muted);
  font-size: .82rem;
}

.fp-support-chat-modal-content .fp-support-closed button {
  background: color-mix(in srgb, var(--fp-blue) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--fp-blue) 28%, var(--fp-border));
  border-radius: .55rem;
  color: var(--fp-blue);
  cursor: pointer;
  font-size: .78rem;
  font-weight: 800;
  min-height: 2rem;
  padding: .35rem .7rem;
}

.fp-support-chat-modal-content .fp-support-closed button:hover {
  background: color-mix(in srgb, var(--fp-blue) 20%, transparent);
}

.fp-support-ticket-config-panel {
  min-height: min(44rem, calc(100vh - 3rem));
}

.fp-support-ticket-config-body {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 0;
  overflow-y: auto;
  padding: .8rem;
}

.fp-support-config-section {
  background: color-mix(in srgb, var(--fp-surface-soft) 62%, transparent);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  display: grid;
  gap: .65rem;
  padding: .75rem;
}

.fp-support-config-section-wide {
  grid-column: 1 / -1;
}

.fp-support-config-section > div:first-child {
  display: grid;
  gap: .15rem;
}

.fp-support-config-section p {
  color: var(--fp-muted);
  font-size: .78rem;
  line-height: 1.35;
  margin: 0;
}

.fp-support-internal-note-form {
  display: grid;
  gap: .45rem;
}

.fp-support-activity-list {
  display: grid;
  gap: .4rem;
  max-height: 7.8rem;
  overflow-y: auto;
  padding-right: .2rem;
}

.fp-support-activity-list article {
  border-left: 2px solid color-mix(in srgb, var(--fp-blue) 36%, var(--fp-border));
  display: grid;
  gap: .15rem;
  padding-left: .55rem;
}

.fp-support-activity-list strong {
  color: var(--fp-text);
  font-size: .76rem;
}

.fp-support-activity-list small,
.fp-support-activity-list em {
  color: var(--fp-muted);
  font-size: .72rem;
}

.fp-support-note-list {
  display: grid;
  gap: .45rem;
  max-height: 10rem;
  overflow-y: auto;
}

.fp-support-note-list article {
  background: var(--fp-surface);
  border: 1px dashed color-mix(in srgb, var(--fp-amber) 36%, var(--fp-border));
  border-radius: .7rem;
  padding: .55rem .65rem;
}

.fp-support-note-list strong {
  color: var(--fp-text);
  font-size: .78rem;
}

.fp-support-note-list span,
.fp-support-note-list em {
  color: var(--fp-muted);
  font-size: .72rem;
  margin-left: .3rem;
}

.fp-support-note-list p {
  color: var(--fp-text);
  font-size: .8rem;
  margin-top: .25rem;
}

@media (max-width: 760px) {
  .fp-support-ticket-config-body {
    grid-template-columns: 1fr;
  }
}

.fp-permission-matrix {
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  overflow: hidden;
}

.fp-permission-matrix-head,
.fp-permission-matrix-row {
  align-items: center;
  display: grid;
  gap: .45rem;
  grid-template-columns: minmax(12rem, 1fr) repeat(4, 4rem);
}

.fp-permission-matrix--view-all .fp-permission-matrix-head,
.fp-permission-matrix--view-all .fp-permission-matrix-row {
  grid-template-columns: minmax(12rem, 1fr) repeat(4, 4rem) 5.5rem;
}

.fp-permission-matrix-head {
  background: var(--fp-surface-soft);
  border-bottom: 1px solid var(--fp-border);
  color: var(--fp-muted);
  font-size: .72rem;
  font-weight: 850;
  padding: .6rem .75rem;
  text-transform: uppercase;
}

.fp-permission-matrix-row {
  min-height: 2.55rem;
  padding: .48rem .75rem;
}

.fp-permission-matrix-row + .fp-permission-matrix-row {
  border-top: 1px solid var(--fp-border);
}

.fp-permission-matrix-all-row {
  background: color-mix(in srgb, var(--fp-blue) 6%, transparent);
}

.fp-permission-matrix-row strong {
  color: var(--fp-text);
  font-size: .82rem;
  line-height: 1.25;
}

.fp-permission-matrix-row label {
  display: grid;
  justify-items: start;
}

.fp-permission-matrix-head label {
  align-items: center;
  display: inline-flex;
  gap: .35rem;
}

.fp-permission-matrix input[type="checkbox"] {
  accent-color: var(--fp-blue);
  height: 1.05rem;
  width: 1.05rem;
}

.fp-support-config-modal-body {
  display: grid;
  gap: 0;
  max-height: min(72vh, 42rem);
  overflow: auto;
  padding: 0;
}

.fp-support-config-modal-body .fp-searchable-select-panel {
  left: 0;
  margin-top: .4rem;
  max-width: none;
  min-width: 100%;
  right: auto;
  width: 100%;
}

.fp-support-config-modal-body .fp-searchable-select-drop-up .fp-searchable-select-panel {
  margin-bottom: .4rem;
}

.fp-support-master-form {
  background: var(--fp-surface);
  border: 0;
  border-radius: 0;
  display: grid;
  gap: .9rem 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 1rem;
}

.fp-support-master-form label {
  display: grid;
  gap: .45rem;
}

.fp-support-master-form span {
  color: var(--fp-text);
  font-size: .82rem;
  font-weight: 800;
}

.fp-support-master-form input,
.fp-support-master-form select,
.fp-support-master-form textarea {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  font: inherit;
  min-height: 2.5rem;
  outline: none;
  padding: .55rem .7rem;
  width: 100%;
}

.fp-support-master-form input:focus,
.fp-support-master-form select:focus,
.fp-support-master-form textarea:focus {
  border-color: var(--fp-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-blue) 18%, transparent);
}

.fp-searchable-select {
  display: block;
  position: relative;
  width: 100%;
}

.fp-searchable-select-native {
  display: none !important;
}

.fp-searchable-select-trigger {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: .6rem;
  justify-content: space-between;
  min-height: 2.5rem;
  outline: none;
  padding: .55rem .7rem;
  text-align: left;
  width: 100%;
}

.fp-searchable-select-trigger:focus,
.fp-searchable-select-trigger[aria-expanded="true"] {
  border-color: var(--fp-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-blue) 18%, transparent);
}

.fp-searchable-select-trigger:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.fp-searchable-select-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-searchable-select-chevron {
  border-bottom: 2px solid var(--fp-muted);
  border-right: 2px solid var(--fp-muted);
  flex: 0 0 auto;
  height: .45rem;
  transform: rotate(45deg) translateY(-.1rem);
  width: .45rem;
}

.fp-searchable-select-panel {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
  display: grid;
  gap: .35rem;
  left: 0;
  margin-top: .3rem;
  max-height: 17rem;
  min-width: 100%;
  width: max-content;
  max-width: min(30rem, calc(100vw - 2rem));
  overflow: hidden;
  padding: .45rem;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 75;
}

.fp-support-list-head .fp-searchable-select-panel,
.fp-section-toolbar .fp-searchable-select-panel,
.fp-support-config-detail-head .fp-searchable-select-panel {
  left: auto;
  min-width: max(100%, 11rem);
  right: 0;
  width: max-content;
  max-width: min(16rem, calc(100vw - 2rem));
}

.fp-searchable-select-fixed-panel .fp-searchable-select-panel {
  position: fixed;
  right: auto;
}

.fp-support-config-modal-body .fp-searchable-select-fixed-panel .fp-searchable-select-panel {
  max-height: min(18rem, 42vh);
  z-index: 180;
}

.fp-support-config-modal-body .fp-searchable-select-list {
  max-height: min(12rem, 30vh);
}

.fp-searchable-select-drop-up .fp-searchable-select-panel {
  bottom: 100%;
  margin-bottom: .3rem;
  margin-top: 0;
  top: auto;
}

.fp-support-panel .fp-searchable-select-panel {
  max-height: min(14rem, 42vh);
  z-index: 150;
}

.fp-support-form .fp-searchable-select {
  min-width: 0;
}

.fp-support-approval-signer-form {
  background: color-mix(in srgb, var(--fp-surface-soft) 54%, transparent);
  border: 1px solid var(--fp-border);
  border-radius: .75rem;
  gap: .5rem;
  max-height: none;
  overflow: visible;
  padding: .6rem;
}

.fp-support-approval-signer-form .fp-searchable-select-trigger {
  background: var(--fp-surface);
  border-radius: .62rem;
  min-height: 2.25rem;
  padding: .46rem .6rem;
}

.fp-support-approval-signer-form .fp-searchable-select-trigger > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-approval-save-signers {
  min-height: 2.25rem;
  width: 100%;
}

@media (min-width: 520px) {
  .fp-support-approval-signer-form {
    align-items: end;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .fp-support-approval-save-signers {
    white-space: nowrap;
    width: auto;
  }
}

.fp-support-signer-picker {
  position: relative;
}

.fp-support-signer-picker-label {
  color: var(--fp-muted);
  display: block;
  font-size: .72rem;
  font-weight: 800;
  margin-bottom: .32rem;
  text-transform: uppercase;
}

.fp-support-signer-picker-panel {
  left: 0;
  max-height: min(13rem, 34vh);
  max-width: 100%;
  min-width: 100%;
  right: auto;
  width: 100%;
  z-index: 220;
}

.fp-support-signer-picker-panel .fp-searchable-select-search {
  min-height: 2.1rem;
}

.fp-support-signer-picker .fp-searchable-select-option {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 2.05rem;
}

.fp-support-signer-picker .fp-searchable-select-option > span:first-child {
  display: none;
}

.fp-support-signer-picker .fp-searchable-select-option::before {
  content: attr(data-signer-label);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-signer-picker .fp-searchable-select-option[aria-selected="true"]::after {
  background: color-mix(in srgb, var(--fp-blue) 16%, transparent);
  border-radius: 999px;
  color: var(--fp-blue);
  content: "Dipilih";
  flex: 0 0 auto;
  font-size: .72rem;
  font-weight: 850;
  margin-left: .75rem;
  padding: .14rem .45rem;
}

.fp-support-signer-help {
  color: var(--fp-muted) !important;
  display: block;
  font-size: .68rem !important;
  line-height: 1.35;
  margin-top: .32rem;
}

.fp-support-form .fp-searchable-select-panel {
  left: 0;
  max-width: 100%;
  min-width: 100%;
  right: auto;
  width: 100%;
}

.fp-support-panel .fp-searchable-select-list {
  max-height: min(9rem, 32vh);
}

.fp-searchable-select-panel[hidden] {
  display: none !important;
}

.fp-searchable-select-search {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .5rem;
  color: var(--fp-text);
  font: inherit;
  min-height: 2.15rem;
  outline: none;
  padding: .42rem .55rem;
  width: 100%;
}

.fp-searchable-select-search:focus {
  border-color: var(--fp-blue);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--fp-blue) 16%, transparent);
}

.fp-searchable-select-list {
  display: grid;
  gap: .15rem;
  max-height: 12rem;
  overflow-y: auto;
}

.fp-searchable-select-option,
.fp-searchable-select-empty {
  border-radius: .45rem;
  color: var(--fp-text);
  display: block;
  font-size: .82rem;
  line-height: 1.3;
  overflow: hidden;
  padding: .46rem .55rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.fp-searchable-select-option {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.fp-searchable-select-option:hover,
.fp-searchable-select-option:focus,
.fp-searchable-select-option[aria-selected="true"] {
  background: color-mix(in srgb, var(--fp-blue) 13%, transparent);
  color: var(--fp-blue);
  outline: none;
}

.fp-support-ticket-config-panel .fp-searchable-select-trigger {
  background: var(--fp-surface) !important;
  border-color: var(--fp-border) !important;
  border-radius: .7rem;
  box-shadow: none !important;
  color: var(--fp-text);
}

.fp-support-ticket-config-panel .fp-searchable-select-trigger[aria-expanded="true"],
.fp-support-ticket-config-panel .fp-searchable-select-trigger:focus {
  border-color: var(--fp-border);
  box-shadow: none !important;
}

.fp-support-ticket-config-panel .fp-searchable-select-value {
  color: var(--fp-text);
  font-weight: 750;
}

.fp-support-ticket-config-panel .fp-searchable-select-panel {
  background: var(--fp-surface);
  border-color: var(--fp-border);
  color: var(--fp-text);
  max-height: min(17rem, 42vh);
  min-width: 15.5rem;
  z-index: 180;
}

.fp-support-ticket-config-panel .fp-searchable-select-search {
  background: var(--fp-surface);
  border-color: var(--fp-border);
}

.fp-support-ticket-config-panel .fp-searchable-select-option:hover,
.fp-support-ticket-config-panel .fp-searchable-select-option:focus {
  background: color-mix(in srgb, var(--fp-muted) 14%, transparent);
  border-color: transparent;
  color: var(--fp-text) !important;
}

.fp-support-ticket-config-panel .fp-searchable-select-option[aria-selected="true"] {
  background: transparent !important;
  color: var(--fp-text) !important;
}

.fp-support-ticket-config-panel .fp-searchable-select-option {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--fp-text);
  border-radius: .45rem;
  font-weight: 650;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
}

.fp-support-ticket-config-panel .fp-searchable-select-panel button.fp-searchable-select-option {
  background: transparent !important;
  border: 0 !important;
  color: var(--fp-text) !important;
  min-height: auto;
  padding: .46rem .55rem;
}

.fp-support-ticket-config-panel .fp-searchable-select-panel button.fp-searchable-select-option:hover,
.fp-support-ticket-config-panel .fp-searchable-select-panel button.fp-searchable-select-option:focus {
  background: color-mix(in srgb, var(--fp-muted) 14%, transparent) !important;
  color: var(--fp-text) !important;
}

.fp-support-ticket-config-panel .fp-searchable-select-panel button.fp-searchable-select-option[aria-selected="true"] {
  background: transparent !important;
  color: var(--fp-text) !important;
}

.fp-searchable-select-empty {
  color: var(--fp-muted);
}

.fp-support-priority-control .fp-searchable-select {
  width: 9rem;
}

.fp-support-master-form textarea {
  min-height: 7rem;
  resize: vertical;
}

.fp-support-master-form small {
  color: var(--fp-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.fp-support-toggle-field {
  align-content: end;
  display: flex !important;
  gap: .5rem !important;
}

.fp-support-toggle-field input {
  min-height: auto;
  width: auto;
}

.fp-support-member-field {
  grid-column: 1 / -1;
}

.fp-support-wide-field {
  grid-column: 1 / -1;
}

.fp-support-checkbox-grid {
  display: grid;
  gap: .65rem .9rem;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
  margin-top: .5rem;
}

.fp-support-checkbox-grid .fp-support-toggle-field {
  align-items: center;
  align-content: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .8rem;
  display: flex !important;
  min-height: 2.75rem;
  padding: .55rem .75rem;
}

.fp-support-checkbox-grid .fp-support-toggle-field span {
  color: var(--fp-text);
  font-size: .82rem;
  font-weight: 600;
}

.fp-support-member-checks {
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: .65rem;
}

.fp-support-member-checks label {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: 999px;
  display: inline-flex;
  gap: .4rem;
  padding: .35rem .6rem;
}

.fp-support-member-checks input {
  min-height: auto;
  width: auto;
}

.fp-support-member-select {
  min-height: 2.5rem !important;
}

.fp-support-member-select option {
  padding: .35rem .45rem;
}

.fp-support-selected-members {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  min-height: 2rem;
}

.fp-support-selected-members button {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 10%, var(--fp-surface));
  border: 1px solid color-mix(in srgb, var(--fp-blue) 26%, var(--fp-border));
  border-radius: 999px;
  color: var(--fp-text);
  cursor: pointer;
  display: inline-flex;
  gap: .4rem;
  min-height: 1.9rem;
  padding: .25rem .5rem .25rem .65rem;
}

.fp-support-selected-members button span {
  color: var(--fp-text);
  font-size: .76rem;
  font-weight: 850;
}

.fp-support-selected-members button small {
  color: var(--fp-blue);
  font-size: .68rem;
  font-weight: 800;
}

.fp-support-selected-members button strong {
  align-items: center;
  background: color-mix(in srgb, var(--fp-red) 12%, transparent);
  border-radius: 999px;
  color: var(--fp-red);
  display: inline-flex;
  font-size: .72rem;
  height: 1.1rem;
  justify-content: center;
  line-height: 1;
  width: 1.1rem;
}

.fp-support-selected-members em {
  color: var(--fp-muted);
  font-size: .78rem;
  font-style: normal;
}

.fp-support-master-actions {
  align-items: center;
  background: var(--fp-surface);
  border-top: 1px solid var(--fp-border);
  display: flex;
  gap: .6rem;
  grid-column: 1 / -1;
  justify-content: flex-end;
  margin: .25rem -1rem -1rem;
  min-width: 0;
  padding: .85rem 1rem;
}

.fp-support-master-actions button,
.fp-support-row-actions button {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  cursor: pointer;
  font-weight: 800;
  font-size: .82rem;
  min-height: 2.35rem;
  padding: .45rem .85rem;
}

.fp-support-master-actions .fp-support-primary {
  background: var(--fp-blue);
  border-color: var(--fp-blue);
  color: #fff;
}

.fp-support-master-table {
  min-width: 40rem;
}

.fp-support-config-detail {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  box-shadow: var(--fp-shadow);
  display: grid;
  gap: 0;
  margin-top: 1rem;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.fp-support-config-detail-head {
  align-items: center;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem;
}

.fp-support-config-detail-head span {
  color: var(--fp-blue);
  display: block;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.fp-support-config-detail-head h3 {
  color: var(--fp-text);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.25;
  margin: .2rem 0 0;
}

.fp-support-config-detail-head .fp-support-primary,
.fp-support-master-actions .fp-support-primary {
  background: var(--fp-blue);
  border: 1px solid var(--fp-blue);
  border-radius: .6rem;
  color: #fff;
  cursor: pointer;
  font-weight: 800;
  min-height: 2.35rem;
  padding: .45rem .75rem;
}

.fp-support-config-detail-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: flex-end;
}

.fp-support-config-detail-actions a {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  color: var(--fp-text);
  display: inline-flex;
  font-weight: 800;
  min-height: 2.35rem;
  padding: .45rem .75rem;
  text-decoration: none;
}

.fp-support-config-table-wrap {
  max-height: 58vh;
  overflow: auto;
}

.fp-support-config-filament-table {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  width: 100%;
}

.fp-support-config-filament-table .fi-ta {
  min-width: 48rem;
  width: 100%;
}

.fp-support-config-filament-table .fi-ta-table,
.fp-support-config-filament-table table {
  min-width: 48rem;
  width: 100%;
}

.fp-support-config-form-backdrop {
  align-items: center;
  background: rgba(0, 0, 0, .52);
  backdrop-filter: blur(4px);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 60;
}

.fp-support-config-form-modal {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .9rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .34);
  max-height: min(88vh, 50rem);
  max-width: 42rem;
  overflow: hidden;
  width: min(100%, 42rem);
}

.fp-support-config-form-modal header {
  align-items: center;
  background: var(--fp-surface);
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.1rem;
}

.fp-support-config-form-modal header span {
  color: var(--fp-blue);
  display: block;
  font-size: .75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.fp-support-config-form-modal header h3 {
  color: var(--fp-text);
  font-size: 1.12rem;
  font-weight: 850;
  line-height: 1.2;
  margin: .18rem 0 0;
}

.fp-support-config-form-modal header button {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  height: 2.1rem;
  justify-content: center;
  width: 2.1rem;
}

.fp-support-config-form-modal header button svg {
  height: 1.05rem;
  width: 1.05rem;
}

.fp-support-config-modal-body .fp-support-table-wrap {
  border: 1px solid var(--fp-border);
  border-radius: .85rem;
  max-height: min(27rem, 45vh);
  overflow: auto;
}

.fp-support-master-table th,
.fp-support-master-table td {
  padding: .5rem .65rem;
}

.fp-support-master-table th {
  background: color-mix(in srgb, var(--fp-surface-soft) 92%, transparent);
  font-size: .68rem;
  position: sticky;
  top: 0;
  z-index: 1;
}

.fp-support-master-table td {
  font-size: .78rem;
}

.fp-support-master-table td span {
  max-width: 18rem;
  white-space: normal;
}

.fp-support-master-table td:last-child {
  min-width: 12rem;
}

.fp-support-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}

.fp-support-row-actions button:last-child {
  border-color: color-mix(in srgb, var(--fp-red) 45%, var(--fp-border));
  color: color-mix(in srgb, var(--fp-red) 78%, #fff);
}

@media (min-width: 768px) {
  .filament-page-skin .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filament-page-skin .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .filament-page-skin .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .filament-page-skin .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .filament-page-skin .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .filament-page-skin .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .filament-page-skin .xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(320px\,0\.8fr\)\] {
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, .8fr);
  }

  .filament-page-skin .xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(320px\,0\.8fr\)\] {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
  }

  .filament-page-skin .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }
}

@media (max-width: 1180px) {
  .filament-page-skin .fp-grid-4,
  .filament-page-skin .fp-app-grid,
  .filament-page-skin .fp-monitor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fp-support-analytics-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fp-support-analytics-health {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .filament-page-skin .fp-editorial-grid {
    column-count: 2;
  }
}

@media (max-width: 720px) {
  .filament-page-skin .fp-grid-4,
  .filament-page-skin .fp-app-grid,
  .filament-page-skin .fp-monitor-grid,
  .filament-page-skin .fp-monitor-metrics {
    grid-template-columns: 1fr;
  }

  .filament-page-skin .fp-panel-head {
    flex-direction: column;
  }

  .fp-support-analytics-health,
  .fp-support-analytics-kpis,
  .fp-support-analytics-grid,
  .fp-support-analytics-grid.is-main {
    grid-template-columns: 1fr;
  }

  .fp-support-bar-list > div,
  .fp-support-rating-bars > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .fp-support-attention-head,
  .fp-panel-head,
  .fp-analytics-modal__head {
    flex-direction: column;
  }

  .fp-support-attention-head time,
  .fp-panel-note {
    white-space: normal;
  }

  .fp-support-bar-list strong,
  .fp-support-rating-bars strong {
    text-align: left;
  }

  .fp-analytics-modal__dialog {
    inset: auto .75rem .75rem .75rem;
    max-height: calc(100vh - 1.5rem);
    transform: none;
    width: auto;
  }

  .fp-support-analytics-filters {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .fp-support-chart-head label {
    min-width: 0;
  }

  .filament-page-skin .fp-section-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .filament-page-skin .fp-search-form {
    width: 100%;
    flex-basis: auto;
  }

  .filament-page-skin .fp-portal-hero-tools {
    align-items: stretch;
    margin-top: 0;
    min-height: 0;
  }

  .filament-page-skin .fp-google-search {
    align-items: stretch;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .filament-page-skin .fp-announcement-backdrop {
    padding-top: 12vh;
  }

  .filament-page-skin .fp-announcement-modal {
    grid-template-columns: 1fr;
  }

  .filament-page-skin .fp-announcement-actions {
    grid-column: 1;
    justify-content: stretch;
  }

  .filament-page-skin .fp-announcement-actions .fi-btn {
    justify-content: center;
    width: 100%;
  }

  .filament-page-skin .fp-editorial-grid {
    column-count: 1;
  }

  .filament-page-skin .fp-news-detail-shell {
    grid-template-columns: 1fr;
  }

  .filament-page-skin .fp-news-discussion {
    position: static;
  }

  .filament-page-skin .fp-news-hero-media img,
  .filament-page-skin .fp-news-hero-media .fp-file-preview {
    height: 14rem;
  }

  .filament-page-skin .fp-content-card {
    min-height: 0;
  }

  .filament-page-skin .fp-content-card-meta {
    flex-direction: column;
    gap: .45rem;
  }

  .filament-page-skin .fp-content-card-meta time {
    text-align: left;
  }

  .filament-page-skin .fp-attachment-preview img,
  .filament-page-skin .fp-file-preview {
    height: 7.25rem;
  }

  .filament-page-skin .fp-detail-modal {
    max-height: 84vh;
  }

  .fp-support-widget {
    bottom: .75rem;
    right: .75rem;
  }

  .fp-support-panel {
    max-height: calc(100dvh - 5.5rem);
    width: calc(100vw - 1.5rem);
  }

  .fp-support-admin-shell {
    grid-template-columns: 1fr;
  }

  .fp-support-inbox {
    border-bottom: 1px solid var(--fp-border);
    border-right: 0;
  }

  .fp-support-thread-list {
    max-height: 18rem;
  }

  .fp-support-message {
    max-width: 95%;
  }

  .fp-support-config-grid,
  .fp-support-stats,
  .fp-support-analytics-kpis,
  .fp-support-analytics-grid,
  .fp-support-analytics-grid.is-main,
  .fp-support-setting-grid,
  .fp-my-account-hero,
  .fp-my-account-scope-grid,
  .fp-support-master-form {
    grid-template-columns: 1fr;
  }

  .fp-my-account-profile {
    align-items: flex-start;
  }

  .fp-my-account-photo {
    flex-basis: 5rem;
    height: 5rem;
    width: 5rem;
  }

  .fp-my-account-metrics {
    grid-template-columns: 1fr;
  }

  .fp-support-master-actions {
    justify-content: stretch;
  }

  .fp-support-master-actions button {
    flex: 1;
  }

  .fp-support-analytics-panel header.fp-support-chart-head {
    align-items: stretch;
    flex-direction: column;
  }

  .fp-support-chart-head label {
    min-width: 0;
  }

  .fp-support-analytics-filters {
    grid-template-columns: 1fr;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.fi-body,
  .filament-page-skin .fp-compact-card,
  .filament-page-skin .fp-app-logo,
  .filament-page-skin .fp-link-button {
    animation: none;
    transition: none;
  }

  .filament-page-skin .fp-compact-card:hover,
  .filament-page-skin .fp-public-app-card:hover .fp-app-logo,
  .filament-page-skin .fp-link-button:hover,
  .filament-page-skin .fp-link-button:active {
    transform: none;
  }
}

.fp-asset-config-page {
  display: grid;
  gap: 1rem;
  width: 100%;
}

.fp-config-log-card {
  cursor: pointer;
  text-align: left;
  width: 100%;
}

.fp-config-log-card.is-active {
  border-color: rgb(59 130 246 / .58);
  box-shadow: 0 0 0 1px rgb(59 130 246 / .28), var(--fp-shadow);
}

.fp-config-log-modal header p {
  color: var(--fp-muted);
  font-size: .88rem;
  line-height: 1.45;
  margin: .35rem 0 0;
}

.fp-config-log-modal-overlay {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 80;
}

.fp-config-log-modal-backdrop {
  background: rgb(0 0 0 / .64);
  border: 0;
  cursor: pointer;
  inset: 0;
  position: absolute;
}

.fp-config-log-modal {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .9rem;
  box-shadow: 0 22px 70px rgb(0 0 0 / .45);
  display: flex;
  flex-direction: column;
  max-height: min(88vh, 720px);
  max-width: min(760px, calc(100vw - 2rem));
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fp-config-log-modal header {
  align-items: flex-start;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem 1.1rem;
}

.fp-config-log-modal header span {
  color: var(--fp-primary);
  display: block;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.fp-config-log-modal header h3 {
  color: var(--fp-text);
  font-size: 1.15rem;
  font-weight: 900;
  margin: .2rem 0 0;
}

.fp-config-log-modal header button {
  align-items: center;
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-muted);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 2.35rem;
  justify-content: center;
  width: 2.35rem;
}

.fp-config-log-modal header button svg {
  height: 1.1rem;
  width: 1.1rem;
}

.fp-config-log-form {
  display: grid;
  flex: 1 1 auto;
  gap: .85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 0;
  overflow: auto;
  padding: 1rem 1rem 1.15rem;
}

.fp-config-log-form label,
.fp-config-log-note {
  background: rgb(255 255 255 / .04);
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  min-width: 0;
  padding: .85rem;
}

.fp-config-log-form label {
  display: grid;
  gap: .45rem;
}

.fp-config-log-form .fp-support-toggle-field {
  align-items: center;
  display: flex;
  gap: .6rem;
}

.fp-config-log-modal footer {
  align-items: center;
  border-top: 1px solid var(--fp-border);
  display: flex;
  flex: 0 0 auto;
  gap: .6rem;
  justify-content: flex-end;
  padding: .85rem 1.1rem 1rem;
}

.fp-config-log-modal footer button {
  align-items: center;
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  color: var(--fp-text);
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  min-height: 2.35rem;
  padding: .5rem 1rem;
}

.fp-config-log-modal footer button.is-primary {
  background: var(--fp-primary);
  border-color: var(--fp-primary);
  color: #fff;
}

.fp-config-log-form label > span,
.fp-config-log-note strong {
  color: var(--fp-text);
  font-size: .86rem;
  font-weight: 900;
}

.fp-config-log-form input[type="number"] {
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  color: var(--fp-text);
  font-size: .95rem;
  padding: .65rem .75rem;
  width: 100%;
}

.fp-config-log-form small,
.fp-config-log-note p {
  color: var(--fp-muted);
  font-size: .8rem;
  line-height: 1.45;
  margin: 0;
}

.fp-config-log-note {
  display: grid;
  gap: .45rem;
  grid-column: 1 / -1;
}

.fp-asset-config-head {
  align-items: flex-end;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-width: 0;
}

.fp-asset-config-head span,
.fp-asset-config-panel header span,
.fp-asset-config-status-grid article > span,
.fp-asset-endpoint-list div > span {
  color: var(--fp-primary);
  display: block;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.fp-asset-config-head h3 {
  color: var(--fp-text);
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1.12;
  margin: .25rem 0 .35rem;
}

.fp-asset-config-head p {
  color: var(--fp-muted);
  font-size: .95rem;
  line-height: 1.55;
  margin: 0;
  max-width: 52rem;
}

.fp-asset-config-head-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: .55rem;
  justify-content: flex-end;
}

.fp-asset-config-head-actions a,
.fp-asset-config-head-actions button {
  align-items: center;
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  color: var(--fp-text);
  cursor: pointer;
  display: inline-flex;
  font-size: .84rem;
  font-weight: 850;
  gap: .45rem;
  min-height: 2.35rem;
  padding: .45rem .75rem;
  text-decoration: none;
}

.fp-asset-config-head-actions button {
  background: var(--fp-primary);
  border-color: var(--fp-primary);
  color: #fff;
}

.fp-asset-config-head-actions button svg {
  height: 1rem;
  width: 1rem;
}

.fp-asset-config-status-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fp-asset-config-status-grid article,
.fp-asset-config-panel {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .8rem;
  box-shadow: var(--fp-shadow);
}

.fp-asset-config-status-grid article {
  min-width: 0;
  padding: .95rem 1rem;
}

.fp-asset-config-status-grid strong {
  color: var(--fp-text);
  display: block;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.15;
  margin: .35rem 0 .25rem;
  overflow-wrap: anywhere;
}

.fp-asset-config-status-grid small,
.fp-asset-endpoint-list small,
.fp-asset-config-note {
  color: var(--fp-muted);
  display: block;
  font-size: .82rem;
  line-height: 1.45;
}

.fp-asset-config-layout {
  align-items: stretch;
  display: grid;
  gap: .75rem;
  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr);
}

.fp-asset-config-panel {
  min-width: 0;
  overflow: hidden;
}

.fp-asset-config-panel header {
  border-bottom: 1px solid var(--fp-border);
  padding: .95rem 1rem .85rem;
}

.fp-asset-config-panel header h4 {
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 900;
  margin: .25rem 0 0;
}

.fp-asset-endpoint-list {
  display: grid;
  gap: 0;
}

.fp-asset-endpoint-list div {
  border-bottom: 1px solid var(--fp-border);
  min-width: 0;
  padding: .95rem 1rem;
}

.fp-asset-endpoint-list div:last-child {
  border-bottom: 0;
}

.fp-asset-endpoint-list strong {
  color: var(--fp-text);
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .9rem;
  font-weight: 850;
  margin: .35rem 0 .3rem;
  overflow-wrap: anywhere;
}

.fp-asset-config-checklist {
  display: grid;
  gap: .65rem;
  padding: 1rem;
}

.fp-asset-config-checklist div {
  align-items: center;
  background: rgb(255 255 255 / .04);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-text);
  display: flex;
  gap: .55rem;
  min-height: 2.6rem;
  padding: .55rem .7rem;
}

.fp-asset-config-checklist svg {
  color: var(--fp-primary);
  flex: 0 0 auto;
  height: 1.1rem;
  width: 1.1rem;
}

.fp-asset-config-checklist span {
  font-size: .86rem;
  font-weight: 800;
}

.fp-asset-config-note {
  border-top: 1px solid var(--fp-border);
  margin: 0;
  padding: .9rem 1rem 1rem;
}

.fp-asset-config-note strong {
  color: var(--fp-text);
}

.fp-asset-config-note button {
  align-items: center;
  background: var(--fp-primary);
  border: 1px solid var(--fp-primary);
  border-radius: .65rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .86rem;
  font-weight: 900;
  gap: .45rem;
  min-height: 2.45rem;
  padding: .5rem .8rem;
}

.fp-asset-config-note button svg {
  height: 1rem;
  width: 1rem;
}

.fp-asset-config-note > span {
  color: var(--fp-muted);
}

.fp-asset-config-modal-overlay {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 80;
}

.fp-asset-config-modal-backdrop {
  background: rgb(0 0 0 / .64);
  border: 0;
  cursor: pointer;
  inset: 0;
  position: absolute;
}

.fp-asset-config-modal {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .9rem;
  box-shadow: 0 22px 70px rgb(0 0 0 / .45);
  max-height: min(88vh, 720px);
  max-width: min(680px, calc(100vw - 2rem));
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fp-asset-config-modal header {
  align-items: center;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem 1.1rem;
}

.fp-asset-config-modal header span {
  color: var(--fp-primary);
  display: block;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.fp-asset-config-modal header h3 {
  color: var(--fp-text);
  font-size: 1.15rem;
  font-weight: 900;
  margin: .2rem 0 0;
}

.fp-asset-config-modal header button {
  align-items: center;
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-muted);
  cursor: pointer;
  display: inline-flex;
  height: 2.35rem;
  justify-content: center;
  width: 2.35rem;
}

.fp-asset-config-modal header button svg {
  height: 1.1rem;
  width: 1.1rem;
}

.fp-asset-config-modal-body {
  display: grid;
  gap: .85rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: calc(88vh - 9.5rem);
  overflow: auto;
  padding: 1rem;
}

.fp-asset-config-toggle,
.fp-asset-config-field {
  background: rgb(255 255 255 / .04);
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  min-width: 0;
  padding: .85rem;
}

.fp-asset-config-toggle {
  align-items: center;
  color: var(--fp-text);
  display: flex;
  gap: .6rem;
  font-weight: 850;
}

.fp-asset-config-toggle input {
  accent-color: var(--fp-primary);
  height: 1rem;
  width: 1rem;
}

.fp-asset-config-field {
  display: grid;
  gap: .45rem;
}

.fp-asset-config-field-wide {
  grid-column: 1 / -1;
}

.fp-asset-config-field span {
  color: var(--fp-muted);
  font-size: .78rem;
  font-weight: 800;
}

.fp-asset-config-field input,
.fp-asset-config-field textarea {
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  color: var(--fp-text);
  font-size: .9rem;
  min-width: 0;
  padding: .65rem .75rem;
}

.fp-asset-config-field input:disabled {
  color: var(--fp-muted);
  opacity: 1;
}

.fp-asset-config-field textarea {
  min-height: 7rem;
  resize: vertical;
}

.fp-asset-config-field small {
  color: var(--fp-muted);
  font-size: .78rem;
  line-height: 1.45;
}

.fp-asset-config-modal footer {
  align-items: center;
  border-top: 1px solid var(--fp-border);
  display: flex;
  gap: .6rem;
  justify-content: flex-end;
  padding: .85rem 1rem;
}

.fp-asset-config-modal footer button {
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-text);
  cursor: pointer;
  font-weight: 900;
  min-height: 2.45rem;
  padding: .5rem .9rem;
}

.fp-asset-config-modal footer button.is-primary {
  background: var(--fp-primary);
  border-color: var(--fp-primary);
  color: #fff;
}

.fp-asset-config-log {
  overflow-x: auto;
}

.fp-asset-config-log table {
  border-collapse: collapse;
  min-width: 42rem;
  width: 100%;
}

.fp-asset-config-log th,
.fp-asset-config-log td {
  border-bottom: 1px solid var(--fp-border);
  color: var(--fp-text);
  font-size: .86rem;
  padding: .72rem 1rem;
  text-align: left;
  vertical-align: top;
}

.fp-asset-config-log th {
  color: var(--fp-muted);
  font-size: .75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.fp-asset-config-log tr:last-child td {
  border-bottom: 0;
}

.fp-asset-detail-overlay {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 1.25rem;
  position: fixed;
  z-index: 80;
}

.fp-asset-detail-backdrop {
  background: rgb(0 0 0 / .68);
  border: 0;
  cursor: pointer;
  inset: 0;
  position: absolute;
}

.fp-asset-detail-modal {
  background: var(--fp-surface);
  border: 1px solid var(--fp-border);
  border-radius: .9rem;
  box-shadow: 0 22px 70px rgb(0 0 0 / .45);
  display: flex;
  flex-direction: column;
  max-height: min(88vh, 820px);
  max-width: min(1120px, calc(100vw - 2rem));
  min-height: 520px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fp-asset-detail-head {
  align-items: flex-start;
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1.15rem 1.25rem;
}

.fp-asset-detail-head > div:first-child {
  min-width: 0;
}

.fp-asset-detail-head span {
  color: var(--fp-primary);
  display: block;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.fp-asset-detail-head h3 {
  color: var(--fp-text);
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.15;
  margin: .25rem 0 .6rem;
}

.fp-asset-detail-head button {
  align-items: center;
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-muted);
  display: inline-flex;
  height: 2.5rem;
  justify-content: center;
  width: 2.5rem;
}

.fp-asset-detail-head button svg {
  height: 1.25rem;
  width: 1.25rem;
}

.fp-asset-detail-notes {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: flex;
  flex: 0 1 24rem;
  gap: .6rem;
  justify-content: space-between;
  max-width: 25rem;
  min-height: 2.8rem;
  min-width: 14rem;
  padding: .15rem 0;
}

.fp-asset-detail-notes div {
  min-width: 0;
}

.fp-asset-detail-notes span {
  color: var(--fp-primary);
  font-size: .65rem;
  font-weight: 900;
}

.fp-asset-detail-notes p {
  color: var(--fp-text);
  display: -webkit-box;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.35;
  margin: .15rem 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fp-asset-detail-notes.is-editing {
  align-items: stretch;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: 25rem;
  min-height: 3.2rem;
}

.fp-asset-detail-notes label {
  display: grid;
  gap: .25rem;
  min-width: 0;
}

.fp-asset-detail-notes textarea {
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .55rem;
  color: var(--fp-text);
  font-size: .82rem;
  min-height: 2.75rem;
  padding: .45rem .55rem;
  resize: none;
  width: 100%;
}

.fp-asset-notes-actions {
  align-items: end;
  display: flex;
  gap: .4rem;
  justify-content: flex-end;
}

.fp-asset-notes-actions button {
  border-radius: .55rem;
  font-size: .76rem;
  font-weight: 900;
  height: auto;
  min-height: 2rem;
  padding: .35rem .55rem;
  width: auto;
}

.fp-asset-notes-actions button.is-primary {
  background: var(--fp-primary);
  border-color: var(--fp-primary);
  color: #fff;
}

.fp-asset-notes-editor {
  align-items: end;
  background: rgb(255 255 255 / .035);
  border-bottom: 1px solid var(--fp-border);
  display: grid;
  gap: .85rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: .9rem 1.25rem;
}

.fp-asset-notes-editor label {
  display: grid;
  gap: .4rem;
}

.fp-asset-notes-editor label span {
  color: var(--fp-muted);
  font-size: .78rem;
  font-weight: 850;
}

.fp-asset-notes-editor textarea {
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .65rem;
  color: var(--fp-text);
  min-height: 5rem;
  padding: .7rem .8rem;
  resize: vertical;
  width: 100%;
}

.fp-asset-notes-editor div {
  display: flex;
  gap: .55rem;
}

.fp-asset-notes-editor div button {
  background: var(--fp-surface-soft);
  border: 1px solid var(--fp-border);
  border-radius: .6rem;
  color: var(--fp-text);
  cursor: pointer;
  font-weight: 900;
  min-height: 2.4rem;
  padding: .5rem .85rem;
}

.fp-asset-notes-editor div button.is-primary {
  background: var(--fp-primary);
  border-color: var(--fp-primary);
  color: #fff;
}

.fp-asset-detail-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.fp-asset-detail-badges b {
  background: rgb(59 130 246 / .18);
  border: 1px solid rgb(59 130 246 / .24);
  border-radius: 999px;
  color: #60a5fa;
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.2;
  padding: .35rem .55rem;
}

.fp-asset-detail-tabs {
  border-bottom: 1px solid var(--fp-border);
  display: flex;
  flex: 0 0 auto;
  gap: .35rem;
  min-height: 3.35rem;
  overflow-x: auto;
  padding: .65rem .85rem 0;
}

.fp-asset-detail-tabs button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--fp-muted);
  cursor: pointer;
  flex: 0 0 auto;
  font-size: .9rem;
  font-weight: 850;
  padding: .65rem .75rem .75rem;
}

.fp-asset-detail-tabs button.is-active {
  border-bottom-color: var(--fp-primary);
  color: var(--fp-text);
}

.fp-asset-detail-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.fp-asset-detail-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fp-asset-detail-field {
  background: rgb(255 255 255 / .04);
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  min-width: 0;
  padding: .85rem;
}

.fp-asset-detail-field span {
  color: var(--fp-muted);
  display: block;
  font-size: .78rem;
  font-weight: 750;
  margin-bottom: .35rem;
}

.fp-asset-detail-field strong {
  color: var(--fp-text);
  display: block;
  font-size: .95rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.fp-asset-detail-table-wrap {
  overflow-x: auto;
  width: 100%;
}

.fp-asset-detail-table-wrap h4 {
  color: var(--fp-text);
  font-size: 1rem;
  font-weight: 850;
  margin: 1rem 0 .65rem;
}

.fp-asset-detail-table {
  border-collapse: collapse;
  min-width: 760px;
  width: 100%;
}

.fp-asset-detail-table th,
.fp-asset-detail-table td {
  border-bottom: 1px solid var(--fp-border);
  color: var(--fp-text);
  font-size: .88rem;
  padding: .75rem;
  text-align: left;
  vertical-align: top;
}

.fp-asset-detail-table th {
  color: var(--fp-muted);
  font-size: .76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.fp-asset-detail-table td {
  overflow-wrap: anywhere;
}

.fp-asset-software-toolbar {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  margin-bottom: .85rem;
}

.fp-asset-software-toolbar input {
  background: rgb(255 255 255 / .06);
  border: 1px solid var(--fp-border);
  border-radius: .7rem;
  color: var(--fp-text);
  font-size: .9rem;
  max-width: 22rem;
  padding: .7rem .85rem;
  width: 100%;
}

.fp-asset-software-toolbar span {
  color: var(--fp-muted);
  flex: 0 0 auto;
  font-size: .85rem;
  font-weight: 750;
}

@media (max-width: 920px) {
  .fp-asset-config-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .fp-asset-config-head-actions {
    justify-content: flex-start;
  }

  .fp-asset-config-status-grid,
  .fp-asset-config-layout {
    grid-template-columns: 1fr;
  }

  .fp-asset-config-modal-body {
    grid-template-columns: 1fr;
  }

  .fp-config-log-form {
    grid-template-columns: 1fr;
  }

  .fp-asset-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .fp-asset-detail-overlay {
    padding: .5rem;
  }

  .fp-asset-detail-modal {
    max-height: calc(100vh - 1rem);
    min-height: 0;
  }

  .fp-asset-detail-head,
  .fp-asset-notes-editor {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .fp-asset-detail-head {
    flex-direction: column;
  }

  .fp-asset-detail-notes {
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  .fp-asset-detail-notes.is-editing {
    grid-template-columns: 1fr;
  }

  .fp-asset-notes-actions {
    justify-content: flex-end;
  }

  .fp-asset-detail-grid {
    grid-template-columns: 1fr;
  }

  .fp-asset-software-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
}

.fp-support-panel .fp-support-admin-ticket-meta {
  align-items: center;
  gap: .32rem;
  padding: .5rem .72rem;
}

.fp-support-panel .fp-support-admin-ticket-meta span {
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--fp-blue) 16%, transparent);
  display: inline-flex;
  flex: 0 1 auto;
  font-size: .66rem;
  gap: .25rem;
  line-height: 1;
  max-width: 9.5rem;
  min-height: 1.65rem;
  padding: .22rem .52rem;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
}

.fp-support-admin-ticket-meta span {
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.fp-support-panel .fp-support-admin-ticket-meta .fp-support-sla {
  max-width: 12rem;
}

.fp-support-panel .fp-support-admin-ticket-meta button {
  border-radius: .55rem;
  flex: 0 0 auto;
  font-size: .66rem;
  margin-left: 0;
  min-height: 1.7rem;
  padding: .22rem .58rem;
}

.fp-support-panel .fp-support-approval-admin-head {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.fp-support-panel .fp-support-approval-admin-actions {
  align-items: center;
  flex: 0 0 auto;
}

.fp-support-panel .fp-support-approval-admin-actions .fp-link-button {
  align-self: flex-start;
  border-radius: .55rem;
  font-size: .68rem;
  height: auto;
  line-height: 1;
  min-height: 1.95rem;
  min-width: 0;
  padding: .35rem .65rem;
  white-space: nowrap;
}

.fp-support-panel .fp-support-approval-admin-actions .fp-support-approval-file-button {
  display: inline-grid;
  gap: .2rem;
  min-height: 2.15rem;
  min-width: 2.15rem;
  padding: .26rem .42rem;
}

.fp-support-approval-admin-actions .fp-support-approval-file-button {
  align-items: center;
  display: inline-grid;
  justify-items: center;
}

.fp-support-panel .fp-support-approval-file-button svg {
  color: var(--fp-red);
  height: .85rem;
  margin-inline: auto;
  width: .85rem;
}

.fp-support-approval-file-button svg {
  height: .85rem;
  width: .85rem;
}

.fp-support-panel .fp-support-approval-file-button span {
  color: var(--fp-text);
  font-size: .54rem;
  line-height: 1;
  margin: 0;
}

.fp-support-panel .fp-support-approval-admin-card-setup {
  align-content: start;
  flex: 0 0 auto;
  gap: .7rem;
  min-height: 0;
  overflow: visible;
}

.fp-support-panel .fp-support-approval-admin-card-setup .fp-support-approval-admin-head > div:first-child {
  min-width: 0;
}

.fp-support-panel .fp-support-approval-admin-card-setup .fp-support-approval-admin-head strong,
.fp-support-panel .fp-support-approval-admin-card-setup .fp-support-approval-admin-head span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-approval-admin-card-setup {
  align-content: start !important;
  display: grid !important;
  flex: 0 0 auto !important;
  gap: .7rem !important;
  grid-auto-rows: max-content;
  min-height: 0 !important;
  overflow: visible !important;
  padding: .75rem .85rem !important;
}

.fp-support-approval-admin-card-setup .fp-support-approval-admin-head {
  align-items: center !important;
  display: grid !important;
  gap: .75rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.fp-support-approval-admin-card-setup .fp-support-approval-admin-head > div:first-child {
  min-width: 0;
}

.fp-support-approval-admin-card-setup .fp-support-approval-admin-head strong,
.fp-support-approval-admin-card-setup .fp-support-approval-admin-head span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-approval-admin-card-setup .fp-support-approval-admin-actions {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.fp-support-approval-admin-card-setup .fp-support-approval-file-button {
  align-items: center !important;
  display: inline-grid !important;
  gap: .18rem !important;
  justify-items: center !important;
  min-height: 2.2rem !important;
  min-width: 2.2rem !important;
  padding: .28rem .42rem !important;
}

.fp-support-approval-admin-card-setup .fp-support-approval-file-button svg {
  color: var(--fp-red);
  height: .85rem !important;
  width: .85rem !important;
}

.fp-support-approval-admin-card-setup .fp-support-approval-file-button span {
  color: var(--fp-text);
  font-size: .54rem !important;
  font-weight: 850;
  line-height: 1 !important;
  margin: 0 !important;
}

.fp-support-approval-admin-card-setup .fp-support-approval-signer-form {
  align-items: end !important;
  display: grid !important;
  gap: .6rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: .72rem !important;
}

.fp-support-approval-admin-card-setup .fp-support-signer-picker {
  min-width: 0;
}

.fp-support-approval-admin-card-setup .fp-support-approval-save-signers {
  min-height: 2.35rem !important;
  white-space: nowrap;
  width: auto !important;
}

.fp-support-panel .fp-support-approval-signer-form {
  align-items: end;
  border-radius: .8rem;
  gap: .55rem;
  padding: .72rem;
}

.fp-support-panel .fp-support-signer-picker-label {
  align-items: center;
  font-size: .66rem;
  gap: .32rem;
  display: flex;
  letter-spacing: .02em;
  margin-bottom: .25rem;
}

.fp-support-panel .fp-support-signer-picker-label svg {
  color: var(--fp-blue);
  height: .82rem;
  width: .82rem;
}

.fp-support-signer-picker-label svg {
  flex: 0 0 auto;
  height: .82rem;
  width: .82rem;
}

.fp-support-panel .fp-support-signer-help {
  color: var(--fp-muted) !important;
  display: block;
  font-size: .68rem;
  line-height: 1.35;
  margin-top: .35rem;
}

.fp-support-panel .fp-support-approval-save-signers {
  border-radius: .7rem;
  font-size: .82rem;
  min-height: 2.25rem;
  padding-inline: 1rem;
}

.fp-support-panel .fp-support-approval-admin-meta {
  align-items: center;
  gap: .32rem;
}

.fp-support-panel .fp-support-approval-admin-meta span {
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--fp-blue) 12%, transparent);
  border-radius: .6rem;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: .66rem;
  line-height: 1;
  min-height: 1.65rem;
  padding: .22rem .52rem;
  white-space: nowrap;
}

.fp-support-panel .fp-support-approval-setup-note {
  font-size: .7rem;
  padding: .58rem .75rem;
}

.fp-support-panel .fp-support-approval-stepper {
  align-items: center;
  display: grid;
  gap: .45rem;
  grid-template-columns: auto minmax(1.5rem, 1fr) auto minmax(1.5rem, 1fr) auto;
  padding: .25rem 0 .1rem;
}

.fp-support-panel .fp-support-approval-step {
  align-items: center;
  display: grid;
  gap: .32rem;
  justify-items: center;
  min-width: 3.1rem;
}

.fp-support-panel .fp-support-approval-step-icon {
  align-items: center;
  background: color-mix(in srgb, var(--fp-blue) 10%, var(--fp-surface-soft));
  border: 1px solid color-mix(in srgb, var(--fp-blue) 16%, var(--fp-border));
  border-radius: 999px;
  color: var(--fp-blue);
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.fp-support-panel .fp-support-approval-step-icon svg {
  height: .9rem;
  width: .9rem;
}

.fp-support-panel .fp-support-approval-step strong {
  color: var(--fp-blue);
  display: block;
  font-size: .62rem;
  line-height: 1.1;
  max-width: 4.6rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fp-support-panel .fp-support-approval-step-line {
  background: var(--fp-border);
  height: 1px;
  min-width: 1.5rem;
}

@media (max-width: 520px) {
  .fp-support-panel .fp-support-approval-admin-actions {
    width: 100%;
  }

  .fp-support-panel .fp-support-approval-signer-form {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .fp-support-panel .fp-support-approval-save-signers {
    width: 100%;
  }

  .fp-support-panel .fp-support-approval-stepper {
    gap: .3rem;
  }
}