@charset "UTF-8";

@font-face {
  font-family: "Jiji Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/__jiji_home/home-20260927-mobile-polish-v6/assets/fonts/jiji-sans-subset.woff2") format("woff2");
}

#app.jiji-member-theme {
  --member-ink: #20272a;
  --member-muted: #637074;
  --member-line: #e1e7e6;
  --member-paper: #fff;
  --member-canvas: #fafcfb;
  --member-brand: #1b775c;
  --member-brand-soft: #eaf4ee;
  min-height: 100vh;
  color: var(--member-ink);
  background: var(--member-canvas);
  font-family: "Jiji Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}

#app.jiji-member-theme .bg-mesh-gradient {
  display: none;
}

#app.jiji-member-theme > .min-h-screen {
  background: var(--member-canvas);
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) aside.sidebar {
  background: var(--member-paper);
  border-color: var(--member-line);
  box-shadow: 1px 0 0 rgb(23 44 31 / 2%);
  /* Use the core UI font stack: the homepage subset omits several menu glyphs. */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  letter-spacing: normal;
}

#app.jiji-member-theme .sidebar-header {
  gap: 0;
  border-color: var(--member-line);
}

#app.jiji-member-theme .sidebar-logo {
  width: 108px;
  height: auto;
  flex: 0 0 auto;
  overflow: visible;
  border-radius: 0;
  box-shadow: none;
}

#app.jiji-member-theme .sidebar-logo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#app.jiji-member-theme .sidebar-brand-title {
  display: none;
}

#app.jiji-member-theme aside.sidebar:has(.sidebar-label[aria-hidden="true"]) .sidebar-logo {
  width: 44px;
  overflow: hidden;
}

#app.jiji-member-theme aside.sidebar:has(.sidebar-label[aria-hidden="true"]) .sidebar-logo img {
  width: 108px;
  max-width: none;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) aside.sidebar:has(.sidebar-label[aria-hidden="true"]) .jiji-menu-heading {
  min-height: 0;
  height: 1px;
  padding: 0;
  margin: 9px 10px 6px;
  overflow: hidden;
  border-top: 1px solid var(--member-line);
  font-size: 0;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-nav {
  padding: 9px 12px 14px;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-section {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .jiji-menu-heading {
  min-height: 30px;
  display: flex;
  align-items: end;
  padding: 8px 9px 4px;
  margin: 9px 0 2px;
  border-top: 1px solid var(--member-line);
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .jiji-menu-heading[data-group="0"] {
  margin-top: 0;
  min-height: 25px;
  padding-top: 3px;
  border-top: 0;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link {
  min-height: 37px;
  margin: 0;
  gap: 10px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #4b5563;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link:hover {
  color: #374151;
  background: #f3f6f4;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link-active {
  color: var(--member-brand);
  background: var(--member-brand-soft);
  border-color: #dcebe2;
  font-weight: 400;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link-active:hover {
  color: var(--member-brand);
  background: #e1efe6;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link svg {
  flex: 0 0 auto;
}

#app.jiji-member-theme .jiji-community-link {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 9px;
  min-height: 51px;
  margin-top: 8px;
  padding: 7px;
  border: 1px solid #f1e2d2;
  border-radius: 9px;
  background: #fffaf5;
  color: var(--member-ink);
  text-decoration: none;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

#app.jiji-member-theme .jiji-community-link:hover,
#app.jiji-member-theme .jiji-community-link:focus-visible {
  border-color: #e8b978;
  background: #fff4e8;
  outline-color: #c77729;
}

#app.jiji-member-theme .jiji-community-icon {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #f5d6b5;
  border-radius: 9px;
  background: #fff0df;
  color: #c56d22;
  box-shadow: 0 2px 5px rgb(197 109 34 / 12%);
}

#app.jiji-member-theme .jiji-community-svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.7;
}

#app.jiji-member-theme .jiji-community-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

#app.jiji-member-theme .jiji-community-copy strong {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

#app.jiji-member-theme .jiji-community-copy small {
  color: var(--member-muted);
  font-size: 10px;
  line-height: 1.2;
}

#app.jiji-member-theme .jiji-community-arrow {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg);
}

#app.jiji-member-theme aside.sidebar:has(.sidebar-label[aria-hidden="true"]) .jiji-community-link {
  justify-content: center;
  padding: 6px;
}

#app.jiji-member-theme aside.sidebar:has(.sidebar-label[aria-hidden="true"]) .jiji-community-copy,
#app.jiji-member-theme aside.sidebar:has(.sidebar-label[aria-hidden="true"]) .jiji-community-arrow {
  display: none;
}

#app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) aside.sidebar > .mt-auto .sidebar-link {
  min-height: 37px;
  padding: 7px 10px;
}

#app.jiji-member-theme header.glass {
  color: var(--member-ink);
  background: rgb(255 255 255 / 94%);
  border-color: var(--member-line);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

#app.jiji-member-theme header h1 {
  color: var(--member-ink);
  font-weight: 600;
}

#app.jiji-member-theme #jiji-header-theme-toggle {
  border-radius: 7px;
  color: var(--member-muted);
}

#app.jiji-member-theme #jiji-header-theme-toggle:hover {
  background: #f1f5f2;
  color: var(--member-brand);
}

#app.jiji-member-theme > .relative.min-h-screen {
  background: var(--member-canvas);
}

#app.jiji-member-theme main {
  min-width: 0;
  color: var(--member-ink);
}

#app.jiji-member-theme main .rounded-xl,
#app.jiji-member-theme main .rounded-2xl {
  border-radius: 8px;
}

#app.jiji-member-theme main .shadow-lg,
#app.jiji-member-theme main .shadow-xl {
  box-shadow: 0 2px 8px rgb(24 43 31 / 5%);
}

#app.jiji-member-theme main table {
  max-width: 100%;
}

#app.jiji-member-theme main .card {
  border: 1px solid var(--member-line);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgb(24 43 31 / 4%);
}

#app.jiji-member-theme main [class*="grid"] > *,
#app.jiji-member-theme main [class*="flex"] > * {
  min-width: 0;
}

.dark #app.jiji-member-theme {
  --member-ink: #f0f1ec;
  --member-muted: #a4aba6;
  --member-line: #343935;
  --member-paper: #1c201e;
  --member-canvas: #121513;
  --member-brand: #abd9ba;
  --member-brand-soft: #25332c;
  color-scheme: dark;
}

.dark #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) aside.sidebar {
  background: var(--member-paper);
  border-color: var(--member-line);
}

.dark #app.jiji-member-theme .sidebar-logo img {
  filter: drop-shadow(0 0 1px #e8eee9) drop-shadow(0 0 1px #e8eee9);
}

.dark #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link {
  color: #c1cbc3;
}

.dark #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .jiji-menu-heading {
  color: #a4aba6;
}

.dark #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link:hover {
  color: var(--member-brand);
  background: #222c25;
}

.dark #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link-active {
  color: var(--member-brand);
  background: var(--member-brand-soft);
  border-color: #34483a;
}

.dark #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link-active:hover {
  color: var(--member-brand);
  background: #2d3e33;
}

.dark #app.jiji-member-theme .jiji-community-link {
  border-color: #4a392a;
  background: #28231d;
  color: var(--member-ink);
}

.dark #app.jiji-member-theme .jiji-community-link:hover,
.dark #app.jiji-member-theme .jiji-community-link:focus-visible {
  border-color: #b47d43;
  background: #35291d;
}

.dark #app.jiji-member-theme .jiji-community-icon {
  background: #3a2c1d;
  color: #e7a867;
}

.jiji-community-modal:not([hidden]) {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgb(12 22 20 / 62%);
}

.jiji-community-panel {
  position: relative;
  width: min(100%, 368px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid #e0e8e5;
  border-radius: 8px;
  background: #fff;
  color: #20272a;
  box-shadow: 0 18px 52px rgb(0 0 0 / 18%);
  text-align: center;
  font-family: "Jiji Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.jiji-community-panel h2 {
  margin: 0 32px 18px;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.4;
}

.jiji-community-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #637074;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.jiji-community-close:hover,
.jiji-community-close:focus-visible {
  background: #edf3ef;
  color: #20272a;
}

.jiji-community-details {
  margin-bottom: 14px;
  text-align: left;
}

.jiji-community-name {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

.jiji-community-number-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  color: #637074;
  font-size: 13px;
}

.jiji-community-number-row b {
  font-weight: 600;
  color: #20272a;
  user-select: text;
}

.jiji-community-copy-button {
  padding: 3px 8px;
  border: 1px solid #cfded8;
  border-radius: 5px;
  background: #f4f8f5;
  color: #17644f;
  font: inherit;
  cursor: pointer;
}

.jiji-community-copy-button:hover,
.jiji-community-copy-button:focus-visible {
  border-color: #91baa6;
  background: #e8f2ec;
}

.jiji-community-qr {
  display: block;
  width: min(100%, 264px);
  height: auto;
  margin: 0 auto;
  image-rendering: crisp-edges;
}

.jiji-community-scan-hint {
  margin: 8px 0 17px;
  color: #637074;
  font-size: 12px;
}

.jiji-community-open-qq {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #176b54;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.jiji-community-open-qq:hover,
.jiji-community-open-qq:focus-visible {
  background: #125640;
  color: #fff;
}

.jiji-community-copy-status {
  min-height: 18px;
  margin: 9px 0 0;
  color: #17644f;
  font-size: 11px;
}

.dark .jiji-community-panel {
  border-color: #3d4a41;
  background: #1c201e;
  color: #f0f1ec;
}

.dark .jiji-community-close,
.dark .jiji-community-number-row,
.dark .jiji-community-scan-hint {
  color: #a4aba6;
}

.dark .jiji-community-close:hover,
.dark .jiji-community-close:focus-visible {
  background: #303b34;
  color: #f0f1ec;
}

.dark .jiji-community-number-row b {
  color: #f0f1ec;
}

.dark .jiji-community-copy-button {
  border-color: #405d4b;
  background: #27392d;
  color: #bde4c9;
}

.dark .jiji-community-copy-status {
  color: #bde4c9;
}

.dark #app.jiji-member-theme header.glass {
  background: rgb(28 32 30 / 94%);
  border-color: var(--member-line);
}

.dark #app.jiji-member-theme #jiji-header-theme-toggle:hover {
  background: #29342c;
  color: var(--member-brand);
}

.dark #app.jiji-member-theme main .bg-white {
  background-color: #1c201e;
}

.dark #app.jiji-member-theme main .card {
  color: var(--member-ink);
  background: #1c201e;
  border-color: var(--member-line);
  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
}

.dark #app.jiji-member-theme main .card .bg-gray-50 {
  background: #242c26;
}

.dark #app.jiji-member-theme main .border-gray-100,
.dark #app.jiji-member-theme main .border-gray-200 {
  border-color: #303b34;
}

@media (max-width: 640px) {
  .jiji-community-panel {
    padding: 20px;
  }

  .jiji-community-qr {
    width: min(100%, 240px);
  }

  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-nav {
    padding: 8px 10px 12px;
  }

  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .jiji-menu-heading {
    min-height: 27px;
    padding-inline: 9px;
  }

  #app.jiji-member-theme main {
    overflow-x: clip;
  }

  #app.jiji-member-theme main > div {
    max-width: 100%;
  }

  #app.jiji-member-theme main > .space-y-6 > .grid.grid-cols-2 {
    gap: 10px;
  }

  #app.jiji-member-theme main > .space-y-6 > .grid.grid-cols-2 > .card {
    padding: 12px;
  }

  #app.jiji-member-theme main > .space-y-6 > .grid.grid-cols-2 > .card > .flex {
    align-items: flex-start;
    gap: 8px;
  }

  #app.jiji-member-theme main > .space-y-6 > .grid.grid-cols-2 > .card > .flex > div:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  #app.jiji-member-theme main > .space-y-6 > .grid.grid-cols-2 > .card .text-xl {
    font-size: 16px;
    line-height: 1.35;
  }
}

/* Keep the full member menu visible on shorter desktop screens without hiding entries. */
@media (min-width: 641px) and (max-height: 900px) {
  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-nav {
    padding: 4px 10px 6px;
  }

  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-section {
    gap: 0;
  }

  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .jiji-menu-heading {
    min-height: 21px;
    padding: 5px 8px 2px;
    margin: 3px 0 1px;
  }

  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .jiji-menu-heading[data-group="0"] {
    min-height: 20px;
    padding-top: 1px;
  }

  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link,
  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) aside.sidebar > .mt-auto .sidebar-link {
    min-height: 31px;
    padding: 5px 9px;
  }

  #app.jiji-member-theme .jiji-community-link {
    min-height: 43px;
    margin-top: 3px;
    padding: 5px;
  }

  #app.jiji-member-theme .jiji-community-icon {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #app:is(.jiji-member-theme, .jiji-admin-sidebar-theme) .sidebar-link {
    transition: none;
  }
}

/* Share sidebar presentation; the core still renders admin page content and management groups. */
#app.jiji-admin-sidebar-theme {
  --member-ink: #20272a;
  --member-muted: #637074;
  --member-line: #e1e7e6;
  --member-paper: #fff;
  --member-brand: #1b775c;
  --member-brand-soft: #eaf4ee;
}

.dark #app.jiji-admin-sidebar-theme {
  --member-ink: #f0f1ec;
  --member-muted: #a4aba6;
  --member-line: #343935;
  --member-paper: #1c201e;
  --member-brand: #abd9ba;
  --member-brand-soft: #25332c;
}

#app.jiji-admin-sidebar-theme .jiji-admin-personal-section > .sidebar-section-title {
  margin: 16px 0 4px;
  padding: 8px 9px 4px;
  color: var(--member-muted);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
}

#app.jiji-admin-sidebar-theme .jiji-admin-personal-section > .sidebar-section-title .sidebar-section-title-text {
  font: inherit;
  letter-spacing: normal;
}