/* ================================================================
   Zent-ic Product UI — Black / Neutral system
   Loaded last. Replaces residual blue/indigo UI accents and tightens
   the product into a calmer, large-platform-style visual language.
   ================================================================ */
:root{
  --ze-accent:#111111!important;
  --ze-accent-soft:#f3f4f6!important;
  --zc-blue:#111111!important;
  --zc-blue-2:#000000!important;
  --zc-blue-soft:#f3f4f6!important;
  --zc-indigo:#111111!important;
  --zentic-black:#111111!important;
  --zentic-black-hover:#272727!important;
  --z-black:#111111;
  --z-black-2:#242424;
  --z-neutral-900:#111827;
  --z-neutral-700:#374151;
  --z-neutral-600:#4b5563;
  --z-neutral-500:#6b7280;
  --z-neutral-300:#d1d5db;
  --z-neutral-200:#e5e7eb;
  --z-neutral-100:#f3f4f6;
  --z-neutral-50:#f9fafb;
  --z-surface:#ffffff;
  --z-bg:#f6f7f8;
  --z-radius:12px;
}
html,body{background:var(--z-bg)!important;color:var(--z-neutral-900)!important}
::selection{background:#111!important;color:#fff!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #111!important;outline-offset:2px!important}

/* remove blue/indigo from generic utility classes emitted by existing templates */
.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900,.text-indigo-500,.text-indigo-600,.text-indigo-700,.text-indigo-800,.text-zent-ic-primary,.hover\:text-blue-600:hover,.hover\:text-blue-700:hover,.hover\:text-blue-800:hover,.hover\:text-indigo-700:hover,.hover\:text-zent-ic-primary:hover{color:#111!important}
.bg-blue-50,.bg-blue-100,.bg-indigo-50,.bg-indigo-100{background:#f3f4f6!important}
.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-indigo-500,.bg-indigo-600,.bg-indigo-700,.bg-zent-ic-primary{background:#111!important;background-image:none!important}
.border-blue-200,.border-blue-300,.border-blue-500,.border-indigo-200{border-color:#d1d5db!important}
.hover\:bg-blue-50:hover,.hover\:bg-indigo-50:hover{background:#f3f4f6!important}
.hover\:border-blue-300:hover,.group:hover .group-hover\:border-indigo-200{border-color:#9ca3af!important}
.focus\:border-blue-500:focus,.focus\:border-blue-300:focus{border-color:#111!important}
.focus\:ring-blue-200:focus{--tw-ring-color:rgba(17,17,17,.12)!important}
.from-blue-500,.from-blue-600,.from-blue-700,.to-indigo-500,.to-indigo-600,.to-indigo-700,.via-indigo-500{--tw-gradient-from:#111!important;--tw-gradient-to:#111!important;--tw-gradient-stops:#111,#111!important;background-image:none!important}

/* product shell */
#app-sidebar{background:#fff!important;border-right:1px solid var(--z-neutral-200)!important}
#app-sidebar>.p-6{border-bottom:0!important;padding-top:20px!important}
#app-sidebar nav>button,#messages-hub-sidebar-btn,#saved-posts-sidebar-btn{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;margin-bottom:2px!important}
#app-sidebar nav>button:hover,#messages-hub-sidebar-btn:hover,#saved-posts-sidebar-btn:hover{background:var(--z-neutral-100)!important}
#app-sidebar nav>button>div,#messages-hub-sidebar-btn>div,#saved-posts-sidebar-btn>div{background:transparent!important;border:0!important;border-radius:8px!important;color:#111!important}
#app-sidebar .channel-active{background:#111!important;color:#fff!important}
#app-sidebar .channel-active svg,#app-sidebar .channel-active i{color:#fff!important}
#app-sidebar .channel-active::before{display:none!important}
#messages-hub-count,#saved-posts-count{background:#111!important;color:#fff!important;min-width:20px;min-height:20px;display:inline-flex;align-items:center;justify-content:center}
#messages-hub-count.hidden-view{display:none!important}
#sidebar-profile-area{box-shadow:none!important;border-color:var(--z-neutral-200)!important;border-radius:12px!important}
#sidebar-gear-icon{background:var(--z-neutral-100)!important;color:#111!important}

#main-workspace{background:var(--z-bg)!important}
#main-workspace>.flex-1{padding:0 20px!important}
.mobile-feed-container{max-width:760px!important;border-color:var(--z-neutral-200)!important;box-shadow:0 0 0 1px rgba(17,17,17,.01)!important}
.mobile-feed-container>header.glass-header{background:rgba(255,255,255,.98)!important;border-color:var(--z-neutral-200)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mobile-feed-container>header .w-11.h-11{border-radius:10px!important;border-color:var(--z-neutral-200)!important;color:#111!important}
.mobile-feed-container>header .w-11.h-11:hover{background:var(--z-neutral-100)!important;color:#111!important}

/* new feed navigation */
.zentic-feed-controls{position:sticky;top:0;z-index:18;background:rgba(255,255,255,.98);border-bottom:1px solid var(--z-neutral-200);display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0!important;min-height:54px;backdrop-filter:none;-webkit-backdrop-filter:none}
.zentic-feed-tabs{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}
.zentic-feed-tabs::-webkit-scrollbar{display:none}
.zentic-feed-tab{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:9px;color:var(--z-neutral-600);font-size:12.5px;font-weight:750;white-space:nowrap;background:transparent;transition:background-color .1s ease,color .1s ease}
.zentic-feed-tab:hover{background:var(--z-neutral-100);color:#111}
.zentic-feed-tab.is-active{background:#111;color:#fff}
.zentic-feed-tab i{font-size:11px}
.zentic-filter-button{height:38px;max-width:170px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--z-neutral-200);border-radius:9px;background:#fff;color:var(--z-neutral-600);font-size:11.5px;font-weight:750;white-space:nowrap;overflow:hidden}
.zentic-filter-button span{overflow:hidden;text-overflow:ellipsis}
.zentic-filter-button:hover{background:var(--z-neutral-100);color:#111;border-color:var(--z-neutral-300)}
.zentic-feed-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 24px;color:var(--z-neutral-600)}
.zentic-feed-empty>div{width:52px;height:52px;border-radius:50%;background:var(--z-neutral-100);display:flex;align-items:center;justify-content:center;font-size:20px;color:#111;margin-bottom:13px}
.zentic-feed-empty p{font-size:15px;font-weight:700;max-width:360px;color:var(--z-neutral-700)}

/* posts */
.z-post-card.zentic-x-post{padding:16px 16px 12px!important;border-color:var(--z-neutral-200)!important;background:#fff!important;content-visibility:auto;contain-intrinsic-size:180px}
.z-post-card.zentic-x-post:hover{background:#fafafa!important}
.zentic-post-topic-pill{border:0!important;background:var(--z-neutral-100)!important;color:var(--z-neutral-700)!important;font-weight:750!important}
.zentic-post-label-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:4px 0 6px}
.zentic-pinned-pill{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:#111;color:#fff;padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.01em}
.zentic-pinned-pill i{font-size:9px}
.zentic-post-action{color:var(--z-neutral-500)!important}
.zentic-post-action:hover{background:var(--z-neutral-100)!important;color:#111!important}
.zentic-post-action.is-saved,.zentic-action-save.is-saved,.zentic-post-action.is-pinned,.zentic-x-action.is-pinned{color:#111!important}
.zentic-post-action.is-saved .zentic-action-icon,.zentic-post-action.is-pinned .zentic-action-icon{background:var(--z-neutral-100)!important}
.zentic-action-like:hover{color:#e11d48!important}.zentic-action-like:hover .zentic-action-icon{background:#fff1f2!important}
#fab-compose{background:#111!important;border-radius:50%!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
#fab-compose:hover{background:#292929!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}
.zentic-post-score,.zentic-admin-seo-chip{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important}

/* compose */
#compose-modal>div{border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.16)!important}
#compose-modal>div>.p-4,#compose-modal>div>.sm\:p-6{background:#fff!important}
.zentic-post-editor{border-color:var(--z-neutral-200)!important;border-radius:12px!important;min-height:132px!important;background:#fff!important}
.zentic-post-editor:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important}
.rich-toolbar{background:var(--z-neutral-50)!important;border:1px solid var(--z-neutral-200)!important;border-radius:10px!important}
.rich-toolbar button{color:var(--z-neutral-700)!important;border-radius:7px!important}.rich-toolbar button:hover{background:var(--z-neutral-200)!important;color:#111!important}
.zentic-compose-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px;color:var(--z-neutral-500);font-size:10.5px;font-weight:650;margin-top:-4px}
#zentic-draft-hint{color:#111;font-weight:800}
#post-auto-localize-toggle{accent-color:#111!important}

/* messages */
.zentic-messages-hub-header{border-color:var(--z-neutral-200)!important}
.zentic-messages-search{background:var(--z-neutral-100)!important;border-color:transparent!important;border-radius:10px!important}
.zentic-messages-search:focus-within{background:#fff!important;border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.07)!important}
.messenger-person-card{position:relative;border-color:var(--z-neutral-200)!important}
.messenger-person-card:hover{background:var(--z-neutral-50)!important}
.messenger-person-card.has-unread{background:#fafafa!important}
.messenger-person-card.has-unread .messenger-row-name{font-weight:850!important;color:#111!important}
.messenger-row-bottom{display:flex;align-items:center;gap:10px;min-width:0}.messenger-row-preview{flex:1;min-width:0;margin:2px 0 0!important}
.zentic-unread-pill{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800}
body.zentic-dm-open #messages-container{background:#f5f5f5!important}
.zentic-chat-bubble{border:0!important;box-shadow:none!important}
.chat-bubble-me{background:#111!important;color:#fff!important;border-radius:15px 15px 4px 15px!important}
.chat-bubble-me a,.chat-bubble-me .zentic-rich-link{color:#fff!important;text-decoration:underline!important}
.chat-bubble-other{background:#fff!important;color:#111!important;border:1px solid var(--z-neutral-200)!important;border-radius:15px 15px 15px 4px!important}
.zentic-chat-send{background:#111!important}.zentic-chat-send:hover{background:#292929!important}
.zentic-dm-header-call:hover{background:var(--z-neutral-100)!important;color:#111!important}

/* notifications */
#notif-badge,#mobile-notif-badge{width:auto!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#111!important;color:#fff!important;border:2px solid #fff!important;font-size:8px!important;font-weight:850!important;line-height:14px!important;text-align:center!important}
#notif-badge{top:1px!important;right:-3px!important}#mobile-notif-badge{top:7px!important;right:7px!important}
.zentic-notif-icon{background:var(--z-neutral-100)!important;color:#111!important}
.zentic-notif-action.primary{background:#111!important;border-color:#111!important}
.zentic-notif-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--z-neutral-200);font-size:11px;font-weight:800;color:var(--z-neutral-500)}
.zentic-notif-toolbar button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--z-neutral-200);background:#fff;border-radius:8px;padding:7px 10px;color:#111;font-weight:800}.zentic-notif-toolbar button:hover{background:var(--z-neutral-100)}

/* people */
.zentic-people-search:focus,.zentic-filter-row select:focus,.zentic-filter-row input:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.07)!important}
.zentic-follow-btn{background:#111!important;border-color:#111!important}.zentic-follow-btn:hover{background:#292929!important}.zentic-follow-btn.zentic-following{background:#fff!important;color:#111!important;border-color:var(--z-neutral-300)!important}
.zentic-person-message-btn{color:#111!important}

/* profiles */
.zentic-profile-cover{background:linear-gradient(135deg,#111 0%,#27272a 50%,#3f3f46 100%)!important}
.zentic-profile-follow:not(.following){background:#111!important;color:#fff!important;border-color:#111!important}
.zentic-profile-follow.following{background:#fff!important;color:#111!important;border-color:var(--z-neutral-300)!important}
.zentic-profile-circle-btn:hover{background:var(--z-neutral-100)!important;color:#111!important}

/* settings / communities */
.zentic-settings-section{border-color:var(--z-neutral-200)!important;box-shadow:none!important}.zentic-settings-section h4{color:#111!important}
.zentic-settings-switches input:checked{accent-color:#111!important}
.zentic-community-settings-panel .o-input:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.06)!important}
.nav-item-active>div{background:#111!important;background-image:none!important;color:#fff!important;box-shadow:none!important}

/* auth / first impression */
#auth-overlay{background:#fff!important}
.zentic-auth-brand{background:#0b0b0b!important;background-image:radial-gradient(circle at 18% 10%,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,#090909,#171717)!important}
.zentic-auth-mark,.zentic-auth-login-mark{background:#fff!important;color:#111!important;border:1px solid rgba(255,255,255,.18)!important}
.zentic-auth-login-mark{background:#111!important;color:#fff!important;border:0!important}
#auth-overlay .o-input:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important}
#auth-overlay .o-btn{background:#111!important}#auth-overlay .o-btn:hover{background:#292929!important}

/* right rail */
#right-sidebar{background:var(--z-bg)!important}#right-sidebar>.z-post-card{border-color:var(--z-neutral-200)!important;box-shadow:none!important}
#btn-rs-settings{background:#111!important}

/* mobile: prioritize responsiveness over effects */
@media(max-width:800px){
  html,body,#main-workspace{background:#fff!important}
  #main-workspace>.flex-1{padding:0!important}
  .mobile-feed-container{border:0!important}
  .zentic-feed-controls{min-height:50px;padding:6px 7px;gap:5px}
  .zentic-feed-tab{height:36px;padding:0 10px;font-size:11.5px}.zentic-feed-tab i{display:none}
  .zentic-filter-button{width:36px;min-width:36px;padding:0;justify-content:center}.zentic-filter-button span{display:none}
  .z-post-card.zentic-x-post{padding:12px 11px 9px!important;contain:layout paint style}
  nav.glass-nav button:first-child{color:#111!important}
  #fab-compose{right:13px!important}
  .zentic-chat-row{contain:layout paint style}
  .zentic-chat-bubble{max-width:88%!important}
  #compose-modal>div{border-radius:0!important;box-shadow:none!important}
  .zentic-notif-toolbar{padding-top:calc(10px + env(safe-area-inset-top))}
  *{scroll-behavior:auto!important}
}
@media(max-width:420px){
  .zentic-feed-tab{padding:0 9px}.zentic-feed-tabs{gap:1px}
  .zentic-feed-tab span{font-size:11px}
}
.zentic-sidebar-mark{width:38px;height:38px;flex:0 0 38px;margin-right:11px;border-radius:10px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;letter-spacing:-.04em}