/* Urbiax Community Hub polish v1 — 2026-05-24
   Purpose: make the Community entry area feel like a clear local hub, not bare technical shortcut pills. */

body.ubx-community-page{
  --ubx-community-purple:#7c3aed;
  --ubx-community-ink:#111827;
  --ubx-community-muted:#64748b;
  --ubx-community-card:#ffffff;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich{
  display:block !important;
  margin:0 0 12px !important;
  padding:14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.96)) !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 16px 36px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
  overflow:hidden !important;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy{
  display:block !important;
  margin:0 0 12px !important;
  padding:0 !important;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy h2{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--ubx-community-ink) !important;
  font-size:clamp(18px,4.9vw,26px) !important;
  line-height:1.08 !important;
  font-weight:1000 !important;
  letter-spacing:-.055em !important;
  max-width:none !important;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy p{
  display:block !important;
  margin:0 !important;
  color:var(--ubx-community-muted) !important;
  font-size:clamp(11.5px,3.2vw,14px) !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  letter-spacing:-.015em !important;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-controls{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* Keep the duplicate generic add button hidden: the hub cards are the real entry points. */
body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-controls > .ubx-primary{
  display:none !important;
}

body.ubx-community-page .ubx-starter-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile,
body.ubx-community-page button.ubx-start-pill.ubx-community-hub-tile{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:9px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:132px !important;
  height:auto !important;
  padding:13px 12px 12px !important;
  border-radius:20px !important;
  text-align:left !important;
  text-decoration:none !important;
  white-space:normal !important;
  overflow:hidden !important;
  cursor:pointer !important;
  color:var(--ubx-community-ink) !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 12px 24px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92) !important;
  transform:translateZ(0) !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile::before{
  content:'' !important;
  position:absolute !important;
  inset:-34px -26px auto auto !important;
  width:92px !important;
  height:92px !important;
  border-radius:999px !important;
  opacity:.48 !important;
  pointer-events:none !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile::after{
  content:'›' !important;
  position:absolute !important;
  right:11px !important;
  bottom:8px !important;
  color:rgba(17,24,39,.34) !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  pointer-events:none !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 30px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile:active{
  transform:translateY(1px) !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon{
  position:relative !important;
  z-index:2 !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  margin:0 !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(124,58,237,.11) !important;
  color:var(--ubx-community-purple) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text,
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text *{
  position:relative !important;
  z-index:2 !important;
  color:inherit !important;
  text-shadow:none !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding-right:12px !important;
  white-space:normal !important;
  overflow:visible !important;
}

/* Disable old shortcut pseudo-copy from previous CSS versions. */
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text::after,
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text strong::after,
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text small::after{
  content:none !important;
  display:none !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text strong{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--ubx-community-ink) !important;
  font-size:15px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.045em !important;
  white-space:normal !important;
  overflow:visible !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text small{
  display:block !important;
  color:#64748b !important;
  font-size:10.7px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  white-space:normal !important;
  overflow:visible !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-start-count{
  position:absolute !important;
  z-index:3 !important;
  right:10px !important;
  top:10px !important;
  min-width:24px !important;
  width:auto !important;
  height:24px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 7px 14px rgba(15,23,42,.10) !important;
  font-size:10.5px !important;
  font-weight:1000 !important;
}

body.ubx-community-page .ubx-tile-issue{background:linear-gradient(160deg,#fff1f2 0%,#ffffff 62%,#fff7f8 100%) !important;}
body.ubx-community-page .ubx-tile-issue::before{background:#fecdd3 !important;}
body.ubx-community-page .ubx-tile-issue .ubx-mini-icon{background:#ffe4eb !important;color:#e11d48 !important;}

body.ubx-community-page .ubx-tile-market{background:linear-gradient(160deg,#fff7ed 0%,#ffffff 62%,#fffaf0 100%) !important;}
body.ubx-community-page .ubx-tile-market::before{background:#fed7aa !important;}
body.ubx-community-page .ubx-tile-market .ubx-mini-icon{background:#fff1d7 !important;color:#d97706 !important;}

body.ubx-community-page .ubx-tile-question{background:linear-gradient(160deg,#f5f3ff 0%,#ffffff 62%,#faf7ff 100%) !important;}
body.ubx-community-page .ubx-tile-question::before{background:#ddd6fe !important;}
body.ubx-community-page .ubx-tile-question .ubx-mini-icon{background:#eee8ff !important;color:#7c3aed !important;}

body.ubx-community-page .ubx-tile-recommend{background:linear-gradient(160deg,#ecfdf5 0%,#ffffff 62%,#f3fbf7 100%) !important;}
body.ubx-community-page .ubx-tile-recommend::before{background:#bbf7d0 !important;}
body.ubx-community-page .ubx-tile-recommend .ubx-mini-icon{background:#e6f8ed !important;color:#16a34a !important;}

body.ubx-community-page .ubx-tile-free{background:linear-gradient(160deg,#eff6ff 0%,#ffffff 62%,#f7fbff 100%) !important;}
body.ubx-community-page .ubx-tile-free::before{background:#bfdbfe !important;}
body.ubx-community-page .ubx-tile-free .ubx-mini-icon{background:#dbeafe !important;color:#2563eb !important;}

body.ubx-community-page .ubx-tile-lost{background:linear-gradient(160deg,#fdf2f8 0%,#ffffff 62%,#fff7fb 100%) !important;}
body.ubx-community-page .ubx-tile-lost::before{background:#fbcfe8 !important;}
body.ubx-community-page .ubx-tile-lost .ubx-mini-icon{background:#fce7f3 !important;color:#db2777 !important;}

@media (max-width:700px){
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich{
    margin:0 0 9px !important;
    padding:11px !important;
    border-radius:18px !important;
  }
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy{
    margin-bottom:9px !important;
  }
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy h2{
    font-size:17px !important;
    letter-spacing:-.045em !important;
  }
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy p{
    font-size:10.4px !important;
    line-height:1.25 !important;
  }
  body.ubx-community-page .ubx-starter-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile,
  body.ubx-community-page button.ubx-start-pill.ubx-community-hub-tile{
    min-height:82px !important;
    padding:9px 9px 8px !important;
    border-radius:15px !important;
    gap:5px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:12px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon svg{
    width:16px !important;
    height:16px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text strong{
    font-size:11.5px !important;
    line-height:1.04 !important;
    margin-bottom:2px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text small{
    font-size:8.7px !important;
    line-height:1.14 !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-start-count{
    top:8px !important;
    right:8px !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 6px !important;
    font-size:9px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile::before{
    width:72px !important;
    height:72px !important;
    inset:-30px -24px auto auto !important;
  }
}

@media (min-width:701px) and (max-width:1024px){
  body.ubx-community-page .ubx-starter-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}


/* Urbiax Community Hub polish v2 — stronger colours + bigger mobile typography
   Goal: make the hub more readable on phones and visually more engaging. */
body.ubx-community-page{
  --ubx-community-purple:#6d28d9;
  --ubx-community-ink:#101827;
  --ubx-community-muted:#475569;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich{
  border-color:rgba(124,58,237,.14) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(250,247,255,.98)) !important;
  box-shadow:0 18px 42px rgba(88,28,135,.11), inset 0 1px 0 rgba(255,255,255,.98) !important;
}

body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy h2{
  color:#111827 !important;
}
body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy p{
  color:#475569 !important;
}

body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile,
body.ubx-community-page button.ubx-start-pill.ubx-community-hub-tile{
  border-width:1.5px !important;
  box-shadow:0 14px 30px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile::before{
  opacity:.62 !important;
  filter:saturate(1.28) !important;
}
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon{
  color:#fff !important;
  box-shadow:0 10px 18px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text strong{
  color:#0f172a !important;
}
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text small{
  color:#475569 !important;
}
body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-start-count{
  color:#0f172a !important;
  border-color:rgba(15,23,42,.12) !important;
  box-shadow:0 8px 17px rgba(15,23,42,.14) !important;
}

body.ubx-community-page .ubx-tile-issue{
  background:linear-gradient(150deg,#ffe4e6 0%,#fff8f9 48%,#fecdd3 115%) !important;
  border-color:rgba(225,29,72,.24) !important;
}
body.ubx-community-page .ubx-tile-issue::before{background:#fb7185 !important;}
body.ubx-community-page .ubx-tile-issue .ubx-mini-icon{background:linear-gradient(135deg,#fb7185,#e11d48) !important;}

body.ubx-community-page .ubx-tile-market{
  background:linear-gradient(150deg,#ffedd5 0%,#fff9ed 48%,#fcd34d 118%) !important;
  border-color:rgba(217,119,6,.25) !important;
}
body.ubx-community-page .ubx-tile-market::before{background:#f59e0b !important;}
body.ubx-community-page .ubx-tile-market .ubx-mini-icon{background:linear-gradient(135deg,#fbbf24,#d97706) !important;}

body.ubx-community-page .ubx-tile-question{
  background:linear-gradient(150deg,#ede9fe 0%,#fbfaff 48%,#c4b5fd 118%) !important;
  border-color:rgba(124,58,237,.24) !important;
}
body.ubx-community-page .ubx-tile-question::before{background:#8b5cf6 !important;}
body.ubx-community-page .ubx-tile-question .ubx-mini-icon{background:linear-gradient(135deg,#a855f7,#6d28d9) !important;}

body.ubx-community-page .ubx-tile-recommend{
  background:linear-gradient(150deg,#dcfce7 0%,#f7fff9 48%,#86efac 118%) !important;
  border-color:rgba(22,163,74,.24) !important;
}
body.ubx-community-page .ubx-tile-recommend::before{background:#22c55e !important;}
body.ubx-community-page .ubx-tile-recommend .ubx-mini-icon{background:linear-gradient(135deg,#22c55e,#15803d) !important;}

body.ubx-community-page .ubx-tile-free{
  background:linear-gradient(150deg,#dbeafe 0%,#f6fbff 48%,#93c5fd 118%) !important;
  border-color:rgba(37,99,235,.24) !important;
}
body.ubx-community-page .ubx-tile-free::before{background:#3b82f6 !important;}
body.ubx-community-page .ubx-tile-free .ubx-mini-icon{background:linear-gradient(135deg,#38bdf8,#2563eb) !important;}

body.ubx-community-page .ubx-tile-lost{
  background:linear-gradient(150deg,#fce7f3 0%,#fff8fc 48%,#f9a8d4 118%) !important;
  border-color:rgba(219,39,119,.24) !important;
}
body.ubx-community-page .ubx-tile-lost::before{background:#ec4899 !important;}
body.ubx-community-page .ubx-tile-lost .ubx-mini-icon{background:linear-gradient(135deg,#f472b6,#db2777) !important;}

body.ubx-community-page .ubx-quick-tabs a.is-active,
body.ubx-community-page .ubx-view-switch button.is-active{
  background:linear-gradient(135deg,#8b5cf6,#6d28d9) !important;
  border-color:rgba(109,40,217,.35) !important;
  box-shadow:0 10px 22px rgba(109,40,217,.22) !important;
}
body.ubx-community-page .ubx-quick-tabs a{
  color:#334155 !important;
  border-color:rgba(109,40,217,.10) !important;
}
body.ubx-community-page .ubx-live-search input::placeholder{color:#64748b !important;}

/* Mobile readability: larger text without making the whole page clumsy. */
@media (max-width:700px){
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich{
    padding:13px !important;
    border-radius:20px !important;
  }
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy h2{
    font-size:20px !important;
    line-height:1.08 !important;
  }
  body.ubx-community-page .ubx-action-card.ubx-action-card-rich .ubx-action-copy p{
    font-size:12.4px !important;
    line-height:1.32 !important;
    font-weight:800 !important;
  }
  body.ubx-community-page .ubx-starter-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile,
  body.ubx-community-page button.ubx-start-pill.ubx-community-hub-tile{
    min-height:108px !important;
    padding:11px 10px 10px !important;
    border-radius:17px !important;
    gap:7px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:13px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-mini-icon svg{
    width:18px !important;
    height:18px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text{
    padding-right:14px !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text strong{
    font-size:14px !important;
    line-height:1.08 !important;
    margin-bottom:4px !important;
    letter-spacing:-.035em !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-tile-text small{
    font-size:11.2px !important;
    line-height:1.22 !important;
    font-weight:850 !important;
  }
  body.ubx-community-page .ubx-start-pill.ubx-community-hub-tile .ubx-start-count{
    top:9px !important;
    right:9px !important;
    min-width:22px !important;
    height:22px !important;
    font-size:10px !important;
  }
  body.ubx-community-page .ubx-filter-card{
    padding:12px !important;
    border-radius:20px !important;
  }
  body.ubx-community-page .ubx-filter-title{
    font-size:12px !important;
  }
  body.ubx-community-page .ubx-filter-value{
    font-size:15px !important;
    line-height:1.15 !important;
  }
  body.ubx-community-page .ubx-filter-open{
    min-height:44px !important;
    padding:0 18px !important;
    font-size:14px !important;
  }
  body.ubx-community-page .ubx-live-search{
    border-radius:19px !important;
  }
  body.ubx-community-page .ubx-live-search input{
    min-height:48px !important;
    font-size:14.2px !important;
    font-weight:780 !important;
  }
  body.ubx-community-page .ubx-quick-tabs{
    gap:8px !important;
    margin-bottom:14px !important;
  }
  body.ubx-community-page .ubx-quick-tabs a{
    min-height:38px !important;
    padding:0 14px !important;
    font-size:13.4px !important;
    font-weight:900 !important;
  }
  body.ubx-community-page .ubx-view-switch{
    padding:7px !important;
    margin:0 0 14px auto !important;
  }
  body.ubx-community-page .ubx-view-switch button{
    min-height:36px !important;
    padding:0 17px !important;
    font-size:13.4px !important;
    font-weight:950 !important;
  }
}

@media (max-width:480px){
  body.ubx-community-page.ubx-view-list .ubx-post-card{
    grid-template-columns:118px minmax(0,1fr) !important;
    min-height:136px !important;
    border-radius:20px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-media-carousel{
    width:118px !important;
    min-height:136px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-media-slide{
    min-height:136px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-post-body{
    padding:11px 10px 7px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-social-meta strong{
    font-size:13.8px !important;
    line-height:1.08 !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-social-meta span{
    font-size:11.8px !important;
    line-height:1.18 !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-badge{
    font-size:11.5px !important;
    padding:5px 9px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card h2{
    font-size:16.4px !important;
    line-height:1.15 !important;
    -webkit-line-clamp:2 !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-post-text{
    font-size:13.1px !important;
    line-height:1.32 !important;
    -webkit-line-clamp:2 !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-location-copy span{
    font-size:11.5px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .board-btn,
  body.ubx-community-page .ubx-reply-open{
    min-height:31px !important;
    font-size:12px !important;
  }
}


/* Community comfort polish v3 — better overview + easier mobile reading */

body.ubx-community-page .ubx-community-glance{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 14px !important;
}
body.ubx-community-page .ubx-glance-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
  padding:12px 12px 11px !important;
  border-radius:18px !important;
  text-decoration:none !important;
  color:#0f172a !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body.ubx-community-page .ubx-glance-card .ubx-glance-top{
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  color:#475569 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
}
body.ubx-community-page .ubx-glance-card strong{
  font-size:24px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.05em !important;
}
body.ubx-community-page .ubx-glance-card small{
  font-size:11.4px !important;
  line-height:1.2 !important;
  font-weight:780 !important;
  color:#475569 !important;
}
body.ubx-community-page .ubx-glance-card.is-active{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 28px rgba(15,23,42,.09) !important;
}
body.ubx-community-page .ubx-glance-card.is-all{background:linear-gradient(160deg,#f8fafc 0%,#ffffff 70%,#eff6ff 110%) !important;}
body.ubx-community-page .ubx-glance-card.is-issue{background:linear-gradient(160deg,#fff1f2 0%,#ffffff 70%,#ffe4e6 110%) !important;}
body.ubx-community-page .ubx-glance-card.is-market{background:linear-gradient(160deg,#fff7ed 0%,#ffffff 70%,#ffedd5 110%) !important;}
body.ubx-community-page .ubx-glance-card.is-question{background:linear-gradient(160deg,#f5f3ff 0%,#ffffff 70%,#ede9fe 110%) !important;}
body.ubx-community-page .ubx-glance-card.is-all.is-active{border-color:rgba(37,99,235,.28) !important;}
body.ubx-community-page .ubx-glance-card.is-issue.is-active{border-color:rgba(225,29,72,.28) !important;}
body.ubx-community-page .ubx-glance-card.is-market.is-active{border-color:rgba(217,119,6,.28) !important;}
body.ubx-community-page .ubx-glance-card.is-question.is-active{border-color:rgba(109,40,217,.28) !important;}

body.ubx-community-page .ubx-search-hint{
  margin:-2px 4px 12px !important;
  color:#64748b !important;
  font-size:12.2px !important;
  line-height:1.3 !important;
  font-weight:780 !important;
}

body.ubx-community-page .ubx-compose,
body.ubx-community-page .ubx-post-modal-panel,
body.ubx-community-page .ubx-replies-modal-panel,
body.ubx-community-page .ubx-sheet-panel{
  border-radius:24px !important;
}
body.ubx-community-page .ubx-compose .ubx-compose-head h2,
body.ubx-community-page .ubx-post-modal-head h2,
body.ubx-community-page .ubx-replies-modal-head h2,
body.ubx-community-page .ubx-sheet-head h2{
  font-size:24px !important;
  line-height:1.06 !important;
  letter-spacing:-.05em !important;
}
body.ubx-community-page .ubx-compose label,
body.ubx-community-page .ubx-sheet-panel h3{
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  color:#334155 !important;
}
body.ubx-community-page .ubx-compose input,
body.ubx-community-page .ubx-compose select,
body.ubx-community-page .ubx-compose textarea,
body.ubx-community-page .ubx-map-search input,
body.ubx-community-page .ubx-map-search button{
  font-size:15px !important;
  font-weight:760 !important;
}
body.ubx-community-page .ubx-compose input,
body.ubx-community-page .ubx-compose select{
  min-height:48px !important;
}
body.ubx-community-page .ubx-compose textarea{
  min-height:128px !important;
  line-height:1.42 !important;
}
body.ubx-community-page .ubx-compose .ubx-note{
  font-size:12px !important;
  line-height:1.35 !important;
}

body.ubx-community-page .ubx-community-card .ubx-actions-bottom{
  gap:8px !important;
}
body.ubx-community-page .ubx-community-card .ubx-share-btn,
body.ubx-community-page .ubx-community-card .board-btn,
body.ubx-community-page .ubx-community-card .ubx-reply-open,
body.ubx-community-page .ubx-thread-open{
  font-weight:900 !important;
}

@media (max-width:900px){
  body.ubx-community-page .ubx-community-glance{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
}
@media (max-width:700px){
  body.ubx-community-page .ubx-community-glance{
    margin:0 0 12px !important;
  }
  body.ubx-community-page .ubx-glance-card{
    padding:11px 11px 10px !important;
    border-radius:16px !important;
    min-height:88px !important;
  }
  body.ubx-community-page .ubx-glance-card .ubx-glance-top{
    font-size:10.5px !important;
  }
  body.ubx-community-page .ubx-glance-card strong{
    font-size:22px !important;
  }
  body.ubx-community-page .ubx-glance-card small{
    font-size:11px !important;
    line-height:1.18 !important;
  }
  body.ubx-community-page .ubx-search-hint{
    font-size:12.4px !important;
    margin:0 4px 12px !important;
  }
  body.ubx-community-page .ubx-compose,
  body.ubx-community-page .ubx-post-modal-panel,
  body.ubx-community-page .ubx-replies-modal-panel,
  body.ubx-community-page .ubx-sheet-panel{
    border-radius:20px !important;
  }
  body.ubx-community-page .ubx-compose .ubx-compose-head h2,
  body.ubx-community-page .ubx-post-modal-head h2,
  body.ubx-community-page .ubx-replies-modal-head h2,
  body.ubx-community-page .ubx-sheet-head h2{
    font-size:21px !important;
  }
  body.ubx-community-page .ubx-compose .ubx-compose-head p,
  body.ubx-community-page .ubx-post-modal-head p,
  body.ubx-community-page .ubx-replies-modal-head p,
  body.ubx-community-page .ubx-sheet-head p{
    font-size:12.6px !important;
    line-height:1.3 !important;
    font-weight:760 !important;
  }
  body.ubx-community-page .ubx-compose label,
  body.ubx-community-page .ubx-sheet-panel h3{
    font-size:13.3px !important;
  }
  body.ubx-community-page .ubx-compose input,
  body.ubx-community-page .ubx-compose select,
  body.ubx-community-page .ubx-compose textarea,
  body.ubx-community-page .ubx-map-search input,
  body.ubx-community-page .ubx-map-search button{
    font-size:16px !important;
  }
  body.ubx-community-page .ubx-compose input,
  body.ubx-community-page .ubx-compose select,
  body.ubx-community-page .ubx-map-search input,
  body.ubx-community-page .ubx-map-search button{
    min-height:50px !important;
  }
  body.ubx-community-page .ubx-compose textarea{
    min-height:136px !important;
    font-size:16px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-post-body{
    padding:12px 11px 8px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-social-meta strong{
    font-size:14.6px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-social-meta span{
    font-size:12.4px !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card h2{
    font-size:17px !important;
    line-height:1.16 !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-post-text{
    font-size:13.6px !important;
    line-height:1.35 !important;
  }
  body.ubx-community-page.ubx-view-list .ubx-community-card .board-btn,
  body.ubx-community-page.ubx-view-list .ubx-community-card .ubx-share-btn,
  body.ubx-community-page .ubx-thread-open,
  body.ubx-community-page .ubx-reply-open{
    min-height:34px !important;
    font-size:12.6px !important;
    padding:0 11px !important;
  }
}