/* ================================================================
   Zent-ic Corporate UI 2026-08-16
   Pure visual layer: no event handlers, data flows or app logic changed.
   ================================================================ */
:root{
  --zc-bg:#f5f7fa;
  --zc-surface:#ffffff;
  --zc-surface-2:#f8fafc;
  --zc-surface-3:#f1f5f9;
  --zc-ink:#0f172a;
  --zc-ink-2:#334155;
  --zc-muted:#64748b;
  --zc-faint:#94a3b8;
  --zc-border:#e2e8f0;
  --zc-border-soft:#edf1f5;
  --zc-blue:#2563eb;
  --zc-blue-2:#1d4ed8;
  --zc-blue-soft:#eff6ff;
  --zc-indigo:#4f46e5;
  --zc-green:#16a34a;
  --zc-red:#dc2626;
  --zc-amber:#d97706;
  --zc-r-sm:10px;
  --zc-r:14px;
  --zc-r-lg:18px;
  --zc-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --zc-shadow-sm:0 4px 16px rgba(15,23,42,.06);
  --zc-shadow-md:0 18px 48px rgba(15,23,42,.12);
}
html,body{
  background:var(--zc-bg)!important;
  color:var(--zc-ink)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  letter-spacing:-.005em;
}
body{font-synthesis:none;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
::selection{background:#dbeafe;color:#172554}

/* ===== APP SHELL ===== */
#main-workspace{background:var(--zc-bg)!important}
#app-sidebar{
  width:264px!important;min-width:264px!important;max-width:264px!important;
  background:#fff!important;border-right:1px solid var(--zc-border)!important;
  box-shadow:none!important;
}
#app-sidebar>.p-6{
  min-height:78px!important;margin:0!important;padding:18px 18px!important;
  border-bottom:1px solid var(--zc-border-soft)!important;
}
#app-sidebar>.p-6 img{width:38px!important;height:38px!important;margin-right:11px!important;filter:none!important}
#app-sidebar>.p-6 span.text-2xl{font-size:22px!important;font-weight:800!important;letter-spacing:-.035em!important}
#app-sidebar nav{padding:14px 12px 10px!important;gap:3px!important}
#app-sidebar nav>button,#messages-hub-sidebar-btn{
  min-height:48px!important;margin:0!important;padding:8px 10px!important;
  border:1px solid transparent!important;border-radius:12px!important;
  background:transparent!important;box-shadow:none!important;color:var(--zc-ink-2)!important;
}
#app-sidebar nav>button:hover,#messages-hub-sidebar-btn:hover{background:#f8fafc!important;border-color:#f1f5f9!important}
#app-sidebar nav>button>div,#messages-hub-sidebar-btn>div{
  width:36px!important;height:36px!important;flex-basis:36px!important;margin-right:11px!important;
  border-radius:10px!important;background:#f1f5f9!important;color:#475569!important;
  box-shadow:none!important;font-size:15px!important;
}
#global-nav-container{margin:2px 0 4px!important}
#app-sidebar .channel-item{
  position:relative!important;min-height:44px!important;padding:0 12px!important;border-radius:11px!important;
  color:#475569!important;font-size:14.5px!important;transition:background-color .12s ease,color .12s ease!important;
}
#app-sidebar .channel-item svg{color:#64748b!important}
#app-sidebar .channel-active{background:#eef4ff!important;color:#1747b0!important;font-weight:750!important}
#app-sidebar .channel-active svg{color:#2563eb!important}
#app-sidebar .channel-active::before{content:"";position:absolute;left:3px;top:11px;bottom:11px;width:3px;border-radius:99px;background:#2563eb}
#messages-hub-sidebar-btn{margin-top:2px!important;margin-bottom:8px!important}
#messages-hub-count{background:#eef2ff!important;color:#3730a3!important;font-size:10px!important;min-width:22px;text-align:center}
#app-sidebar nav .text-\[12px\]{font-size:10.5px!important;letter-spacing:.11em!important;color:#94a3b8!important;margin-top:18px!important}
#communities-list{padding-bottom:8px!important}
#sidebar-profile-area{
  margin:8px 12px 12px!important;padding:9px 10px!important;min-height:62px!important;
  border:1px solid var(--zc-border)!important;border-radius:14px!important;background:#fff!important;
  box-shadow:var(--zc-shadow-xs)!important;
}
#sidebar-profile-area:hover{background:#f8fafc!important;border-color:#cbd5e1!important}
#sidebar-gear-icon{width:34px!important;height:34px!important;background:#f1f5f9!important;color:#64748b!important}

/* Center column becomes a deliberate product surface instead of a floating card */
#main-workspace>.flex-1{padding:0 18px!important}
.mobile-feed-container{
  width:100%!important;max-width:760px!important;padding:0!important;
  background:#fff!important;border-left:1px solid var(--zc-border)!important;border-right:1px solid var(--zc-border)!important;
}
.mobile-feed-container>header.glass-header{
  min-height:76px!important;margin:0!important;padding:13px 18px!important;border:0!important;border-bottom:1px solid var(--zc-border)!important;
  border-radius:0!important;background:rgba(255,255,255,.97)!important;box-shadow:none!important;
  backdrop-filter:saturate(130%) blur(8px)!important;-webkit-backdrop-filter:saturate(130%) blur(8px)!important;
}
.mobile-feed-container>header #chat-header-name{font-size:20px!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--zc-ink)!important}
.mobile-feed-container>header #chat-header-desc{font-size:12px!important;font-weight:600!important;color:var(--zc-muted)!important;margin-top:1px!important}
.mobile-feed-container>header .w-11.h-11{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  border:1px solid var(--zc-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:#475569!important;
}
.mobile-feed-container>header .w-11.h-11:hover{background:#f8fafc!important;color:#1d4ed8!important;border-color:#cbd5e1!important}
.zentic-legal-top{gap:8px!important}
.zentic-legal-top a{font-size:10px!important;font-weight:700!important;letter-spacing:.04em!important;color:#94a3b8!important;border:0!important;background:transparent!important;padding:4px 2px!important}
.zentic-legal-top a:hover{color:#475569!important}
#messages-container{background:#fff!important;padding-top:0!important;padding-bottom:28px!important;scroll-behavior:auto!important}

/* ===== FEED / POSTS ===== */
.z-post-card.zentic-x-post{
  position:relative!important;margin:0!important;padding:17px 18px 14px!important;
  border:0!important;border-bottom:1px solid var(--zc-border-soft)!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;transition:background-color .12s ease!important;
}
.z-post-card.zentic-x-post:hover{background:#fbfdff!important}
.z-post-card.zentic-x-post>.flex{gap:12px!important}
.z-post-card.zentic-x-post .w-12.h-12{
  width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;
  border:1px solid #dbe2ea!important;box-shadow:none!important;
}
.zentic-post-text{font-size:15.5px!important;line-height:1.52!important;color:#172033!important;font-weight:430!important;letter-spacing:0!important}
.zentic-post-topic-pill{
  display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:3px 9px!important;
  border:1px solid #dbeafe!important;border-radius:999px!important;background:#f4f8ff!important;color:#315dba!important;
  font-size:10px!important;font-weight:750!important;letter-spacing:.01em!important;
}
.zentic-post-action{
  min-width:38px!important;min-height:34px!important;padding:0 7px!important;border-radius:9px!important;
  color:#64748b!important;background:transparent!important;transition:background-color .1s ease,color .1s ease!important;
}
.zentic-post-action:hover{background:#f1f5f9!important;color:#334155!important}
.zentic-post-action:active{background:#e2e8f0!important}
.media-image,.zentic-x-post video{border:1px solid var(--zc-border)!important;border-radius:14px!important;box-shadow:none!important;background:#f8fafc!important}
.zentic-post-score,.zentic-admin-seo-chip{border-radius:8px!important;box-shadow:none!important;font-size:10px!important}
#fab-compose{
  width:52px!important;height:52px!important;right:20px!important;bottom:24px!important;
  border-radius:14px!important;background:#1d4ed8!important;box-shadow:0 10px 25px rgba(37,99,235,.26)!important;
  transform:none!important;font-size:18px!important;
}
#fab-compose:hover{background:#1e40af!important;box-shadow:0 12px 30px rgba(37,99,235,.32)!important;transform:translateY(-1px)!important}

/* ===== RIGHT RAIL ===== */
#right-sidebar{width:334px!important;min-width:334px!important;max-width:334px!important;padding:16px 18px 16px 0!important;background:var(--zc-bg)!important}
#right-sidebar>.z-post-card{
  border:1px solid var(--zc-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--zc-shadow-xs)!important;
}
#right-sidebar>.z-post-card:first-of-type{padding:24px!important}
#rs-icon-container{width:68px!important;height:68px!important;margin-bottom:14px!important;background:#f8fafc!important;border:1px solid var(--zc-border)!important;box-shadow:none!important;font-size:30px!important}
#rs-name{font-size:19px!important;letter-spacing:-.025em!important}
#rs-desc{font-size:13px!important;line-height:1.5!important;color:#64748b!important;margin-bottom:18px!important}
#btn-rs-settings{min-height:40px!important;border-radius:10px!important;background:#0f172a!important;font-size:13px!important}
#desktop-trending-container{padding:18px!important}
#desktop-trending-container h4{font-size:11px!important;color:#64748b!important;letter-spacing:.08em!important}
#desktop-trending-list{font-size:13px!important}

/* ===== MESSAGING ===== */
.zentic-messages-hub{background:#fff!important}
.zentic-messages-hub-header{
  min-height:64px!important;padding:10px 13px!important;background:#fff!important;border-bottom:1px solid var(--zc-border)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.zentic-messages-toolbar{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important}
.zentic-hub-icon-btn,.zentic-new-message-plus{
  width:38px!important;height:38px!important;border:1px solid var(--zc-border)!important;border-radius:10px!important;
  background:#fff!important;color:#475569!important;box-shadow:none!important;
}
.zentic-hub-icon-btn:hover,.zentic-new-message-plus:hover{background:#f8fafc!important;color:#1d4ed8!important}
.zentic-messages-search{
  height:40px!important;border:1px solid #dbe2ea!important;border-radius:10px!important;background:#f8fafc!important;padding:0 12px!important;
  box-shadow:none!important;
}
.zentic-messages-search:focus-within{background:#fff!important;border-color:#93b4ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
.zentic-messages-search input{font-size:13.5px!important;color:#172033!important}
.messenger-person-card{
  min-height:70px!important;padding:10px 15px!important;gap:12px!important;border:0!important;border-bottom:1px solid var(--zc-border-soft)!important;
  border-radius:0!important;background:#fff!important;box-shadow:none!important;
}
.messenger-person-card:hover{background:#f8fafc!important}
.messenger-avatar{width:46px!important;height:46px!important;flex-basis:46px!important;border:1px solid #dbe2ea!important;background:#f1f5f9!important}
.messenger-row-name{font-size:14px!important;font-weight:750!important;color:#0f172a!important}
.messenger-row-time{font-size:10px!important;color:#94a3b8!important}
.messenger-row-preview{font-size:12.5px!important;color:#64748b!important;margin-top:3px!important}
body.zentic-dm-open #messages-container{background:#f5f7fa!important;padding-top:12px!important}
.zentic-chat-row{padding-left:14px!important;padding-right:14px!important;margin-bottom:4px!important}
.zentic-chat-bubble{
  max-width:min(76%,560px)!important;border:1px solid #e2e8f0!important;border-radius:14px!important;
  box-shadow:none!important;font-size:14.5px!important;line-height:1.43!important;padding:9px 11px!important;
}
.chat-bubble-me{background:#eaf2ff!important;border-color:#d9e6ff!important;color:#13294b!important;border-bottom-right-radius:5px!important}
.chat-bubble-other{background:#fff!important;color:#172033!important;border-bottom-left-radius:5px!important}
.zentic-chat-composer{background:#fff!important;border-top:1px solid var(--zc-border)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.zentic-chat-composer-row{gap:8px!important}
.zentic-chat-tool-btn{width:42px!important;height:42px!important;border:1px solid var(--zc-border)!important;background:#f8fafc!important;color:#64748b!important;box-shadow:none!important}
.zentic-chat-input-shell{min-height:44px!important;border:1px solid #dbe2ea!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
#chat-input{min-height:44px!important;height:44px!important;padding:11px 50px 10px 13px!important;font-size:15px!important}
.zentic-chat-send{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;right:5px!important;bottom:5px!important;background:#2563eb!important;box-shadow:none!important}

/* ===== PEOPLE DIRECTORY ===== */
#user-search-modal{background:rgba(15,23,42,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#user-search-modal>div{
  max-width:980px!important;height:min(820px,88dvh)!important;background:#fff!important;border:1px solid var(--zc-border)!important;
  border-radius:18px!important;box-shadow:var(--zc-shadow-md)!important;
}
.zentic-people-hero{
  margin:0!important;padding:18px 20px!important;min-height:82px!important;border-radius:0!important;
  background:#0f172a!important;color:#fff!important;box-shadow:none!important;
}
.zentic-people-hero .w-14.h-14{width:42px!important;height:42px!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;font-size:17px!important}
.zentic-people-hero h3{font-size:21px!important;font-weight:800!important;letter-spacing:-.025em!important}
.zentic-people-hero p{font-size:12.5px!important;font-weight:500!important;color:#cbd5e1!important}
.zentic-people-hero>button{width:38px!important;height:38px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important}
.zentic-people-search-wrap{margin:14px 16px 8px!important;border:1px solid #dbe2ea!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:none!important}
.zentic-people-search{min-height:46px!important;padding-left:44px!important;font-size:14px!important;color:#172033!important}
.zentic-people-filters{margin:0 16px 12px!important;padding:10px!important;border:1px solid var(--zc-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.zentic-filter-row{gap:8px!important}
.zentic-filter-row label{font-size:9px!important;letter-spacing:.06em!important;color:#64748b!important}
.zentic-filter-row select,.zentic-filter-row input{min-height:38px!important;border:1px solid #dbe2ea!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;font-size:12.5px!important}
.zentic-people-shell{padding:0 16px 16px!important;background:#fff!important}
.zentic-directory-summary{padding:8px 2px!important;font-size:10.5px!important;color:#94a3b8!important}
.zentic-people-list{border:1px solid var(--zc-border)!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}
.zentic-person-row{padding:12px 13px!important;gap:12px!important;border:0!important;border-bottom:1px solid var(--zc-border-soft)!important;background:#fff!important;box-shadow:none!important}
.zentic-person-row:hover{background:#fafcff!important}
.zentic-person-row-avatar{width:44px!important;height:44px!important;flex-basis:44px!important;border:1px solid #dbe2ea!important}
.zentic-person-name{font-size:13.5px!important;font-weight:750!important;color:#0f172a!important}
.zentic-person-handle{font-size:11.5px!important;color:#94a3b8!important}
.zentic-person-bio{font-size:12.5px!important;line-height:1.45!important;color:#475569!important;margin-top:5px!important}
.zentic-person-inline-meta{font-size:10.5px!important;color:#94a3b8!important;gap:10px!important}
.zentic-person-topics span{border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#64748b!important;font-size:9px!important}
.zentic-follow-btn{height:34px!important;min-width:76px!important;padding:0 14px!important;border-radius:9px!important;background:#0f172a!important;border-color:#0f172a!important;font-size:11.5px!important;box-shadow:none!important}
.zentic-follow-btn.zentic-following{background:#fff!important;color:#334155!important;border-color:#cbd5e1!important}
.zentic-more-info-btn,.zentic-person-message-btn{min-height:32px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important}
.zentic-person-expanded{border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important}
#user-search-pagination{padding:12px 16px!important;background:#fff!important;border-top:1px solid var(--zc-border)!important}

/* ===== PROFILE ===== */
#profile-modal{background:rgba(15,23,42,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.zentic-profile-shell{
  width:min(760px,calc(100vw - 32px))!important;max-height:min(900px,calc(100dvh - 28px))!important;
  border:1px solid var(--zc-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--zc-shadow-md)!important;overflow:hidden!important;
}
.zentic-profile-topbar{height:58px!important;padding:0 16px!important;border-bottom:1px solid var(--zc-border)!important;background:rgba(255,255,255,.98)!important}
.zentic-profile-topbar strong{font-size:15px!important;font-weight:800!important;color:#0f172a!important}
.zentic-profile-circle-btn{width:36px!important;height:36px!important;border:1px solid var(--zc-border)!important;border-radius:10px!important;background:#fff!important;color:#64748b!important;box-shadow:none!important}
.zentic-profile-circle-btn:hover{background:#f8fafc!important;color:#1e40af!important}
.zentic-profile-cover{height:166px!important;background:linear-gradient(125deg,#0f172a 0%,#1e3a5f 52%,#315fb5 100%)!important;position:relative!important}
.zentic-profile-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.15),transparent 28%),linear-gradient(90deg,transparent,rgba(255,255,255,.035));pointer-events:none}
.zentic-profile-body{padding:0 22px 24px!important;background:#fff!important}
.zentic-profile-avatar-actions{min-height:66px!important}
.zentic-profile-avatar{width:108px!important;height:108px!important;flex-basis:108px!important;margin-top:-54px!important;border:4px solid #fff!important;background:#f1f5f9!important;box-shadow:0 2px 8px rgba(15,23,42,.12)!important}
.zentic-profile-actions{gap:8px!important;padding-top:10px!important}
.zentic-profile-actions button{min-height:36px!important;border-radius:9px!important;padding:0 14px!important;font-size:12px!important;box-shadow:none!important}
.zentic-profile-identity{margin-top:6px!important}
.zentic-profile-identity h3{font-size:24px!important;font-weight:820!important;letter-spacing:-.03em!important;color:#0f172a!important}
.zentic-profile-identity p{font-size:13px!important;color:#64748b!important;margin-top:1px!important}
.zentic-profile-bio{font-size:14px!important;line-height:1.55!important;color:#334155!important;margin-top:13px!important;max-width:670px!important}
.zentic-profile-meta{font-size:11.5px!important;color:#64748b!important;margin-top:10px!important}
.zentic-profile-network{font-size:12.5px!important;color:#64748b!important;margin-top:12px!important}
.zentic-profile-network strong{color:#0f172a!important}
.zentic-profile-role{display:inline-flex!important;margin-top:12px!important;border:1px solid #dbeafe!important;border-radius:8px!important;background:#f4f8ff!important;color:#315dba!important;padding:5px 9px!important;font-size:10px!important;font-weight:750!important}
.zentic-profile-details{gap:8px!important;margin-top:14px!important}
.zentic-profile-details>*{border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;box-shadow:none!important}
.zentic-profile-post-section{margin:20px -22px -24px!important;border-top:1px solid var(--zc-border)!important;background:#fff!important}
.zentic-profile-post-heading-row{height:50px!important;padding:0 22px!important;border-bottom:1px solid var(--zc-border-soft)!important}
.zentic-profile-post-heading-row h4{font-size:13px!important;font-weight:800!important;color:#334155!important}
.zentic-profile-post-card{padding:14px 22px!important;border:0!important;border-bottom:1px solid var(--zc-border-soft)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}

/* ===== COMMUNITY / EXPLORE / SETTINGS ===== */
#explore-modal,#settings-modal,#compose-modal,#post-search-modal,#single-post-modal,#info-modal{
  background:rgba(15,23,42,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#explore-modal>div,#settings-modal>div,#compose-modal>div,#post-search-modal>div,#info-modal>div{
  border:1px solid var(--zc-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--zc-shadow-md)!important;overflow:hidden!important;
}
#explore-modal>div{max-width:820px!important}
#explore-modal>div>.p-6,#explore-modal>div>.sm\:p-8{padding:18px 20px!important;border-bottom:1px solid var(--zc-border)!important}
#explore-modal .w-14.h-14{width:42px!important;height:42px!important;border-radius:11px!important;background:#eff6ff!important;color:#2563eb!important;box-shadow:none!important}
#explore-modal h3{font-size:21px!important}.o-input,#explore-search,#global-search-input{border:1px solid #dbe2ea!important;border-radius:10px!important;background:#f8fafc!important;box-shadow:none!important}
#explore-list,#search-results-list{background:#f8fafc!important}
.zentic-community-card{border:1px solid var(--zc-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transition:border-color .12s ease,background-color .12s ease!important}
.zentic-community-card:hover{border-color:#cbd5e1!important;background:#fcfdff!important;transform:none!important}
.zentic-community-settings-panel{border:1px solid var(--zc-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.zentic-settings-section{padding:16px!important;border-bottom:1px solid var(--zc-border-soft)!important;background:#fff!important}
.zentic-settings-section h4{font-size:13px!important;color:#0f172a!important}
.zentic-settings-switches>label{min-height:48px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;box-shadow:none!important}
.zentic-settings-section .o-input{border:1px solid #dbe2ea!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}

/* Compose */
#compose-modal>div{max-width:650px!important}
#compose-modal textarea{font-size:16px!important;line-height:1.5!important;color:#172033!important}
#compose-modal button[type="submit"]{border-radius:10px!important;background:#1d4ed8!important;box-shadow:none!important}
#compose-modal button[type="submit"]:hover{background:#1e40af!important}

/* Generic action buttons */
.o-btn{border-radius:10px!important;background:#1d4ed8!important;box-shadow:none!important;font-weight:750!important}
.o-btn:hover{background:#1e40af!important;box-shadow:none!important}
.o-btn-outline{border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:#334155!important}
.o-btn-outline:hover{background:#f8fafc!important;border-color:#94a3b8!important}

/* ===== NOTIFICATIONS ===== */
#notifications-modal{background:rgba(15,23,42,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#notifications-modal>div{border:1px solid var(--zc-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--zc-shadow-md)!important}
#notifications-modal>div>.p-6{padding:16px 18px!important;border-bottom:1px solid var(--zc-border)!important;background:#fff!important}
.zentic-notif-row{padding:13px 16px!important;border-bottom:1px solid var(--zc-border-soft)!important;background:#fff!important}
.zentic-notif-row:hover{background:#fafcff!important}
.zentic-notif-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:10px!important;background:#eff6ff!important;color:#2563eb!important}
.zentic-notif-copy>strong{font-size:13.5px!important}.zentic-notif-copy p{font-size:12.5px!important;color:#64748b!important}
.zentic-notif-action,.zentic-notif-dismiss{border-radius:8px!important}

/* ===== AUTH / FIRST IMPRESSION ===== */
#auth-overlay{
  grid-template-columns:minmax(460px,1.08fr) minmax(420px,.92fr)!important;
  background:#fff!important;
}
.zentic-auth-brand{
  padding:clamp(42px,5.5vw,82px)!important;
  background:linear-gradient(145deg,#07111f 0%,#0d1b31 50%,#17365d 100%)!important;
}
.zentic-auth-brand::before{width:680px!important;height:680px!important;right:-250px!important;top:-260px!important;background:radial-gradient(circle,rgba(59,130,246,.32),rgba(59,130,246,0) 67%)!important}
.zentic-auth-brand::after{background-size:56px 56px!important;opacity:.6!important}
.zentic-auth-wordmark{font-size:22px!important;font-weight:820!important;letter-spacing:-.03em!important}
.zentic-auth-mark{width:40px!important;height:40px!important;border-radius:12px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.zentic-auth-copy{max-width:670px!important}
.zentic-auth-eyebrow{min-height:28px!important;padding:0 10px!important;border-radius:8px!important;background:rgba(255,255,255,.055)!important;color:#cbd5e1!important;font-size:10px!important}
.zentic-auth-copy h1{margin:21px 0 17px!important;font-size:clamp(42px,4.4vw,68px)!important;line-height:1.01!important;letter-spacing:-.052em!important;font-weight:820!important}
.zentic-auth-copy p{max-width:560px!important;font-size:16px!important;line-height:1.62!important;color:#c7d2e1!important}
.zentic-auth-capabilities{gap:8px!important;margin-top:30px!important}.zentic-auth-capabilities span{border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:#e2e8f0!important;font-size:11.5px!important;padding:9px 11px!important}
#auth-overlay>#login-view,#auth-overlay>#register-view,#auth-overlay>#verify-email-view{
  width:min(430px,calc(100% - 54px))!important;max-width:430px!important;padding:34px 32px!important;
  border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 64px rgba(15,23,42,.1)!important;
}
.zentic-auth-login-mark{width:54px!important;height:54px!important;border-radius:14px!important;background:#0f172a!important;font-size:25px!important;box-shadow:0 8px 22px rgba(15,23,42,.16)!important}
#auth-overlay h2{font-size:27px!important;letter-spacing:-.035em!important;color:#0f172a!important}
#auth-overlay .o-input{min-height:48px!important;border:1px solid #dbe2ea!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--zc-shadow-xs)!important}
#auth-overlay .o-input:focus{border-color:#80a8ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.09)!important}
#auth-overlay .o-btn{min-height:48px!important;background:#0f172a!important;border-radius:10px!important}
#auth-overlay .o-btn:hover{background:#1e293b!important}
#close-auth-btn{width:40px!important;height:40px!important;border-radius:10px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:var(--zc-shadow-sm)!important;color:#475569!important}

/* ===== MOBILE ===== */
@media(max-width:1023px){
  #main-workspace>.flex-1{padding:0!important}
  #app-sidebar{width:min(88vw,310px)!important;min-width:0!important;max-width:310px!important;box-shadow:18px 0 48px rgba(15,23,42,.15)!important}
  .mobile-feed-container{max-width:none!important;border:0!important}
}
@media(max-width:800px){
  html,body,#main-workspace{background:#fff!important}
  #main-workspace{height:100dvh!important;min-height:100dvh!important}
  .mobile-feed-container{height:100dvh!important;padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
  .mobile-feed-container>header.glass-header{
    min-height:56px!important;height:56px!important;padding:6px 10px!important;border-bottom:1px solid var(--zc-border)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;
  }
  .mobile-feed-container>header #chat-header-name-mobile{font-size:15.5px!important;font-weight:800!important}
  .mobile-feed-container>header #chat-header-desc-mobile{font-size:10.5px!important;font-weight:600!important;color:#94a3b8!important}
  #mobile-profile-btn{width:36px!important;height:36px!important;border:1px solid #dbe2ea!important;background:#f8fafc!important}
  #messages-container{padding-bottom:10px!important}
  .z-post-card.zentic-x-post{padding:13px 12px 10px!important}
  .z-post-card.zentic-x-post>.flex{gap:10px!important}
  .z-post-card.zentic-x-post .w-12.h-12{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
  .zentic-post-text{font-size:14.75px!important;line-height:1.5!important}
  .zentic-post-action{min-width:36px!important;min-height:34px!important;padding:0 5px!important}
  #fab-compose{width:50px!important;height:50px!important;right:14px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;border-radius:14px!important}
  nav.glass-nav{
    height:calc(62px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important;
    border-top:1px solid var(--zc-border)!important;background:#fff!important;box-shadow:0 -2px 10px rgba(15,23,42,.04)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  nav.glass-nav button{color:#64748b!important;transition:none!important}nav.glass-nav button:first-child{color:#1d4ed8!important}
  nav.glass-nav svg,nav.glass-nav i{font-size:20px!important}
  #sidebar-overlay{background:rgba(15,23,42,.34)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

  /* messages take the whole phone like a native messenger */
  body.zentic-messages-hub-open .mobile-feed-container,body.zentic-dm-open .mobile-feed-container{height:var(--zentic-vh,100dvh)!important;padding-bottom:0!important}
  body.zentic-messages-hub-open nav.glass-nav,body.zentic-dm-open nav.glass-nav{display:none!important}
  .zentic-messages-hub-header{padding:7px 9px!important;min-height:54px!important}.zentic-messages-toolbar{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:7px!important}
  .zentic-messages-search{height:38px!important}.messenger-person-card{min-height:66px!important;padding:9px 11px!important}.messenger-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}
  body.zentic-dm-open #messages-container{padding-top:8px!important;background:#f5f7fa!important}
  .zentic-chat-row{padding-left:8px!important;padding-right:8px!important}.zentic-chat-bubble{max-width:86%!important;font-size:14px!important}.msg-actions{display:none!important}
  .zentic-chat-composer{padding:8px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}.zentic-chat-tool-btn{width:40px!important;height:40px!important}.zentic-chat-input-shell{min-height:42px!important}#chat-input{font-size:16px!important;min-height:42px!important;height:42px!important;padding-top:9px!important;padding-bottom:9px!important}

  /* mobile directory/profile are native full-screen sheets */
  #user-search-modal{padding:0!important;background:#fff!important}#user-search-modal>div{width:100%!important;max-width:none!important;height:var(--zentic-vh,100dvh)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .zentic-people-hero{min-height:64px!important;padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important}.zentic-people-hero .w-14.h-14{display:none!important}.zentic-people-hero h3{font-size:18px!important}.zentic-people-hero p{font-size:11px!important}
  .zentic-people-search-wrap{margin:9px 10px 7px!important}.zentic-people-filters{margin:0 10px 8px!important;padding:7px!important;overflow-x:auto!important}.zentic-filter-row{display:flex!important;min-width:max-content!important;gap:6px!important}.zentic-filter-row label{width:128px!important;flex:0 0 128px!important}.zentic-people-shell{padding:0 10px calc(10px + env(safe-area-inset-bottom))!important}.zentic-person-row{padding:10px!important}.zentic-person-row-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
  #profile-modal{padding:0!important;background:#fff!important}.zentic-profile-shell{width:100%!important;max-width:none!important;height:var(--zentic-vh,100dvh)!important;max-height:var(--zentic-vh,100dvh)!important;border:0!important;border-radius:0!important;box-shadow:none!important}.zentic-profile-topbar{padding-top:env(safe-area-inset-top)!important;height:calc(55px + env(safe-area-inset-top))!important}.zentic-profile-cover{height:130px!important}.zentic-profile-body{padding:0 14px 18px!important}.zentic-profile-avatar{width:88px!important;height:88px!important;flex-basis:88px!important;margin-top:-44px!important}.zentic-profile-identity h3{font-size:21px!important}.zentic-profile-post-section{margin:18px -14px -18px!important}.zentic-profile-post-heading-row{padding:0 14px!important}.zentic-profile-post-card{padding:13px 14px!important}
  #notifications-modal{padding:0!important;align-items:stretch!important;background:#fff!important}#notifications-modal>div{width:100%!important;max-width:none!important;height:var(--zentic-vh,100dvh)!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  #explore-modal,#settings-modal,#compose-modal,#post-search-modal,#single-post-modal,#info-modal{padding:0!important;background:#fff!important;align-items:stretch!important}
  #explore-modal>div,#settings-modal>div,#compose-modal>div,#post-search-modal>div,#info-modal>div{width:100%!important;max-width:none!important;height:var(--zentic-vh,100dvh)!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}

  /* performance: avoid expensive visual layers on phones */
  .glass-header,.glass-nav,.modal-overlay,.z-post-card,.shadow-soft,.shadow-floating{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
  .group:hover *{transform:none!important}
}
@media(max-width:900px){
  #auth-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:#f8fafc!important}
  #auth-overlay.hidden-view{display:none!important}.zentic-auth-brand{display:none!important}
  #auth-overlay>#login-view,#auth-overlay>#register-view,#auth-overlay>#verify-email-view{width:min(430px,100%)!important;max-width:430px!important;padding:26px 22px!important;border-radius:16px!important;box-shadow:none!important}
  #close-auth-btn{top:calc(10px + env(safe-area-inset-top))!important;right:10px!important}
}
@media(min-width:1500px){
  #app-sidebar{width:278px!important;min-width:278px!important;max-width:278px!important}
  .mobile-feed-container{max-width:780px!important}
  #right-sidebar{width:350px!important;min-width:350px!important;max-width:350px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* defensive button reset for environments where the base reset is not cached */
#app-sidebar .channel-item,.zentic-post-action,#fab-compose,.zentic-hub-icon-btn,.zentic-new-message-plus,.zentic-follow-btn,.zentic-more-info-btn,.zentic-person-message-btn,.zentic-profile-circle-btn{outline:0!important}
#app-sidebar .channel-item,.zentic-post-action,#fab-compose{border:0!important}