/* =============================================================
   LumenLithos V5 — Approved Interface Consolidation
   Loaded after portal.css, community.css and lumenlithos-v3.css.
   The approved dark / fluorescent social profile is the visual
   source of truth for the entire application.
   ============================================================= */

:root{
  --v5-bg:#060910;
  --v5-bg-2:#080c14;
  --v5-surface:#0b1019;
  --v5-surface-2:#0f1520;
  --v5-surface-3:#151022;
  --v5-purple-surface:#170c24;
  --v5-border:rgba(142,111,193,.30);
  --v5-border-soft:rgba(163,143,202,.16);
  --v5-text:#f3f2f7;
  --v5-muted:#aaa2b5;
  --v5-purple:#c467ff;
  --v5-purple-soft:rgba(196,103,255,.28);
  --v5-green:#57efbd;
  --v5-green-soft:rgba(87,239,189,.25);
  --v5-cyan:#43dfff;
  --v5-orange:#ff9d34;
  --v5-red:#ff496d;
  --v5-radius:15px;
  --v5-page-pad:20px;
  --v5-shadow:0 18px 52px rgba(0,0,0,.30);
}

html{background:var(--v5-bg)!important}
body.community-body,
body[class*="ll-page-"]{
  min-height:100vh!important;
  color:var(--v5-text)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(110,55,190,.10),transparent 31%),
    radial-gradient(circle at 76% 0%,rgba(30,95,180,.06),transparent 27%),
    var(--v5-bg)!important;
  font-size:14px;
}
body.community-body *{box-sizing:border-box}
body.community-body h1,
body.community-body h2,
body.community-body h3,
body.community-body h4{letter-spacing:-.025em}
body.community-body a{text-decoration:none}

/* ---------- full width application shell ---------- */
.social-topbar{height:68px!important;background:rgba(5,7,12,.96)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;backdrop-filter:blur(18px)!important}
.social-topbar-inner{width:100%!important;max-width:none!important;height:68px!important;padding:0 20px!important;display:grid!important;grid-template-columns:215px minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important}
.social-logo{display:flex!important;align-items:center!important;min-width:0!important}
.social-logo img{display:block!important;width:auto!important;height:30px!important;max-width:205px!important;object-fit:contain!important}
.ll-top-navigation{height:68px!important;display:flex!important;align-items:stretch!important;gap:2px!important;min-width:0!important}
.ll-top-navigation a{position:relative!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;color:#c4becd!important;font-size:.78rem!important;font-weight:700!important;border:0!important;background:transparent!important}
.ll-top-navigation a .ll-icon{width:17px!important;height:17px!important;color:#d1cad8!important}
.ll-top-navigation a:hover{color:#fff!important;background:rgba(255,255,255,.025)!important}
.ll-top-navigation a.active{color:#d079ff!important}
.ll-top-navigation a.active::after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:2px;background:#bc5cff;box-shadow:0 0 12px rgba(188,92,255,.75)}
.social-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;white-space:nowrap!important}
.social-icon-button{width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid rgba(151,129,180,.32)!important;background:#090e17!important;color:#d8d1df!important;box-shadow:none!important}
.social-icon-button .ll-icon{width:18px!important;height:18px!important}
.social-icon-button:hover{color:white!important;border-color:rgba(196,103,255,.64)!important;box-shadow:0 0 18px rgba(196,103,255,.18)!important}
.social-count-badge{right:-3px!important;bottom:-4px!important;min-width:18px!important;height:18px!important;border:2px solid #080b12!important;background:#59edbc!important;color:#072018!important;font-size:9px!important;line-height:14px!important;box-shadow:0 0 11px rgba(89,237,188,.40)!important}
.social-top-create{min-height:40px!important;padding:0 16px!important;border:1px solid #b959ef!important;border-radius:11px!important;background:#24102f!important;color:#d987ff!important;font-size:.78rem!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;gap:7px!important;text-shadow:0 0 8px rgba(217,135,255,.65)!important;box-shadow:0 0 11px rgba(185,89,239,.28),inset 0 0 12px rgba(255,255,255,.025)!important}
.social-top-create:hover{background:#bd62ff!important;color:#0b0d12!important;border-color:#d69bff!important;box-shadow:0 0 20px rgba(189,98,255,.48)!important}
.social-avatar-link{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;overflow:visible!important;position:relative!important}
.social-avatar-link img,.social-avatar-link>span:first-child{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(142,89,194,.65)!important;object-fit:cover!important;background:#20112e!important;display:grid!important;place-items:center!important}
.social-avatar-chevron{position:absolute!important;left:45px!important;color:#a99fb0!important;font-size:9px!important}

/* approved design is app-wide, not an old 3-column portal */
.social-shell{width:100%!important;max-width:none!important;display:block!important;padding:14px var(--v5-page-pad) 50px!important;margin:0!important}
.social-left,.social-right{display:none!important}
.social-middle{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}

/* ---------- consistent page title blocks and spacing ---------- */
.integrated-portal-head,
.community-hero,
.catalog-hero,
.social-section:first-child,
.admin-shell>header{
  width:100%!important;
  margin:0 0 18px!important;
  padding:19px 21px!important;
  border:1px solid var(--v5-border-soft)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(30,13,45,.78),rgba(12,17,27,.96))!important;
  box-shadow:none!important;
}
.integrated-portal-head h1,
.community-hero h1,
.catalog-hero h1,
.social-section-head h1{margin:0!important;font-size:clamp(1.55rem,2.2vw,2.1rem)!important;line-height:1.08!important;color:#fff!important}
.eyebrow{margin-bottom:5px!important;color:#64edc2!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.14em!important}
.text-secondary,.muted,.form-text{color:#9e96a9!important}

/* ---------- universal panels/cards ---------- */
.panel,.card,.social-section,.feed-post,.comments,.catalog-card,.knowledge-card,
.ll-settings-card,.ll-profile-side-card,.fb-post-card,.social-feed-card{
  border-color:var(--v5-border-soft)!important;
  background:linear-gradient(180deg,var(--v5-surface-2),#090d15)!important;
  box-shadow:none!important;
}
.panel,.card,.social-section,.ll-settings-card{border-radius:15px!important}
.card-body{padding:20px!important}

/* ---------- forms ---------- */
.form-label,label{color:#d9d4df!important;font-size:.75rem!important;font-weight:750!important}
.form-control,.form-select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select{
  min-height:40px!important;
  border:1px solid rgba(139,92,181,.46)!important;
  border-radius:10px!important;
  background:#0a0f18!important;
  color:#f1eef5!important;
  font-size:.80rem!important;
  box-shadow:none!important;
}
.form-control::placeholder,textarea::placeholder{color:#777080!important}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:#b65ff1!important;background:#0c1019!important;box-shadow:0 0 0 3px rgba(182,95,241,.08)!important}
textarea.form-control,textarea{min-height:92px!important;padding:11px 12px!important}
.input-group-text{border-color:rgba(139,92,181,.46)!important;background:#1b1025!important;color:#d8c7e8!important;font-size:.76rem!important}
.ll-compact-form{max-width:1180px!important}
.ll-compact-form .form-control,.ll-compact-form .form-select{max-width:100%!important}
.ll-settings-card{padding:21px!important;margin-bottom:16px!important}
.ll-settings-card-head{margin-bottom:17px!important;padding-bottom:13px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.ll-settings-card-head h2{font-size:1.2rem!important;color:#f4f1f6!important}
.ll-settings-card-head p{max-width:760px!important;font-size:.75rem!important;line-height:1.55!important}
.ll-settings-actions{margin-top:18px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.055)!important}

/* ---------- buttons: fluorescence is meaningfully used ---------- */
.fluorescent-button{min-height:36px!important;padding:0 13px!important;border-width:1px!important;border-radius:10px!important;font-size:.75rem!important;font-weight:850!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}
.fluorescent-button .ll-icon{width:15px!important;height:15px!important}
.ll-icon-button{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid rgba(186,99,255,.50)!important;border-radius:9px!important;background:#110c19!important;color:#c875ff!important;display:inline-grid!important;place-items:center!important;box-shadow:0 0 10px rgba(186,99,255,.08)!important}
.ll-icon-button .ll-icon{width:15px!important;height:15px!important}
.ll-icon-button:hover{background:#291236!important;color:#e5b7ff!important;border-color:#cc75ff!important;box-shadow:0 0 15px rgba(196,103,255,.22)!important}
.ll-icon-button.danger,.ll-danger-button:not(.fluorescent-button){border-color:rgba(255,73,109,.58)!important;color:#ff6f89!important;background:#180b11!important}
.ll-icon-button.danger:hover{background:#3a101b!important;color:#ff9aad!important;box-shadow:0 0 15px rgba(255,73,109,.20)!important}
.ll-send-button,.send-comment,.chat-send-button{width:37px!important;height:37px!important;min-width:37px!important;padding:0!important;border:1px solid #50eeb9!important;border-radius:50%!important;background:#08251d!important;color:#59f1bf!important;display:inline-grid!important;place-items:center!important;box-shadow:0 0 14px rgba(80,238,185,.24)!important}
.ll-send-button:hover,.send-comment:hover,.chat-send-button:hover{background:#51efbb!important;color:#07120e!important;box-shadow:0 0 20px rgba(80,238,185,.48)!important}
.ll-send-button .ll-icon,.send-comment .ll-icon,.chat-send-button svg{width:16px!important;height:16px!important}
.ll-comment-action{min-height:34px!important;padding:0 11px!important;border:1px solid rgba(80,238,185,.58)!important;border-radius:9px!important;background:#09221c!important;color:#5cf2c0!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:.73rem!important;font-weight:800!important;box-shadow:0 0 11px rgba(80,238,185,.12)!important}
.ll-comment-action:hover{background:#53edbb!important;color:#07120e!important}
.ll-owner-actions{display:flex!important;align-items:center!important;gap:7px!important}
.ll-owner-actions form{margin:0!important}

/* ---------- profile: hard match to approved screenshot ---------- */
.ll-public-profile-page .social-shell{padding-top:10px!important}
.ll-public-profile-page .fb-profile-shell{width:100%!important;overflow:hidden!important;border:1px solid var(--v5-border-soft)!important;border-radius:15px!important;background:linear-gradient(180deg,#0b1019,#080c13)!important;box-shadow:var(--v5-shadow)!important}
.ll-public-profile-page .fb-profile-cover{height:300px!important;min-height:300px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,transparent 50%,rgba(3,6,11,.58)),linear-gradient(135deg,rgba(30,14,65,.75),rgba(6,14,26,.70)),var(--profile-cover,none) center/cover no-repeat!important}
.ll-public-profile-page .fb-profile-identity{display:grid!important;grid-template-columns:190px minmax(0,1fr) auto!important;gap:20px!important;align-items:end!important;margin-top:-72px!important;padding:0 30px 18px!important}
.ll-public-profile-page .fb-profile-avatar-wrap{width:180px!important;height:180px!important;align-self:start!important}
.ll-public-profile-page .fb-profile-avatar{width:180px!important;height:180px!important;border:4px solid #8a4bd1!important;box-shadow:0 0 26px rgba(190,92,255,.30),0 12px 32px rgba(0,0,0,.48)!important;background:#05070b!important}
.ll-public-profile-page .fb-profile-avatar.fallback{display:grid!important;place-items:center!important;font-size:2.6rem!important}
.ll-public-profile-page .fb-profile-copy{padding:73px 0 2px!important;min-width:0!important}
.ll-public-profile-page .fb-neon-profile-name{margin:0!important;color:#fff!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(1.65rem,2.6vw,2.25rem)!important;font-weight:900!important;letter-spacing:-.04em!important;text-shadow:none!important;line-height:1.03!important}
.ll-public-profile-page .fb-profile-handle{margin-top:6px!important;color:#9690a0!important;font-size:.76rem!important}
.ll-public-profile-page .fb-profile-counts{margin-top:8px!important;color:#afa7b4!important;font-size:.72rem!important}
.ll-public-profile-page .fb-profile-counts strong{color:#dfd7e6!important;font-weight:800!important}
.ll-public-profile-page .fb-profile-copy>p{max-width:770px!important;margin:10px 0 0!important;color:#c3bdc8!important;font-size:.76rem!important;line-height:1.6!important}
.ll-public-profile-page .fb-profile-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding-bottom:8px!important}
.ll-public-profile-page .fb-profile-actions form{margin:0!important}
.ll-profile-stats-bar{margin:6px 28px 0!important;padding:0!important;border:1px solid rgba(142,111,193,.20)!important;border-radius:17px!important;background:rgba(15,13,24,.78)!important;overflow:hidden!important}
.ll-profile-stats-bar>div{padding:14px 6px!important}
.ll-profile-stats-bar strong{font-size:1.18rem!important;color:#bd73ff!important}
.ll-profile-stats-bar span{font-size:.67rem!important;color:#ada5b3!important}
.ll-public-profile-page .fb-profile-tabs{min-height:50px!important;margin-top:18px!important;padding:0 28px!important;border-top:1px solid rgba(255,255,255,.065)!important;background:transparent!important}
.ll-public-profile-page .fb-profile-tabs a{position:relative!important;min-height:50px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;color:#aea7b5!important;font-size:.74rem!important;font-weight:750!important;border:0!important}
.ll-public-profile-page .fb-profile-tabs a.active{color:#cc73ff!important;background:transparent!important}
.ll-public-profile-page .fb-profile-tabs a.active::after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;background:#c763ff;box-shadow:0 0 11px rgba(199,99,255,.55)}
.ll-public-profile-page .fb-profile-content{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(320px,380px)!important;gap:12px!important;width:100%!important;margin:12px 0 0!important;align-items:start!important}
.ll-public-profile-page .fb-profile-column{min-width:0!important}
.ll-profile-dashboard{position:sticky!important;top:82px!important;display:flex!important;flex-direction:column!important;gap:12px!important}

.fb-compose-card{min-height:82px!important;margin:0 0 12px!important;padding:15px 17px!important;border:1px solid var(--v5-border-soft)!important;border-radius:15px!important;background:linear-gradient(180deg,#0d121d,#090d15)!important;color:#8f8799!important;display:flex!important;align-items:center!important;gap:12px!important}
.fb-compose-card>span{width:43px!important;height:43px!important;min-width:43px!important;border-radius:50%!important;overflow:hidden!important;border:1px solid #703ea7!important;background:#2b1640!important;display:grid!important;place-items:center!important}
.fb-compose-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.fb-compose-card>div{flex:1!important;min-height:42px!important;padding:0 13px!important;border:1px solid rgba(142,111,193,.22)!important;border-radius:9px!important;background:#080d16!important;display:flex!important;align-items:center!important}
.fb-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 8px!important;padding:0 4px!important}
.fb-section-title h2{margin:0!important;font-size:1rem!important;color:#f2eef5!important}
.fb-section-title>span{min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;background:#241232!important;color:#c781ef!important;display:grid!important;place-items:center!important;font-size:.64rem!important}
.fb-post-list{display:flex!important;flex-direction:column!important;gap:12px!important}
.fb-post-card{padding:16px!important;border-radius:15px!important;overflow:hidden!important}
.fb-post-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important}
.fb-post-author{display:flex!important;gap:10px!important;min-width:0!important}
.fb-post-author>img,.fb-post-author>span{width:43px!important;height:43px!important;min-width:43px!important;border-radius:50%!important;border:1px solid #7041a5!important;background:#3b1c59!important;object-fit:cover!important;display:grid!important;place-items:center!important}
.fb-post-author strong{font-size:.79rem!important;color:#f0edf2!important}.fb-post-author small{display:block!important;margin-top:2px!important;color:#817a89!important;font-size:.64rem!important}
.fb-post-card .post-rich-body{padding:2px 0 11px!important;color:#d4ced8!important;font-size:.76rem!important;line-height:1.55!important}
.fb-post-card .post-media-gallery{border-radius:10px!important;overflow:hidden!important}
.profile-inline-comment{margin:12px 0 0!important;padding:11px 0 0!important;border-top:1px solid rgba(255,255,255,.055)!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
.profile-inline-comment .comment-input-wrap textarea{min-height:40px!important;height:40px!important;max-height:96px!important;resize:vertical!important;padding:10px 12px!important}
.comment-emoji-strip.compact{display:flex!important;align-items:center!important;gap:4px!important;min-height:38px!important;padding:2px 0!important;overflow-x:auto!important}
.comment-emoji-strip.compact button:not(.ll-send-button){width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;font-size:.96rem!important;box-shadow:none!important}
.comment-emoji-strip.compact button:not(.ll-send-button):hover{background:#1c1425!important}
.ll-post-footer{min-height:47px!important;margin:11px -16px -16px!important;padding:7px 14px!important;border-top:1px solid rgba(255,255,255,.06)!important;background:rgba(8,10,16,.55)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}

.ll-profile-side-card{padding:17px!important;border-radius:15px!important}
.ll-side-card-title{min-height:31px!important}
.ll-profile-side-card h2{font-size:.96rem!important;color:#f1eef3!important}.ll-profile-side-card h2 small{font-size:.7rem!important;color:#a891bd!important}
.ll-profile-side-card p{margin:11px 0!important;color:#b7b0bd!important;font-size:.73rem!important;line-height:1.6!important}
.ll-profile-facts>div{grid-template-columns:17px 75px minmax(0,1fr)!important;font-size:.68rem!important}.ll-profile-facts strong{overflow:hidden!important;text-overflow:ellipsis!important;color:#bb91df!important}
.ll-wavelength-grid{gap:8px!important}.ll-wave{min-height:82px!important;padding:11px 5px!important}.ll-wave strong{font-size:.72rem!important}.ll-wave span{font-size:.66rem!important;margin-top:14px!important}
.ll-top-mineral-grid{gap:8px!important}.ll-top-mineral-grid a{padding:7px!important}.ll-top-mineral-grid strong{font-size:.66rem!important}.ll-top-mineral-grid small{font-size:.58rem!important}
.ll-activity-list>div{font-size:.67rem!important}

/* profile mineral grid: compact and readable, no clipped cards */
.profile-mineral-heading{margin:0 0 10px!important}
.profile-mineral-search-wrap{max-width:720px!important;margin:0 0 12px!important;position:relative!important}.profile-mineral-search-wrap>i{position:absolute;left:12px;top:12px;color:#81788b;z-index:2}.profile-mineral-search-wrap input{padding-left:35px!important}
.ll-mineral-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:12px!important;width:100%!important}
.ll-mineral-card{min-width:0!important;min-height:220px!important;border:1px solid var(--v5-border)!important;border-radius:14px!important;background:linear-gradient(180deg,#0d121b,#080d15)!important;overflow:hidden!important}
.ll-mineral-card-layout{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}
.ll-mineral-thumb{width:112px!important;min-width:112px!important;aspect-ratio:1!important;border-radius:12px!important;overflow:hidden!important;background:#101624!important}.ll-mineral-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.ll-mineral-card-body{min-width:0!important;padding:0!important}.ll-mineral-card h3{margin:8px 0 5px!important;display:flex!important;align-items:flex-start!important;gap:6px!important;font-size:1rem!important;line-height:1.15!important}.ll-mineral-name{white-space:normal!important;overflow-wrap:anywhere!important}.ll-mineral-formula{min-height:21px!important;font-size:.76rem!important;color:#e6e0ec!important;overflow-wrap:anywhere!important}
.ll-mineral-card dl{margin:12px 0 34px!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.ll-mineral-card dl>div{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:7px!important;border-top:1px solid rgba(255,255,255,.045)!important;padding-top:6px!important}.ll-mineral-card dt{font-size:.60rem!important;color:#897f91!important}.ll-mineral-card dd{margin:0!important;font-size:.68rem!important;color:#c3bbc9!important;overflow-wrap:anywhere!important}.ll-mineral-open{position:absolute!important;right:14px!important;bottom:13px!important;color:#cd8df3!important;font-size:.68rem!important;font-weight:850!important}.ll-mineral-card{position:relative!important}

/* ---------- settings/profile upload ---------- */
.ll-settings-toolbar{margin:0 0 14px!important;padding:8px!important;border:1px solid var(--v5-border-soft)!important;border-radius:13px!important;background:#0a0e16!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.ll-settings-tab{min-height:34px!important;padding:0 12px!important;border:1px solid rgba(142,111,193,.38)!important;border-radius:999px!important;background:#0d1018!important;color:#bbb3c1!important;font-size:.72rem!important;font-weight:750!important}
.ll-settings-tab.active{border-color:#bb61f4!important;background:#281137!important;color:#d985ff!important;box-shadow:0 0 12px rgba(187,97,244,.21)!important}.ll-settings-tab.danger{color:#ff647f!important;border-color:rgba(255,73,109,.55)!important}
.ll-profile-settings-hero{margin-bottom:14px!important;border:1px solid var(--v5-border-soft)!important;border-radius:15px!important;overflow:hidden!important;background:#0a0f18!important}
.ll-profile-settings-cover{height:165px!important;background:linear-gradient(135deg,rgba(42,20,71,.72),rgba(7,17,28,.90)),var(--profile-cover,none) center/cover no-repeat!important}
.ll-profile-settings-summary{grid-template-columns:100px minmax(0,1fr) auto!important;gap:15px!important;align-items:end!important;margin-top:-45px!important;padding:0 20px 16px!important}.ll-settings-avatar-wrap,.ll-settings-avatar{width:96px!important;height:96px!important}.ll-settings-avatar{border-color:#854cc8!important}
.ll-profile-settings-copy h2{font-size:1.25rem!important}.ll-profile-settings-copy p{font-size:.72rem!important}
.ll-media-settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-bottom:14px!important}.ll-upload-card{padding:18px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;border:1px solid var(--v5-border-soft)!important;border-radius:15px!important;background:linear-gradient(180deg,#0d121d,#090d15)!important}.ll-upload-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:#1b1026!important;color:#c96fff!important;display:grid!important;place-items:center!important}.ll-upload-icon .ll-icon{width:20px!important;height:20px!important}.ll-upload-copy h3{margin:2px 0 4px!important;font-size:.95rem!important}.ll-upload-copy p{margin:0!important;color:#978fa0!important;font-size:.69rem!important}.ll-file-drop{grid-column:1/-1!important;min-height:82px!important;margin:2px 0 0!important;padding:13px!important;border:1px dashed rgba(186,99,255,.46)!important;border-radius:12px!important;background:#090d15!important;display:flex!important;align-items:center!important;gap:12px!important;cursor:pointer!important}.ll-file-drop:hover{border-color:#c96fff!important;background:#110d18!important}.ll-file-drop input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.ll-file-drop-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;background:#1b1027!important;color:#cb72ff!important;display:grid!important;place-items:center!important}.ll-file-drop strong,.ll-file-drop small{display:block!important}.ll-file-drop strong{font-size:.76rem!important;color:#e7e1ec!important}.ll-file-drop small{margin-top:3px!important;color:#827a89!important;font-size:.64rem!important}.ll-upload-submit{grid-column:1/-1!important;justify-self:start!important}

/* ---------- CRUD pages ---------- */
.ll-page-equipment .row.g-3>.col-lg-5,
.ll-page-collections .row.g-3>.col-lg-5{max-width:520px!important}
.library-row{min-height:60px!important;padding:11px 2px!important;border-bottom:1px solid rgba(255,255,255,.065)!important}.library-row:last-child{border-bottom:0!important}.library-row strong{font-size:.78rem!important}.library-row small{font-size:.65rem!important}.library-row>.d-flex{align-items:center!important}
.table-wrap,.table-responsive{border:1px solid var(--v5-border-soft)!important;border-radius:14px!important;overflow:auto!important}.table{margin:0!important}.table>:not(caption)>*>*{padding:12px 14px!important;border-color:rgba(255,255,255,.055)!important}.table thead th{color:#cfc8d5!important;font-size:.67rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#0d111a!important}.table tbody td{font-size:.73rem!important;color:#b8b0c0!important}

/* ---------- messages & notifications: each item visibly separate ---------- */
.social-overlay-panel{top:62px!important;width:min(390px,calc(100vw - 24px))!important;max-height:76vh!important;border:1px solid rgba(151,105,195,.55)!important;border-radius:15px!important;background:#0e0815!important;box-shadow:0 26px 78px rgba(0,0,0,.68)!important;overflow:hidden!important}
.social-notification-overlay{right:15px!important}.social-message-overlay{right:68px!important}
.overlay-title{min-height:56px!important;padding:0 14px!important;border-bottom:1px solid rgba(151,105,195,.25)!important;background:#110918!important}.overlay-title strong{font-size:.82rem!important;color:#f2edf5!important}.overlay-scroll{max-height:60vh!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:#0b0711!important}
.overlay-row,.overlay-row.btn,.overlay-row.btn-outline-light{width:100%!important;min-height:60px!important;margin:0!important;padding:10px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border:1px solid rgba(131,94,169,.24)!important;border-radius:11px!important;background:#171021!important;color:#eee9f2!important;text-align:left!important;white-space:normal!important;box-shadow:none!important;transform:none!important}
.overlay-row:hover{border-color:rgba(196,103,255,.48)!important;background:#20142b!important}.overlay-row.unread{border-color:rgba(196,103,255,.37)!important;background:linear-gradient(90deg,#21132f,#171021)!important;box-shadow:inset 3px 0 0 #b85cff!important}
.overlay-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:#573285!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:.78rem!important;font-weight:900!important;overflow:hidden!important}.overlay-row>span:nth-child(2){min-width:0!important}.overlay-row strong{font-size:.72rem!important;line-height:1.28!important;color:#f0ecf3!important}.overlay-row small{margin-top:3px!important;font-size:.61rem!important;line-height:1.35!important;color:#94899e!important;-webkit-line-clamp:2!important}.overlay-unread{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#59edbd!important;color:#062018!important;font-size:9px!important;line-height:18px!important}.overlay-footer{padding:9px 10px!important;border-top:1px solid rgba(151,105,195,.24)!important;background:#100817!important}.overlay-footer button{min-height:31px!important;border-radius:9px!important;border-color:rgba(196,103,255,.48)!important;color:#cd8eff!important;background:#170d20!important;font-size:.65rem!important}
.floating-chat{border-color:rgba(151,105,195,.58)!important;background:#0d0814!important}.floating-chat-head{background:#130b1b!important}.chat-bubble{background:#21142c!important}.chat-bubble.mine{background:#4c2a6f!important}.floating-chat-form{background:#0b0711!important}.floating-chat-form textarea{min-height:38px!important;height:38px!important;border-radius:9px!important}

/* ---------- knowledge / questions / guides ---------- */
.knowledge-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:12px!important;align-items:start!important}.knowledge-grid>main,.knowledge-grid>aside{min-width:0!important}.knowledge-grid .social-section{padding:17px!important;margin-bottom:12px!important}.knowledge-card{display:block!important;transition:border-color .15s ease,transform .15s ease!important}.knowledge-card:hover{border-color:rgba(196,103,255,.46)!important;transform:translateY(-1px)!important}.knowledge-type{display:inline-flex!important;margin-bottom:8px!important;padding:4px 8px!important;border:1px solid rgba(87,239,189,.46)!important;border-radius:999px!important;background:#09221b!important;color:#5aefbd!important;font-size:.59rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.07em!important}.knowledge-card h2,.knowledge-card h1{margin:0 0 7px!important;color:#f3eff6!important}.knowledge-card h2{font-size:1rem!important}.knowledge-card p{margin:0 0 11px!important;color:#ada6b3!important;font-size:.72rem!important;line-height:1.55!important}.knowledge-meta{display:flex!important;gap:12px!important;flex-wrap:wrap!important;color:#82798a!important;font-size:.62rem!important}.knowledge-answer{margin:10px 0!important;padding:14px!important;border:1px solid rgba(142,111,193,.20)!important;border-radius:12px!important;background:#0b1019!important}.knowledge-answer.accepted{border-color:rgba(87,239,189,.45)!important;box-shadow:inset 3px 0 0 #55edbc!important}.social-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}.social-section-head .btn-primary{border:1px solid #bd61f7!important;border-radius:10px!important;background:#251031!important;color:#d784ff!important;box-shadow:0 0 12px rgba(189,97,247,.22)!important;font-size:.73rem!important;font-weight:800!important}.knowledge-grid aside .social-section a{min-height:34px!important;padding:7px 9px!important;border-radius:8px!important;color:#cbbcd8!important;font-size:.72rem!important}.knowledge-grid aside .social-section a:hover{background:#1c1225!important;color:#dc9dff!important}

/* ---------- public database / catalog ---------- */
.catalog-shell,.community-main,.admin-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.catalog-hero{margin-bottom:18px!important}.catalog-results{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;gap:12px!important}.catalog-card{min-height:180px!important;padding:16px!important;border-radius:14px!important}.catalog-card h2,.catalog-card h3{font-size:.95rem!important}.catalog-card p,.catalog-card small{font-size:.68rem!important}.catalog-card .badge,.catalog-card .tag{font-size:.57rem!important}

/* ---------- empty states ---------- */
.social-empty,.overlay-empty,.knowledge-grid main>.social-section:only-child p{
  min-height:90px!important;margin:0!important;padding:24px!important;border:1px dashed rgba(142,111,193,.28)!important;border-radius:12px!important;background:rgba(20,13,29,.45)!important;color:#918798!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:.72rem!important
}

/* ---------- responsive ---------- */
@media(max-width:1100px){
 .social-topbar-inner{grid-template-columns:190px minmax(0,1fr) auto!important}.ll-top-navigation a{padding:0 8px!important}.ll-top-navigation a:nth-child(5){display:none!important}
 .ll-public-profile-page .fb-profile-content{grid-template-columns:minmax(0,1fr) 320px!important}
 .ll-public-profile-page .fb-profile-identity{grid-template-columns:165px minmax(0,1fr)!important}.ll-public-profile-page .fb-profile-actions{grid-column:2!important;justify-content:flex-start!important;padding-bottom:0!important}.ll-public-profile-page .fb-profile-avatar,.ll-public-profile-page .fb-profile-avatar-wrap{width:155px!important;height:155px!important}.ll-public-profile-page .fb-profile-copy{padding-top:70px!important}
 .knowledge-grid{grid-template-columns:1fr 260px!important}
}
@media(max-width:860px){
 :root{--v5-page-pad:12px}.social-topbar-inner{grid-template-columns:180px 1fr auto!important}.ll-top-navigation a:nth-child(n+4){display:none!important}.social-top-create span{display:none!important}.social-top-create{min-width:42px!important;width:42px!important;padding:0!important}.social-avatar-chevron{display:none!important}
 .ll-public-profile-page .fb-profile-content{grid-template-columns:1fr!important}.ll-profile-dashboard{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ll-public-profile-page .fb-profile-cover{height:245px!important;min-height:245px!important}.ll-public-profile-page .fb-profile-identity{grid-template-columns:145px 1fr!important;padding:0 18px 16px!important}.ll-public-profile-page .fb-profile-avatar,.ll-public-profile-page .fb-profile-avatar-wrap{width:140px!important;height:140px!important}.ll-profile-stats-bar{margin-inline:18px!important}
 .ll-media-settings-grid{grid-template-columns:1fr!important}.knowledge-grid{grid-template-columns:1fr!important}.knowledge-grid>aside{order:-1!important}.catalog-results{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
}
@media(max-width:620px){
 .social-topbar{height:60px!important}.social-topbar-inner{height:60px!important;grid-template-columns:minmax(125px,1fr) auto!important;padding:0 10px!important}.social-logo img{height:23px!important;max-width:150px!important}.ll-top-navigation{display:none!important}.social-icon-button{width:36px!important;height:36px!important}.social-avatar-link{width:36px!important;height:36px!important}.social-avatar-link img,.social-avatar-link>span:first-child{width:34px!important;height:34px!important}.social-top-create{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
 .ll-public-profile-page .fb-profile-cover{height:205px!important;min-height:205px!important}.ll-public-profile-page .fb-profile-identity{grid-template-columns:1fr!important;margin-top:-56px!important;text-align:center!important}.ll-public-profile-page .fb-profile-avatar-wrap{margin:auto!important}.ll-public-profile-page .fb-profile-copy{padding:0!important}.ll-public-profile-page .fb-profile-actions{grid-column:1!important;justify-content:center!important}.ll-profile-stats-bar{grid-template-columns:repeat(3,1fr)!important;margin-inline:10px!important}.ll-profile-dashboard{display:block!important}.ll-profile-side-card{margin-top:10px!important}.ll-public-profile-page .fb-profile-tabs{padding-inline:7px!important;overflow-x:auto!important}.ll-public-profile-page .fb-profile-tabs a{padding-inline:10px!important;white-space:nowrap!important}
 .ll-media-settings-grid{grid-template-columns:1fr!important}.ll-profile-settings-summary{grid-template-columns:1fr!important;text-align:center!important}.ll-settings-avatar-wrap{margin:auto!important}.ll-profile-settings-summary .ll-icon-text-button{justify-self:center!important}.ll-mineral-grid{grid-template-columns:1fr!important}.ll-mineral-card-layout{grid-template-columns:92px minmax(0,1fr)!important}.ll-mineral-thumb{width:92px!important;min-width:92px!important}.catalog-results{grid-template-columns:1fr!important}.social-message-overlay{right:12px!important}.social-overlay-panel{right:12px!important;width:calc(100vw - 24px)!important}
}
