/* CAREAdmin compact layout, measured from Theme/widget/w_statistics.html at 1026px.
   Rail 100px, submenu 300px, header 74px, Inter 14px, body #f8f9fa, ink #131920, muted #5b6b79, primary #4680ff. */

html.pc-desk {
  --pc-rail: 100px;
  --pc-rail-inner: 92px;
  --pc-open: 300px;
  --pc-header: 74px;
  --pc-body: #f8f9fa;
  --pc-card: #ffffff;
  --pc-line: #e7eaee;
  --pc-dash: #bec8d0;
  --pc-ink: #131920;
  --pc-head: #1d2630;
  --pc-muted: #5b6b79;
  --pc-active: #f3f5f7;
  --pc-primary: #4680ff;
  --pc-danger: #dc2626;
}

/* Dark palette (Theme dark layout values) — follows the header sun/moon switch and Chatwoot's color_scheme */
html.pc-desk[data-pc-theme="dark"] {
  --pc-body: #131920;
  --pc-card: #1d2630;
  --pc-line: #303f50;
  --pc-dash: #3f4d5c;
  --pc-ink: #e4e8ee;
  --pc-head: #ffffff;
  --pc-muted: #8996a4;
  --pc-active: #263240;
  --pc-header-bg: rgba(19, 25, 32, 0.7);
}
html.pc-desk[data-pc-theme="dark"] nav.pc-sidebar img.pc-icon,
html.pc-desk[data-pc-theme="dark"] header.pc-header img.pc-icon,
html.pc-desk[data-pc-theme="dark"] .dropdown-menu img.pc-icon { filter: brightness(1.55); }
html.pc-desk[data-pc-theme="dark"] #pc-sidebar-tooltip .pc-tip span { background: #4680ff !important; }
html.pc-desk[data-pc-theme="dark"] #app .fixed.z-50.top-2.left-2 > div { background: #3a2f12 !important; border-color: #7a5a14; color: #ffd98a !important; }
html.pc-desk[data-pc-theme="dark"] #app .fixed.z-50.top-2.left-2 > div span { color: #ffd98a !important; }
html.pc-desk[data-pc-theme="dark"] #announcement kbd { background: #263240; }

html.pc-desk,
html.pc-desk body {
  background: var(--pc-body) !important;
  font-family: "Inter var", Inter, system-ui, sans-serif !important;
  font-size: 14px;
  color: var(--pc-ink);
}
html.pc-desk,
html.pc-desk body,
html.pc-desk #app,
html.pc-desk #app * { letter-spacing: normal !important; }

/* ---------- Sidebar ---------- */
html.pc-desk nav.pc-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1026 !important;
  display: block !important;
  width: var(--pc-rail) !important;
  height: 100vh !important;
  transform: none !important;
  visibility: visible !important;
  overflow: hidden !important;
  background: var(--pc-body) !important;
  border-right: 1px dashed var(--pc-dash) !important;
  transition: width 0.2s ease;
}
html.pc-desk nav.pc-sidebar.pc-compact-submenu-active { width: var(--pc-open) !important; }
html.pc-desk nav.pc-sidebar.pc-sidebar-hide { width: 0 !important; border: 0 !important; }

html.pc-desk nav.pc-sidebar .navbar-wrapper {
  display: flex;
  flex-direction: column;
  width: var(--pc-rail);
  height: 100%;
}
html.pc-desk nav.pc-sidebar.pc-compact-submenu-active .navbar-wrapper { width: var(--pc-open); }

html.pc-desk nav.pc-sidebar .m-header {
  flex: 0 0 var(--pc-header);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pc-rail);
  height: var(--pc-header);
  padding: 16px 12px;
  border-bottom: 1px solid transparent;
}
html.pc-desk nav.pc-sidebar.pc-compact-submenu-active .m-header {
  width: 100%;
  justify-content: flex-start;
  padding: 16px 24px;
  border-bottom-color: var(--pc-line);
}
html.pc-desk nav.pc-sidebar .m-header .b-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
}
html.pc-desk nav.pc-sidebar .m-header .logo-lg {
  display: block !important;
  width: 40px;
  height: 40px;
  object-fit: contain;
}
html.pc-desk nav.pc-sidebar.pc-sidebar-hide .m-header,
html.pc-desk nav.pc-sidebar.pc-sidebar-hide .m-header .logo-lg {
  width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

html.pc-desk nav.pc-sidebar .navbar-content {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  padding: 10px 0;
}
html.pc-desk nav.pc-sidebar.pc-compact-submenu-active .navbar-content::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pc-rail-inner);
  width: 1px;
  background: var(--pc-line);
}

html.pc-desk .pc-rail {
  flex: 0 0 var(--pc-rail-inner);
  width: var(--pc-rail-inner);
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
html.pc-desk .pc-rail::-webkit-scrollbar { display: none; }
html.pc-desk .pc-rail .pc-navbar {
  list-style: none;
  margin: 0;
  padding: 0;
}
html.pc-desk .pc-rail .pc-item { margin: 4px 14px; }
html.pc-desk .pc-rail .pc-link {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 55px;
  padding: 14px 12px;
  border-radius: 8px;
  color: var(--pc-muted);
  text-decoration: none;
  transition: background 0.15s ease;
}
html.pc-desk .pc-rail .pc-item.active > .pc-link,
html.pc-desk .pc-rail .pc-item.pc-trigger > .pc-link,
html.pc-desk .pc-rail .pc-link:hover { background: var(--pc-active); }
html.pc-desk .pc-rail .pc-micon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 27px;
}
/* Theme hover label: black chip, white type (Theme bg-dark-500 / text-white) */
#pc-sidebar-tooltip {
  position: fixed;
  z-index: 1300;
  pointer-events: none;
}
#pc-sidebar-tooltip .pc-tip {
  display: flex;
  align-items: center;
  padding: 4px;
}
#pc-sidebar-tooltip .pc-tip span {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 8px;
  background: #1d2630 !important;
  color: #ffffff !important;
  font-family: "Inter var", Inter, system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  white-space: nowrap;
  box-shadow: 0 8px 16px rgba(16, 24, 40, 0.18);
}

html.pc-desk .pc-rail img.pc-icon,
html.pc-desk .pc-header img.pc-icon {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.pc-desk .pc-flyout {
  flex: 1 1 auto;
  width: calc(var(--pc-open) - var(--pc-rail-inner));
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
html.pc-desk .pc-flyout::-webkit-scrollbar { display: none; }
html.pc-desk .pc-flyout[hidden] { display: none !important; }
html.pc-desk .pc-flyout .pc-submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}
html.pc-desk .pc-flyout .pc-item { position: relative; }
html.pc-desk .pc-flyout .pc-link {
  position: relative;
  display: block;
  padding: 12px 16px 12px 62px;
  color: var(--pc-muted);
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.pc-desk .pc-flyout .pc-link:hover,
html.pc-desk .pc-flyout .pc-item.active > .pc-link { color: var(--pc-primary); }
html.pc-desk .pc-flyout .pc-link::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: var(--pc-dash);
}
html.pc-desk .pc-flyout .pc-link:hover::before,
html.pc-desk .pc-flyout .pc-item.active > .pc-link::before { background: var(--pc-primary); }

/* Light / default theme: dark aubergine sidebar (#2b2446); the dark theme keeps its own palette */
html.pc-desk:not([data-pc-theme="dark"]) nav.pc-sidebar {
  background: #2b2446 !important;
  border-right-color: rgba(255, 255, 255, 0.14) !important;
}
html.pc-desk:not([data-pc-theme="dark"]) nav.pc-sidebar .navbar-wrapper { background: #2b2446; }
html.pc-desk:not([data-pc-theme="dark"]) nav.pc-sidebar.pc-compact-submenu-active .m-header { border-bottom-color: rgba(255, 255, 255, 0.12); }
html.pc-desk:not([data-pc-theme="dark"]) nav.pc-sidebar.pc-compact-submenu-active .navbar-content::before { background: rgba(255, 255, 255, 0.12); }
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-link { color: rgba(255, 255, 255, 0.75); }
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-item.active > .pc-link,
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-item.pc-trigger > .pc-link,
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-link:hover { background: rgba(255, 255, 255, 0.12); }
html.pc-desk:not([data-pc-theme="dark"]) nav.pc-sidebar img.pc-icon { filter: brightness(0) invert(1) opacity(0.82); }
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-item.active img.pc-icon,
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-item.pc-trigger img.pc-icon,
html.pc-desk:not([data-pc-theme="dark"]) .pc-rail .pc-link:hover img.pc-icon { filter: brightness(0) invert(1); }
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-link { color: rgba(255, 255, 255, 0.72); }
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-link:hover,
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-item.active > .pc-link { color: #ffffff; }
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-link::before { background: rgba(255, 255, 255, 0.35); }
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-link:hover::before,
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-item.active > .pc-link::before { background: #8ab4ff; }
html.pc-desk:not([data-pc-theme="dark"]) .pc-flyout .pc-caption { color: rgba(255, 255, 255, 0.5); }

/* ---------- Header ---------- */
html.pc-desk header.pc-header {
  position: fixed !important;
  top: 0 !important;
  left: var(--pc-rail) !important;
  right: 0 !important;
  width: auto !important;
  z-index: 1027 !important;
  display: flex !important;
  align-items: center;
  height: var(--pc-header) !important;
  visibility: visible !important;
  background: var(--pc-header-bg, rgba(248, 249, 250, 0.7)) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: left 0.2s ease;
}
html.pc-desk:has(nav.pc-sidebar.pc-compact-submenu-active) header.pc-header { left: var(--pc-open) !important; }
html.pc-desk:has(nav.pc-sidebar.pc-sidebar-hide) header.pc-header { left: 0 !important; }

html.pc-desk .pc-header .header-wrapper {
  display: flex !important;
  align-items: center;
  width: 100%;
  padding: 0 25px;
}
html.pc-desk .pc-header ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
  min-height: var(--pc-header);
}
html.pc-desk .pc-header .pc-h-item { position: relative; display: flex; align-items: center; }
html.pc-desk .pc-header .me-auto { margin-right: auto; }
html.pc-desk .pc-header .ms-auto { margin-left: auto; }
html.pc-desk .pc-header .pc-head-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--pc-muted);
  text-decoration: none;
  transition: background 0.15s ease;
}
html.pc-desk .pc-header .pc-head-link:hover,
html.pc-desk .pc-header .pc-h-item.show > .pc-head-link { background: var(--pc-active); }
html.pc-desk .pc-header .pc-sidebar-collapse { margin-right: 4px; }
html.pc-desk .pc-header .pc-sidebar-collapse img.pc-icon { width: 24px !important; height: 24px !important; }

html.pc-desk .pc-header .form-search { position: relative; display: block; margin: 0; }
html.pc-desk .pc-header .form-search input#pc-search-input[type="search"] {
  display: block !important;
  width: 198px !important;
  height: 45px !important;
  margin: 0 !important;
  padding: 12px 12px 12px 40px !important;
  border: 1px solid var(--pc-dash) !important;
  border-radius: 8px !important;
  background: var(--pc-card) !important;
  color: var(--pc-ink) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
}
html.pc-desk .pc-header .form-search input#pc-search-input[type="search"]::placeholder { color: #8996a4; opacity: 1; }
html.pc-desk .pc-header .form-search input#pc-search-input[type="search"]:focus {
  border-color: var(--pc-primary) !important;
  box-shadow: 0 0 0 3px rgba(70, 128, 255, 0.15) !important;
}
html.pc-desk .pc-header .form-search .search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  pointer-events: none;
  display: block;
}
html.pc-desk .pc-header .form-search .search-icon img.pc-icon {
  width: 16px !important;
  height: 16px !important;
}

html.pc-desk .pc-header .pc-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--pc-danger);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}
html.pc-desk .pc-header .pc-badge[hidden] { display: none !important; }
html.pc-desk .pc-header .pc-avatar-wrap { background: rgba(70, 128, 255, 0.1); border-radius: 50%; }
html.pc-desk .pc-header .pc-avatar-wrap:hover { background: rgba(70, 128, 255, 0.18); }
html.pc-desk .pc-header .user-avtar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

html.pc-desk .pc-header .dropdown-menu { display: none; }
html.pc-desk .pc-header .pc-h-item.show > .dropdown-menu {
  display: block !important;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1030;
  min-width: 220px;
  padding: 8px 0;
  background: var(--pc-card);
  border: 1px solid var(--pc-line);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
}
html.pc-desk .pc-header .dropdown-wide { min-width: 300px; }
html.pc-desk .pc-header .dropdown-header {
  padding: 8px 16px 10px;
  font-weight: 600;
  color: var(--pc-head);
  border-bottom: 1px solid var(--pc-line);
  margin-bottom: 6px;
}
html.pc-desk .pc-header .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  color: var(--pc-muted);
  font-size: 14px;
  text-decoration: none;
}
html.pc-desk .pc-header .dropdown-item img.pc-icon { width: 20px !important; height: 20px !important; }
html.pc-desk .pc-header .dropdown-item:hover { background: var(--pc-active); color: var(--pc-primary); }

/* ---------- Page header (breadcrumb + title) ---------- */
html.pc-desk .pc-pagehead {
  margin-left: var(--pc-rail);
  padding: calc(var(--pc-header) + 32px) 40px 0;
  transition: margin-left 0.2s ease;
}
html.pc-desk:has(nav.pc-sidebar.pc-compact-submenu-active) .pc-pagehead { margin-left: var(--pc-open); }
html.pc-desk:has(nav.pc-sidebar.pc-sidebar-hide) .pc-pagehead { margin-left: 0; }
html.pc-desk[data-pc-module="inbox"] .pc-pagehead,
html.pc-desk[data-pc-module="conversations"] .pc-pagehead { display: none; }
html.pc-desk .pc-pagehead .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  font-size: 14px;
  color: var(--pc-muted);
}
html.pc-desk .pc-pagehead .breadcrumb-item { display: flex; align-items: center; }
html.pc-desk .pc-pagehead .breadcrumb-item a { color: var(--pc-ink); text-decoration: none; }
html.pc-desk .pc-pagehead .breadcrumb-item a:hover { color: var(--pc-primary); }
html.pc-desk .pc-pagehead .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 14px;
  border-right: 1.5px solid var(--pc-muted);
  border-top: 1.5px solid var(--pc-muted);
  transform: rotate(45deg);
}
html.pc-desk .pc-pagehead h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--pc-ink);
}

/* ---------- Container (#app) ---------- */
html.pc-desk #app.pc-container {
  position: relative;
  z-index: 1;
  top: 0 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: var(--pc-rail) !important;
  padding: calc(var(--pc-header) + 24px) 40px 24px !important;
  min-height: calc(100vh - 135px);
  height: auto !important;
  overflow: visible !important;
  background: var(--pc-body) !important;
  transition: margin-left 0.2s ease;
}
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app.pc-container {
  padding-top: 24px !important;
}
html.pc-desk:has(nav.pc-sidebar.pc-compact-submenu-active) #app.pc-container { margin-left: var(--pc-open) !important; }
html.pc-desk:has(nav.pc-sidebar.pc-sidebar-hide) #app.pc-container { margin-left: 0 !important; }
html.pc-desk[data-pc-module="inbox"] #app.pc-container,
html.pc-desk[data-pc-module="conversations"] #app.pc-container {
  /* chat module fills the viewport between header and footer (footer is 59px) */
  height: calc(100vh - 59px) !important;
  min-height: 0 !important;
  padding: calc(var(--pc-header) + 16px) 24px 16px !important;
  overflow: hidden !important;
}

html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app > div,
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app .h-screen {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html.pc-desk[data-pc-module="inbox"] #app > div:not(.fixed),
html.pc-desk[data-pc-module="conversations"] #app > div:not(.fixed) {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
}
html.pc-desk #app > .h-screen {
  position: relative !important;
  inset: auto !important;
}
/* Chatwoot network notice ("Offline" / "Reconnecting") — keep it a floating pill under the header */
html.pc-desk #app .fixed.z-50.top-2.left-2 {
  position: fixed !important;
  top: calc(var(--pc-header) + 12px) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: min(520px, calc(100vw - 48px));
  transform: translateX(-50%);
  z-index: 1300 !important;
}
html.pc-desk #app .fixed.z-50.top-2.left-2 > div {
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: #fff6e0 !important;
  border: 1px solid #f5c76a;
  box-shadow: 0 8px 16px rgba(16, 24, 40, 0.14) !important;
  color: #7a4d00 !important;
  white-space: nowrap;
}
html.pc-desk #app .fixed.z-50.top-2.left-2 > div span { font-size: 13px !important; color: #7a4d00 !important; }
/* toasts below the fixed header */
html.pc-desk #app .fixed.top-4.left-1\/2 { top: calc(var(--pc-header) + 12px) !important; }
html.pc-desk #app > div:not(.fixed),
html.pc-desk #app > div > div:not(.fixed) {
  max-width: 100% !important;
}
html.pc-desk body { overflow-x: hidden; }

/* ---------- Footer ---------- */
html.pc-desk .pc-footer {
  position: relative !important;
  z-index: 995;
  margin-left: var(--pc-rail);
  padding: 15px 40px;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--pc-muted);
  font-size: 14px;
  transition: margin-left 0.2s ease;
}
html.pc-desk:has(nav.pc-sidebar.pc-compact-submenu-active) .pc-footer { margin-left: var(--pc-open); }
html.pc-desk:has(nav.pc-sidebar.pc-sidebar-hide) .pc-footer { margin-left: 0; }
html.pc-desk .pc-footer .footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
html.pc-desk .pc-footer ul {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
html.pc-desk .pc-footer a { color: var(--pc-muted); text-decoration: none; }
html.pc-desk .pc-footer a:hover { color: var(--pc-primary); }

/* ---------- Chatwoot leftovers: hide its chrome ---------- */
html.pc-desk #app aside,
html.pc-desk aside.bg-n-solid-2,
html.pc-desk #app aside.bg-n-solid-2,
html.pc-desk #mobile-sidebar-launcher,
html.pc-desk #app > div > header,
html.pc-desk #app [class*="skip-to"],
html.pc-desk #app .flex.justify-between.items-center.h-20,
html.pc-desk #app .h-20.min-h-\[3.5rem\],
html.pc-desk #app [data-testid="sidebar"],
html.pc-desk #app nav.bg-n-solid-2 {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  transform: translateX(-100%) !important;
}
html.pc-desk ninja-keys,
html.pc-desk [data-testid="command-bar"],
html.pc-desk [class*="CommandBar"],
html.pc-desk [class*="SearchPopover"],
html.pc-desk [role="dialog"][class*="search"],
html.pc-desk body > [class*="fixed"][class*="inset-0"]:has(input) { display: none !important; }

/* ---------- Chatwoot tokens → Theme ---------- */
html.pc-desk .bg-n-background,
html.pc-desk .bg-n-alpha-1,
html.pc-desk .bg-n-alpha-2,
html.pc-desk .bg-n-alpha-3 { background: transparent !important; }
html.pc-desk .bg-n-solid-1,
html.pc-desk .bg-n-solid-3 { background: var(--pc-card) !important; }
html.pc-desk .bg-n-solid-2 { background: var(--pc-body) !important; }
html.pc-desk .text-n-slate-12 { color: var(--pc-ink) !important; }
html.pc-desk .text-n-slate-11,
html.pc-desk .text-n-slate-10,
html.pc-desk .text-n-slate-9 { color: var(--pc-muted) !important; }
html.pc-desk .bg-n-brand,
html.pc-desk .bg-woot-500 { background: var(--pc-primary) !important; color: #fff !important; }
html.pc-desk .text-n-brand,
html.pc-desk .text-woot-500 { color: var(--pc-primary) !important; }
html.pc-desk .outline-n-weak,
html.pc-desk .outline-n-container,
html.pc-desk .border-n-weak,
html.pc-desk .border-n-strong,
html.pc-desk .border-n-container,
html.pc-desk .divide-n-weak > * { border-color: var(--pc-line) !important; outline-color: var(--pc-line) !important; }
html.pc-desk .shadow-sm,
html.pc-desk .shadow { box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important; }

/* Theme card for Chatwoot white panels on non-inbox modules */
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app .bg-n-solid-1,
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app .bg-n-solid-3 {
  border-radius: 12px;
}

/* Settings / Contacts / Reports / Campaigns / Help Center / Captain pages: Theme .card + .card-body(25px) */
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app main > div.p-6,
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app main > div.overflow-auto {
  padding: 0 !important;
  overflow: visible !important;
  height: auto !important;
}
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app .max-w-6xl {
  max-width: none !important;
  margin: 0 !important;
  padding: 25px !important;
  background: var(--pc-card) !important;
  border: 1px solid var(--pc-line) !important;
  border-radius: 12px !important;
}
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app h1,
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app h2:not(#pc-pagetitle),
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app .text-xl,
html.pc-desk:not([data-pc-module="inbox"]):not([data-pc-module="conversations"]) #app .text-2xl {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--pc-head) !important;
}
html.pc-desk #app table thead th {
  background: var(--pc-active) !important;
  color: var(--pc-head) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
html.pc-desk #app table td,
html.pc-desk #app table th { border-color: var(--pc-line) !important; }
html.pc-desk #app table tbody tr:hover > td { background: var(--pc-active) !important; }

/* Buttons: Theme btn / btn-primary */
html.pc-desk #app button.bg-n-brand,
html.pc-desk #app button.bg-woot-500,
html.pc-desk #app a.bg-n-brand,
html.pc-desk #app .button.button--primary,
html.pc-desk #app button[class*="bg-n-brand"] {
  background: var(--pc-primary) !important;
  color: #fff !important;
  border: 1px solid var(--pc-primary) !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
html.pc-desk #app button.bg-n-brand:hover,
html.pc-desk #app button[class*="bg-n-brand"]:hover { background: #3b6ddb !important; border-color: #3b6ddb !important; }
html.pc-desk #app button.bg-n-slate-9\/10,
html.pc-desk #app button.bg-n-alpha-2,
html.pc-desk #app button.bg-n-alpha-1 {
  background: var(--pc-card) !important;
  color: var(--pc-muted) !important;
  border: 1px solid var(--pc-dash) !important;
  border-radius: 8px !important;
}

/* Inputs: Theme form-control */
html.pc-desk #app input[type="text"],
html.pc-desk #app input[type="email"],
html.pc-desk #app input[type="password"],
html.pc-desk #app input[type="number"],
html.pc-desk #app input[type="url"],
html.pc-desk #app input[type="tel"],
html.pc-desk #app select,
html.pc-desk #app textarea:not(.ProseMirror) {
  border: 1px solid var(--pc-dash) !important;
  border-radius: 8px !important;
  background: var(--pc-card) !important;
  color: var(--pc-ink) !important;
  box-shadow: none !important;
  outline-color: var(--pc-primary) !important;
}
html.pc-desk #app input:focus,
html.pc-desk #app select:focus,
html.pc-desk #app textarea:focus {
  border-color: var(--pc-primary) !important;
  box-shadow: 0 0 0 3px rgba(70, 128, 255, 0.15) !important;
}

/* ---------- Conversations: Theme chat module ---------- */
html.pc-desk[data-pc-module="inbox"] .conversations-list-wrap,
html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
  margin: 0 24px 0 0 !important;
  background: var(--pc-card) !important;
  border: 1px solid var(--pc-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04) !important;
  overflow: hidden;
}
@media (max-width: 1279px) {
  html.pc-desk[data-pc-module="inbox"] .conversations-list-wrap,
  html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    margin-right: 16px !important;
  }
}
html.pc-desk[data-pc-module="inbox"] .conversations-list-wrap > *,
html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap > * { background: transparent !important; }
html.pc-desk[data-pc-module="inbox"] .conversation,
html.pc-desk[data-pc-module="conversations"] .conversation {
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--pc-line) !important;
  background: var(--pc-card) !important;
}
html.pc-desk[data-pc-module="inbox"] .conversation:hover,
html.pc-desk[data-pc-module="conversations"] .conversation:hover,
html.pc-desk[data-pc-module="inbox"] .conversation.active,
html.pc-desk[data-pc-module="conversations"] .conversation.active { background: var(--pc-active) !important; }
html.pc-desk[data-pc-module="inbox"] .conversation--user,
html.pc-desk[data-pc-module="conversations"] .conversation--user { color: var(--pc-ink) !important; font-weight: 600 !important; }
html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap [role="tab"],
html.pc-desk[data-pc-module="inbox"] .conversations-list-wrap [role="tab"],
html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap .tabs a {
  color: var(--pc-muted) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}
html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap [role="tab"][aria-selected="true"],
html.pc-desk[data-pc-module="inbox"] .conversations-list-wrap [role="tab"][aria-selected="true"],
html.pc-desk[data-pc-module="conversations"] .conversations-list-wrap .tabs a.active {
  color: var(--pc-primary) !important;
  border-bottom-color: var(--pc-primary) !important;
}
html.pc-desk[data-pc-module="inbox"] .conversation-wrap,
html.pc-desk[data-pc-module="conversations"] .conversation-wrap,
html.pc-desk[data-pc-module="inbox"] [class*="conversation-view"],
html.pc-desk[data-pc-module="conversations"] [class*="conversation-view"],
html.pc-desk[data-pc-module="inbox"] .conversation-details-wrap,
html.pc-desk[data-pc-module="conversations"] .conversation-details-wrap {
  background: var(--pc-card) !important;
  border: 1px solid var(--pc-line);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04);
}
html.pc-desk[data-pc-module="inbox"] .conversation-details-wrap > div:first-child,
html.pc-desk[data-pc-module="conversations"] .conversation-details-wrap > div:first-child {
  padding-left: 16px !important;
  padding-right: 16px !important;
  border-bottom: 0 !important;
}
/* No divider lines under the case header or the Messages / Steps / … tab row */
html.pc-desk[data-pc-module="inbox"] .conversation-details-wrap .flex.border-b.-mt-px,
html.pc-desk[data-pc-module="conversations"] .conversation-details-wrap .flex.border-b.-mt-px {
  border-bottom: 0 !important;
  border-top: 0 !important;
}
html.pc-desk[data-pc-module="inbox"] .conversation-panel,
html.pc-desk[data-pc-module="conversations"] .conversation-panel {
  background: var(--pc-body) !important;
}
html.pc-desk[data-pc-module="inbox"] .reply-box,
html.pc-desk[data-pc-module="conversations"] .reply-box {
  margin: 0 12px 12px !important;
  border: 1px solid var(--pc-line) !important;
  border-radius: 10px !important;
  background: var(--pc-card) !important;
  box-shadow: none !important;
}
html.pc-desk[data-pc-module="inbox"] .reply-box.is-private,
html.pc-desk[data-pc-module="conversations"] .reply-box.is-private {
  border-color: #f5c76a !important;
  background: #fffaf0 !important;
}
/* Reply / Private Note row: 20px under the tab buttons, above the editor */
html.pc-desk[data-pc-module="inbox"] .reply-box > [popout-reply-box],
html.pc-desk[data-pc-module="conversations"] .reply-box > [popout-reply-box] {
  margin-bottom: 20px !important;
}
/* Expanded composer (⤢): Chatwoot wraps it in .modal-mask with a 4% backdrop and 70% width.
   Centre it over the content area with a real backdrop so it reads as a dialog, not a broken layout. */
html.pc-desk .modal-mask:has(> .reply-box) {
  background: rgba(19, 25, 32, 0.45) !important;
  box-sizing: border-box;
  padding: calc(var(--pc-header) + 24px) 24px 24px calc(var(--pc-rail) + 24px);
  transition: padding 0.2s ease;
}
html.pc-desk:has(nav.pc-sidebar.pc-compact-submenu-active) .modal-mask:has(> .reply-box) { padding-left: calc(var(--pc-open) + 24px); }
html.pc-desk:has(nav.pc-sidebar.pc-sidebar-hide) .modal-mask:has(> .reply-box) { padding-left: 24px; }
html.pc-desk[data-pc-module] .modal-mask > .reply-box {
  width: min(880px, 100%) !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--pc-line) !important;
  border-radius: 12px !important;
  background: var(--pc-card) !important;
  box-shadow: 0 24px 48px rgba(16, 24, 40, 0.28) !important;
}
html.pc-desk[data-pc-module] .modal-mask > .reply-box.is-private { border-color: #f5c76a !important; }
html.pc-desk[data-pc-module] .modal-mask > .reply-box .reply-box__top { min-height: min(27.5rem, calc(100vh - var(--pc-header) - 220px)) !important; }
html.pc-desk[data-pc-module] .modal-mask > .reply-box .reply-box__top .input,
html.pc-desk[data-pc-module] .modal-mask > .reply-box .ProseMirror-woot-style { min-height: min(27.5rem, calc(100vh - var(--pc-header) - 220px)) !important; max-height: calc(100vh - var(--pc-header) - 220px) !important; }
html.pc-desk[data-pc-module="inbox"] .right-bubble,
html.pc-desk[data-pc-module="inbox"] .right-bubble .message-content,
html.pc-desk[data-pc-module="conversations"] .right-bubble,
html.pc-desk[data-pc-module="conversations"] .right-bubble .message-content {
  background: var(--pc-primary) !important;
  color: #fff !important;
  border-radius: 8px;
}
html.pc-desk[data-pc-module="inbox"] .right-bubble .prose,
html.pc-desk[data-pc-module="inbox"] .right-bubble .prose *,
html.pc-desk[data-pc-module="inbox"] .right-bubble time,
html.pc-desk[data-pc-module="conversations"] .right-bubble .prose,
html.pc-desk[data-pc-module="conversations"] .right-bubble .prose *,
html.pc-desk[data-pc-module="conversations"] .right-bubble time {
  color: #fff !important;
}
html.pc-desk[data-pc-module="inbox"] .left-bubble,
html.pc-desk[data-pc-module="inbox"] .left-bubble .message-content,
html.pc-desk[data-pc-module="conversations"] .left-bubble,
html.pc-desk[data-pc-module="conversations"] .left-bubble .message-content {
  background: var(--pc-card) !important;
  color: var(--pc-ink) !important;
  border: 1px solid var(--pc-line);
  border-radius: 8px;
}

/* ---------- Settings › Agents: set a new password from the Edit agent modal ---------- */
html.pc-desk .pc-agent-actions { display: flex; align-items: center; gap: 2px; width: auto !important; flex: 1 1 auto; min-width: 0; }
html.pc-desk .pc-agent-actions + div { width: auto !important; flex: 0 0 auto; }
html.pc-desk .pc-agent-actions button { padding-left: 8px !important; padding-right: 8px !important; }
html.pc-desk .pc-agent-actions button .truncate { overflow: visible; white-space: nowrap; }
html.pc-desk #pc-agent-password-toggle img.pc-icon { width: 16px; height: 16px; }
html.pc-desk #pc-agent-verify {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: 0 32px 16px; padding: 10px 12px; border-radius: 10px; font-size: 12px; color: var(--pc-ink);
  background: var(--pc-body); border: 1px solid var(--pc-line);
}
html.pc-desk #pc-agent-verify[data-state="pending"] { background: #fff6e0; border-color: #f5c76a; }
html.pc-desk[data-pc-theme="dark"] #pc-agent-verify[data-state="pending"] { background: #3a2f12; border-color: #7a5a14; color: #ffd98a; }
html.pc-desk #pc-agent-verify .pc-av-dot { width: 8px; height: 8px; border-radius: 50%; background: #e58a00; flex-shrink: 0; }
html.pc-desk #pc-agent-verify[data-state="verified"] .pc-av-dot { background: #1a8a5a; }
html.pc-desk #pc-agent-verify .pc-av-text { flex: 1 1 200px; }
html.pc-desk #pc-agent-verify .pc-av-btn {
  height: 30px; padding: 0 12px; border: 0; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer;
  background: #e58a00; color: #fff;
}
html.pc-desk #pc-agent-verify .pc-av-btn:disabled { opacity: 0.6; cursor: default; }
html.pc-desk #pc-agent-verify .pc-av-msg { color: var(--pc-muted); }
html.pc-desk #pc-agent-verify .pc-av-msg a { color: var(--pc-primary); text-decoration: underline; }
html.pc-desk #pc-agent-password {
  margin: 0 32px 24px;
  padding: 14px 16px 16px;
  border: 1px solid var(--pc-line);
  border-radius: 10px;
  background: var(--pc-body);
  font-size: 13px;
  color: var(--pc-ink);
}
html.pc-desk #pc-agent-password .pc-ap-head { font-weight: 600; margin-bottom: 10px; }
html.pc-desk #pc-agent-password .pc-ap-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
html.pc-desk #pc-agent-password label { display: block; font-size: 12px; font-weight: 600; color: var(--pc-muted); }
html.pc-desk #pc-agent-password input {
  display: block; width: 100%; margin-top: 4px; height: 38px; padding: 0 10px; box-sizing: border-box;
  border: 1px solid var(--pc-line); border-radius: 8px; background: var(--pc-card); color: var(--pc-ink); font-size: 14px;
}
html.pc-desk #pc-agent-password input:focus { outline: none; border-color: var(--pc-primary); box-shadow: 0 0 0 3px rgba(70, 128, 255, 0.18); }
html.pc-desk #pc-agent-password .pc-ap-hint { margin: 10px 0 12px; color: var(--pc-muted); font-size: 12px; line-height: 1.45; }
html.pc-desk #pc-agent-password .pc-ap-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html.pc-desk #pc-agent-password button {
  height: 36px; padding: 0 14px; border: 0; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
  background: var(--pc-active); color: var(--pc-ink);
}
html.pc-desk #pc-agent-password button.pc-ap-save { background: var(--pc-primary); color: #fff; }
html.pc-desk #pc-agent-password button:disabled { opacity: 0.6; cursor: default; }
html.pc-desk #pc-agent-password .pc-ap-msg { font-size: 12px; color: var(--pc-muted); }
html.pc-desk #pc-agent-password .pc-ap-msg[data-tone="ok"] { color: #1a8a5a; }
html.pc-desk #pc-agent-password .pc-ap-msg[data-tone="error"] { color: #dc2626; }

html.pc-desk #app iframe {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ---------- Offcanvas (info / what's new) ---------- */
#pc-side-info,
#announcement {
  display: none;
  position: fixed;
  top: 0;
  width: 380px;
  max-width: 92vw;
  height: 100vh;
  z-index: 1030;
  background: var(--pc-card, #fff);
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  padding: 24px;
  overflow: auto;
}
#pc-side-info { left: var(--pc-rail, 100px); }
#announcement { right: 0; }
#pc-side-info.show,
#announcement.show { display: block; }
#pc-side-info h5,
#announcement h5 { margin: 0 0 16px; font-size: 16px; font-weight: 600; color: var(--pc-head, #1d2630); }
#pc-side-info p,
#announcement p { margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: var(--pc-muted, #5b6b79); }
#pc-side-info p strong,
#announcement p strong { color: var(--pc-ink, #131920); font-weight: 600; }
#pc-side-info p.mb-0,
#announcement p.mb-0 { margin-bottom: 0; }
#announcement kbd {
  display: inline-block;
  padding: 1px 6px;
  border: 1px solid var(--pc-line, #e7eaee);
  border-bottom-width: 2px;
  border-radius: 4px;
  background: #f8f9fa;
  font: 500 12px/1.4 "Inter var", Inter, system-ui, sans-serif;
  color: var(--pc-ink, #131920);
}
#offcanvasoverlay {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.2);
  z-index: 1028;
}

svg.pc-sprite {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ---------- Login ---------- */
html:not(.pc-login) #pc-login { display: none !important; }
html.pc-login #app,
html.pc-login noscript { display: none !important; }
html.pc-login #pc-login { display: block !important; }
html.pc-login,
html.pc-login #pc-login,
html.pc-login #pc-login * { letter-spacing: normal; }
html.pc-login #pc-login .card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
}
html.pc-login #pc-login .form-control {
  display: block;
  width: 100%;
  height: 44px;
  border: 1px solid #bec8d0;
  border-radius: 8px;
  padding: 10px 14px;
  background: #fff;
  color: #1d2630;
}
html.pc-login #pc-login .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  background: #4680ff;
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-weight: 600;
}

/* ---------- Statistics (CAREAdmin dashboard in an iframe) ---------- */
html.pc-desk .pc-rail li.pc-item[hidden] { display: none !important; }
html.pc-desk.pc-stats-active #app.pc-container { display: none !important; }
html.pc-desk #pc-stats-view {
  display: block;
  margin-left: var(--pc-rail);
  padding: 24px 40px 24px;
  min-height: calc(100vh - 59px - var(--pc-header) - 96px);
  box-sizing: border-box;
  transition: margin-left 0.2s ease;
}
html.pc-desk:has(nav.pc-sidebar.pc-compact-submenu-active) #pc-stats-view { margin-left: var(--pc-open); }
html.pc-desk:has(nav.pc-sidebar.pc-sidebar-hide) #pc-stats-view { margin-left: 0; }
html.pc-desk #pc-stats-view #pc-stats-frame {
  display: block;
  width: 100%;
  height: calc(100vh - var(--pc-header) - 59px - 150px);
  border: 0;
  background: transparent;
  overflow: hidden;
}
html.pc-desk[data-pc-module="statistics"] .pc-pagehead,
html.pc-desk:has(#pc-stats-view[data-embed="maps"]) .pc-pagehead { padding-bottom: 0; }
@media (max-width: 1279px) {
  html.pc-desk #pc-stats-view { padding-left: 24px; padding-right: 24px; }
}

/* ---- operator presence (header) ---- */
html.pc-desk .pc-header .pc-presence[hidden] { display: none !important; }
html.pc-desk .pc-header .pc-presence .pc-head-link {
  width: auto;
  height: 36px;
  padding: 0 12px 0 10px;
  gap: 8px;
  margin-right: 6px;
  border: 1px solid var(--pc-line);
  background: var(--pc-card);
  font-size: 13px;
  line-height: 1;
  color: var(--pc-ink);
  white-space: nowrap;
}
html.pc-desk .pc-header .pc-presence .pc-head-link b { font-weight: 600; font-variant-numeric: tabular-nums; }
html.pc-desk .pc-header .pc-presence .pc-presence-label { color: var(--pc-muted); }
html.pc-desk .pc-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #2ca87f; flex: none; box-shadow: 0 0 0 3px rgba(44, 168, 127, .18); }
html.pc-desk .pc-presence[data-status="busy"] .pc-head-link .pc-dot, html.pc-desk .pc-dot.is-busy { background: #e58a00; box-shadow: 0 0 0 3px rgba(229, 138, 0, .18); }
html.pc-desk .pc-presence[data-status="offline"] .pc-head-link .pc-dot, html.pc-desk .pc-dot.is-offline { background: #8996a4; box-shadow: 0 0 0 3px rgba(137, 150, 164, .18); }
html.pc-desk .pc-header .pc-presence .dropdown-item { display: flex; align-items: center; gap: 10px; }
html.pc-desk .pc-header .pc-presence .dropdown-item.active { background: var(--pc-active); font-weight: 600; }
@media (max-width: 767px) {
  html.pc-desk .pc-header .pc-presence .pc-presence-label { display: none; }
}

/* ---- chat duration (conversation header) ---- */
html.pc-desk .pc-chat-duration {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: none;
  margin-left: 12px;
  padding: 4px 10px 4px 9px;
  border-radius: 999px;
  border: 1px solid var(--pc-line);
  background: var(--pc-body);
  color: var(--pc-ink);
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
html.pc-desk .pc-chat-duration .pc-cd-label { color: var(--pc-muted); }
html.pc-desk .pc-chat-duration b { font-weight: 600; font-variant-numeric: tabular-nums; }
html.pc-desk .pc-chat-duration .pc-dot { width: 7px; height: 7px; box-shadow: none; background: #4680ff; }
html.pc-desk .pc-chat-duration[data-status="open"] .pc-dot { animation: pc-pulse 1.6s ease-in-out infinite; }
html.pc-desk .pc-chat-duration[data-status="pending"] .pc-dot { background: #e58a00; }
html.pc-desk .pc-chat-duration[data-status="snoozed"] .pc-dot { background: #8996a4; }
html.pc-desk .pc-chat-duration[data-status="resolved"] .pc-dot { background: #2ca87f; }
@keyframes pc-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (max-width: 1279px) {
  html.pc-desk .pc-chat-duration .pc-cd-label { display: none; }
}

/* ---- flyout section captions (conversation folders) ---- */
html.pc-desk .pc-flyout .pc-caption {
  margin: 14px 0 4px;
  padding: 0 14px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--pc-muted);
  list-style: none;
}
html.pc-desk .pc-header .dropdown-item[hidden] { display: none !important; }

/* ---- Settings > Integrations: Google Maps card ---- */
html.pc-desk #pc-maps-card .pc-maps-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #e8f1ff;
  color: #4680ff;
  border: 1px solid var(--pc-line);
}
html.pc-desk[data-pc-theme="dark"] #pc-maps-card .pc-maps-logo { background: #1f2d44; }
html.pc-desk #pc-maps-card .pc-maps-logo img { width: 26px !important; height: 26px !important; }