/* ForumBiz community identity */
:root { --ui-accent:#0e9f8a; --ui-accent-hover:#087c70; --ui-accent-light:rgba(14,159,138,.12); --ui-radius:18px; --ui-shadow:0 14px 38px rgba(15,23,42,.075),0 2px 7px rgba(15,23,42,.035); --fb-ink:#142437; --fb-teal:#0e9f8a; --fb-coral:#ff765e; }
html { scroll-behavior:smooth; }
body { background:radial-gradient(ellipse at 15% 0%,rgba(14,159,138,.075),transparent 34%),var(--ui-bg); color:var(--ui-text-main); }
header { border-bottom:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent); backdrop-filter:blur(18px); }
.header-container { max-width:1440px; min-height:76px; }
.logo-area { gap:12px; }
.logo-text { font-size:1.36rem; font-weight:900; letter-spacing:-.055em; background:none; -webkit-text-fill-color:initial; color:var(--ui-text-main); }
.logo-text::before { content:"F"; display:inline-grid; place-items:center; width:38px; height:38px; margin-right:10px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#0e9f8a,#087c70); font-size:1.12rem; box-shadow:0 7px 18px rgba(14,159,138,.24); vertical-align:middle; }
.nav-btn { border-radius:13px!important; transition:transform .18s ease,background .18s ease; }
.nav-btn:hover { transform:translateY(-2px); }
main { padding-top:1.35rem!important; padding-bottom:2.5rem!important; }
.page-center-content { max-width:1240px; }
.forum-welcome { position:relative; isolation:isolate; min-height:238px; grid-template-columns:minmax(0,1fr) auto; gap:1.6rem; padding:clamp(1.5rem,4vw,3.1rem); border:0; border-radius:26px; color:#fff; background:linear-gradient(112deg,#10253b 0%,#153e51 52%,#087c70 100%); box-shadow:0 24px 58px rgba(12,52,68,.22); }
.forum-welcome::before { content:""; position:absolute; z-index:-1; width:350px; height:350px; right:12%; top:-215px; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025); }
.forum-welcome::after { content:""; position:absolute; z-index:-1; width:280px; height:280px; right:-55px; bottom:-195px; border-radius:50%; background:rgba(255,118,94,.24); filter:blur(5px); }
.welcome-copy h1 { max-width:760px; margin-bottom:.65rem; color:#fff; font-size:clamp(2rem,4.4vw,3.25rem); font-weight:900; letter-spacing:-.055em; line-height:1.04; }
.welcome-copy p { max-width:660px; color:rgba(240,249,255,.82); font-size:1.03rem; line-height:1.7; }
.welcome-shortcuts { margin-top:1.15rem; }
.welcome-shortcut { border-color:rgba(255,255,255,.19); background:rgba(255,255,255,.09); color:rgba(255,255,255,.9); backdrop-filter:blur(10px); }
.welcome-shortcut:hover { border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.17); color:#fff; }
.welcome-actions { align-self:center; }
.forum-btn { min-height:46px; padding:.78rem 1.05rem; border-radius:12px; font-size:.84rem; transition:transform .18s ease,box-shadow .18s ease; }
.forum-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.14); }
.forum-btn.primary { background:var(--fb-coral); border-color:var(--fb-coral); color:#fff; box-shadow:0 10px 23px rgba(255,118,94,.25); }
.forum-btn.primary:hover { background:#f26650; border-color:#f26650; color:#fff; }
.forum-body-grid { grid-template-columns:minmax(0,1fr) 320px; gap:1.2rem; margin-top:1.1rem; }
.panel { border-radius:18px; box-shadow:0 9px 28px rgba(15,23,42,.055); transition:box-shadow .2s ease,border-color .2s ease; }
.panel:hover { border-color:color-mix(in srgb,var(--ui-accent) 24%,var(--ui-border)); box-shadow:0 14px 34px rgba(15,23,42,.08); }
.panel-head { min-height:57px; padding:.9rem 1.1rem; background:linear-gradient(180deg,color-mix(in srgb,var(--ui-card) 88%,var(--ui-accent-light)),var(--ui-card)); }
.panel-head h2,.panel-head h3 { font-size:.96rem; font-weight:850; letter-spacing:-.015em; }
.modern-tabs { gap:.42rem; padding:.7rem .8rem; background:var(--ui-card); }
.modern-tab-btn { border-radius:10px; }
.modern-tab-btn.active { box-shadow:0 6px 14px rgba(14,159,138,.2); }
.node-row,.category-row,.feed-item { transition:background .16s ease,transform .16s ease; }
.node-row:hover,.category-row:hover,.feed-item:hover { background:color-mix(in srgb,var(--ui-accent-light) 55%,var(--ui-card)); }
.node-icon-wrapper,.side-item-icon { border-radius:14px; }
.node-title a,.feed-title,.side-item-title { font-weight:800; letter-spacing:-.015em; }
.quick-link { border-radius:12px; transition:transform .16s ease,border-color .16s ease; }
.quick-link:hover { transform:translateY(-2px); }
.active-member { border-radius:12px; transition:background .16s ease,transform .16s ease; }
.active-member:hover { transform:translateY(-2px); background:var(--ui-accent-light); }
.side-stat-row { padding:.72rem .1rem; border-bottom:1px solid var(--ui-border); }
.side-stat-val { color:var(--ui-accent); font-weight:900; }
footer { border-top:1px solid var(--ui-border); }
.footer-logo-text { font-weight:900; letter-spacing:-.04em; }
.footer-logo-text i { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#fff!important; background:linear-gradient(145deg,#0e9f8a,#087c70); }
.profile-card,.user-card,.account-card,.auth-card,.topic-card,.post-card { border-radius:18px; }
input,select,textarea,.form-control { border-radius:11px; }
button,.btn { transition:transform .16s ease,box-shadow .16s ease; }
button:not(:disabled):hover,.btn:hover { transform:translateY(-1px); }
:focus-visible { outline:3px solid color-mix(in srgb,var(--ui-accent) 68%,white); outline-offset:3px; }
@media(max-width:1050px) { .forum-body-grid { grid-template-columns:1fr; } .forum-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { main { padding:1rem .7rem!important; } .header-container { min-height:65px; } .forum-welcome { min-height:0; grid-template-columns:1fr; gap:1.25rem; padding:1.55rem; border-radius:21px; } .welcome-copy h1 { font-size:clamp(2rem,8vw,2.7rem); } .welcome-copy p { font-size:.94rem; } .welcome-actions { justify-content:flex-start; } .forum-body-grid { gap:.85rem; } .forum-sidebar { grid-template-columns:1fr; } .panel { border-radius:15px; } }
@media(max-width:440px) { .logo-text { font-size:1.18rem; } .logo-text::before { width:33px; height:33px; border-radius:11px; } .forum-welcome { padding:1.25rem; } .welcome-actions { display:grid; grid-template-columns:1fr 1fr; } .welcome-actions .forum-btn { width:100%; min-width:0; padding:.7rem .55rem; white-space:normal; text-align:center; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
/* ForumBiz refresh: app launcher, member menu, auth screens, home and analytics */
.fb-app-launcher { position:relative; z-index:100070; margin-right:auto; margin-left:clamp(.35rem,1.5vw,1rem); }
.fb-launcher-button { width:48px; height:48px; border-radius:12px!important; background:linear-gradient(145deg,#f8fbff,#edf4f8)!important; border:1px solid var(--ui-border)!important; color:#475569!important; box-shadow:0 5px 16px rgba(15,23,42,.06); }
.fb-launcher-button i { font-size:1.1rem; background:conic-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%); color:transparent; background-clip:text; }
.fb-tools-panel { left:0; right:auto; top:calc(100% + 10px); width:min(390px,calc(100vw - 28px)); padding:.85rem; overflow:visible; border:1px solid rgba(148,163,184,.24); box-shadow:0 24px 65px rgba(15,23,42,.18); }
.fb-tools-heading { display:flex; align-items:center; gap:.75rem; padding:.35rem .3rem .9rem; }
.fb-tools-heading-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(145deg,#0e9f8a,#087c70); box-shadow:0 8px 18px rgba(14,159,138,.22); }
.fb-tools-heading strong,.fb-tools-heading small { display:block; }
.fb-tools-heading strong { color:var(--ui-text-main); font-size:.9rem; }
.fb-tools-heading small { margin-top:2px; color:var(--ui-text-muted); font-size:.72rem; }
.fb-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.fb-tool-tile { min-height:130px; padding:.8rem .68rem; display:flex; flex-direction:column; align-items:flex-start; gap:.48rem; text-decoration:none; color:var(--ui-text-main); border:1px solid var(--ui-border); border-radius:13px; background:var(--ui-card); transition:transform .18s,border-color .18s,box-shadow .18s; }
.fb-tool-tile:hover { transform:translateY(-2px); border-color:var(--ui-accent); box-shadow:0 10px 22px rgba(15,23,42,.08); }
.fb-tool-tile>span { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:var(--ui-accent-light); color:var(--ui-accent); }
.fb-tool-tile strong { font-size:.78rem; }
.fb-tool-tile small { color:var(--ui-text-muted); font-size:.68rem; line-height:1.35; }
.fb-tool-tile-featured { border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border)); background:linear-gradient(145deg,var(--ui-accent-light),var(--ui-card) 72%); }
.fb-tools-footer { margin:.65rem .1rem 0; padding:.65rem .25rem 0; border-top:1px solid var(--ui-border); color:var(--ui-text-muted); font-size:.7rem; }
.fb-tools-footer i { margin-right:.32rem; color:var(--ui-accent); }
.fb-profile-panel { display:none; width:min(404px,calc(100vw - 22px))!important; max-height:min(64vh,470px); grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(42px,auto); align-content:start; gap:6px; overflow:auto; padding:.65rem; border-radius:18px!important; box-shadow:0 24px 64px rgba(15,23,42,.2)!important; }
.fb-profile-panel .fb-profile-identity,.fb-profile-panel .fb-profile-section-label,.fb-profile-panel>div[style*="border-top"],.fb-profile-panel>form { grid-column:1/-1; }
.fb-profile-identity { display:flex; align-items:center; gap:.65rem; min-height:60px; margin:0; padding:.55rem .7rem; border-radius:13px; background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 12%,var(--ui-card)),var(--ui-card)); }
.fb-profile-avatar { flex:0 0 40px; width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:2px solid rgba(255,255,255,.9); border-radius:13px; color:#fff; background:linear-gradient(145deg,#0e9f8a,#087c70); font-size:1.05rem; font-weight:900; box-shadow:0 5px 14px rgba(14,159,138,.2); }
.fb-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.fb-profile-identity-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.fb-profile-identity-copy small { color:var(--ui-text-muted); font-size:.58rem; font-weight:900; letter-spacing:.12em; }
.fb-profile-identity-copy strong { overflow:hidden; color:var(--ui-text-main); font-size:.9rem; text-overflow:ellipsis; white-space:nowrap; }
.fb-profile-identity-copy a { color:var(--ui-accent); font-size:.69rem; font-weight:800; text-decoration:none; }
.fb-profile-section-label { padding:.38rem .5rem .12rem; color:var(--ui-text-muted); font-size:.56rem; font-weight:900; letter-spacing:.12em; }
.fb-profile-panel .profile-menu-link { min-width:0; min-height:48px; margin:0; padding:.5rem .58rem; border:1px solid var(--ui-border); border-radius:11px; background:var(--ui-card); font-size:.75rem; line-height:1.25; }
.fb-profile-panel>.profile-menu-link:first-of-type { grid-column:1/-1; min-height:42px; }
.fb-profile-panel .profile-menu-link:hover { background:var(--ui-accent-light); }
.fb-profile-panel .profile-menu-link i { flex:0 0 23px; width:23px; height:23px; display:grid; place-items:center; border-radius:7px; background:var(--ui-bg); }
.fb-profile-panel>form .profile-menu-link { min-height:42px; border-color:color-mix(in srgb,#ef4444 25%,var(--ui-border)); border-radius:10px; }
.fb-welcome-metrics { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; margin-top:1.25rem; }
.fb-welcome-metrics>span,.fb-welcome-metrics>a { display:inline-flex; align-items:center; gap:.42rem; min-height:34px; padding:.42rem .65rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.075); color:rgba(255,255,255,.9); font-size:.7rem; text-decoration:none; }
.fb-welcome-metrics i { color:#67e8d3; }
.fb-welcome-metrics strong { color:#fff; font-size:.75rem; }
.fb-welcome-metrics small { color:rgba(240,249,255,.72); font-size:.66rem; }
.fb-welcome-metrics>a:hover { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.36); }
.forum-welcome { overflow:hidden; }
.forum-body-grid { align-items:start; }
.forum-main,.forum-sidebar { min-width:0; }
#community-feed,#forum-categories,.forum-sidebar>.panel { overflow:hidden; }
#community-feed .panel-head,#forum-categories.panel-head { position:relative; }
.feed-item,.category-row,.node-row { min-height:76px; }
.category-group { margin-bottom:.85rem; border-radius:18px; overflow:hidden; box-shadow:0 8px 24px rgba(15,23,42,.045); }
.category-group-title { padding:1rem 1.1rem; }
.category-group-title h3 { font-size:1rem; }

/* Giriş ve kayıt */
.auth-container.fb-auth-layout { display:grid; grid-template-columns:minmax(0,520px) minmax(300px,440px); align-items:stretch; justify-content:center; gap:1rem; width:min(100%,1040px); min-height:calc(100vh - 170px); margin:0 auto; padding:2.25rem 1rem; }
.fb-auth-layout .auth-card { align-self:center; width:100%; max-width:520px; padding:clamp(1.5rem,3vw,2.55rem); border-radius:24px; box-shadow:0 24px 70px rgba(15,23,42,.11); }
.fb-auth-layout .auth-card::before { height:5px; background:linear-gradient(90deg,#0e9f8a,#38bdf8,#ff765e); }
.fb-auth-layout .auth-header { margin-bottom:1.6rem; }
.fb-auth-layout .auth-header h2 { font-size:clamp(1.55rem,3vw,2rem); letter-spacing:-.04em; }
.fb-auth-layout .form-group { margin-bottom:1.12rem; }
.fb-auth-layout .form-control { min-height:50px; border-radius:12px; }
.fb-auth-layout .btn-auth { min-height:50px; border-radius:12px; background:linear-gradient(120deg,#0e9f8a,#087c70); box-shadow:0 10px 24px rgba(14,159,138,.22); }
.fb-auth-showcase { position:relative; isolation:isolate; align-self:stretch; min-height:420px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; padding:clamp(1.6rem,3vw,2.4rem); border:1px solid rgba(255,255,255,.12); border-radius:24px; color:#fff; background:radial-gradient(circle at 100% 10%,rgba(52,211,153,.4),transparent 34%),linear-gradient(145deg,#10253b,#104c59 58%,#087c70); box-shadow:0 24px 55px rgba(12,52,68,.18); }
.fb-auth-showcase::before,.fb-auth-showcase::after { content:""; position:absolute; z-index:-1; width:260px; height:260px; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 24px rgba(255,255,255,.035),0 0 0 48px rgba(255,255,255,.025); }
.fb-auth-showcase::before { top:-130px; right:-95px; }
.fb-auth-showcase::after { bottom:-190px; left:-130px; width:310px; height:310px; }
.fb-auth-kicker { display:inline-flex; align-items:center; gap:.5rem; width:max-content; padding:.4rem .65rem; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.09); color:#d1fae5; font-size:.65rem; font-weight:900; letter-spacing:.12em; }
.fb-auth-showcase h2 { max-width:360px; margin:1.2rem 0 .7rem; color:#fff; font-size:clamp(1.8rem,3vw,2.55rem); font-weight:900; letter-spacing:-.055em; line-height:1.08; }
.fb-auth-showcase h2 em { color:#6ee7ce; font-style:normal; }
.fb-auth-showcase p { max-width:360px; color:rgba(240,249,255,.8); font-size:.92rem; line-height:1.7; }
.fb-auth-benefits { display:grid; gap:.7rem; margin-top:1.1rem; }
.fb-auth-benefits span { display:flex; align-items:center; gap:.65rem; color:rgba(255,255,255,.9); font-size:.76rem; font-weight:700; }
.fb-auth-benefits i { width:29px; height:29px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:9px; background:rgba(255,255,255,.09); color:#6ee7ce; }
.fb-auth-orbit { position:absolute; right:-22px; bottom:-25px; width:138px; height:138px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 20px rgba(255,255,255,.035),0 0 0 40px rgba(255,255,255,.025); }
.fb-auth-orbit span { width:62px; height:62px; display:grid; place-items:center; border-radius:20px; color:#0d3442; background:#fff; font-size:2rem; font-weight:1000; box-shadow:0 10px 28px rgba(0,0,0,.2); }
.fb-auth-orbit i { position:absolute; top:13px; left:22px; width:12px; height:12px; border-radius:50%; background:#ff765e; box-shadow:0 0 0 6px rgba(255,118,94,.17); }

/* Üye alanı */
.profile-header { max-width:1120px; margin:0 auto 1.25rem!important; border:1px solid color-mix(in srgb,var(--ui-accent) 16%,var(--ui-border)); border-top:4px solid var(--ui-accent); border-radius:24px!important; background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--ui-accent) 12%,transparent),transparent 30%),var(--ui-card)!important; box-shadow:0 18px 45px rgba(15,23,42,.08)!important; }
.profile-story-avatar-wrap { filter:drop-shadow(0 12px 18px rgba(15,23,42,.15)); }
.profile-info h1 { letter-spacing:-.045em; }
.profile-meta { gap:.5rem!important; }
.profile-meta>span,.profile-meta>a { padding:.46rem .65rem!important; border:1px solid var(--ui-border); border-radius:999px; background:var(--ui-bg); font-size:.72rem!important; }
.profile-actions { gap:.55rem!important; }
.btn-profile-settings,.btn-ban-action { min-height:42px; border-radius:11px!important; }
.profile-tabs { max-width:1120px; margin:0 auto 1.15rem!important; padding:.52rem!important; border:1px solid var(--ui-border); border-radius:16px!important; background:var(--ui-card)!important; box-shadow:0 8px 25px rgba(15,23,42,.05); }
.ptab-btn { min-height:42px; border-radius:11px!important; font-weight:800!important; }
.ptab-btn.active { box-shadow:0 6px 16px rgba(14,159,138,.17); }
.profile-grid { max-width:1120px; margin:0 auto; gap:1rem!important; grid-template-columns:minmax(260px,.78fr) minmax(0,1.55fr)!important; }
.stat-card,.profile-grid .stat-card,.profile-grid .info-card,.profile-grid .profile-card { border:1px solid var(--ui-border)!important; border-radius:18px!important; box-shadow:0 10px 28px rgba(15,23,42,.055)!important; }
.stat-card-title { padding-bottom:.78rem!important; border-bottom:1px solid var(--ui-border); font-size:.91rem!important; }
.number-grid { gap:.65rem!important; }
.number-box { min-height:104px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--ui-border)!important; border-radius:14px!important; background:linear-gradient(145deg,var(--ui-bg),color-mix(in srgb,var(--ui-accent) 5%,var(--ui-card)))!important; }
.number-val { color:var(--ui-accent)!important; font-size:1.65rem!important; font-weight:950!important; }
.profile-activity-actions { gap:.5rem!important; }
.profile-activity-btn { min-height:42px; border-radius:11px!important; font-weight:750!important; }

/* Analiz merkezi */
.fb-analytics-page { width:min(100% - 2rem,1240px); margin:1rem auto 3rem; }
.fb-analytics-hero { position:relative; isolation:isolate; overflow:hidden; padding:clamp(1.5rem,4vw,3rem); border-radius:26px; color:#fff; background:linear-gradient(112deg,#10253b,#153e51 52%,#087c70); box-shadow:0 24px 58px rgba(12,52,68,.2); }
.fb-analytics-hero::after { content:""; position:absolute; z-index:-1; right:5%; top:-170px; width:360px; height:360px; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025); }
.fb-analytics-kicker { display:inline-flex; gap:.45rem; align-items:center; color:#a7f3e5; font-size:.68rem; font-weight:900; letter-spacing:.13em; }
.fb-analytics-hero h1 { margin:.65rem 0 .5rem; color:#fff; font-size:clamp(2rem,4.4vw,3.1rem); font-weight:950; letter-spacing:-.06em; line-height:1.05; }
.fb-analytics-hero p { max-width:700px; color:rgba(240,249,255,.82); line-height:1.7; }
.fb-analytics-search { display:flex; align-items:center; gap:.65rem; width:min(100%,720px); margin-top:1.3rem; padding:.48rem .55rem .48rem 1rem; border:1px solid rgba(255,255,255,.25); border-radius:14px; background:rgba(255,255,255,.96); box-shadow:0 12px 30px rgba(0,0,0,.14); }
.fb-analytics-search i { color:#64748b; }
.fb-analytics-search input { flex:1; min-width:0; padding:.7rem .25rem; border:0; outline:0; color:#142437; background:transparent; }
.fb-analytics-search button,.fb-analysis-submit { min-height:42px; padding:.65rem 1rem; border:0; border-radius:10px; color:#fff; background:var(--fb-teal); font-weight:850; cursor:pointer; }
.fb-analytics-categories { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0 1.2rem; }
.fb-analytics-categories a { padding:.48rem .72rem; border:1px solid var(--ui-border); border-radius:999px; color:var(--ui-text-main); background:var(--ui-card); font-size:.73rem; font-weight:800; text-decoration:none; }
.fb-analytics-categories a:hover { color:var(--ui-accent); border-color:var(--ui-accent); }
.fb-analytics-section { margin-top:1.5rem; scroll-margin-top:95px; }
.fb-analytics-section-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin:0 0 .75rem; }
.fb-analytics-section-head h2 { margin:0; color:var(--ui-text-main); font-size:1.2rem; letter-spacing:-.025em; }
.fb-analytics-section-head p { margin:.25rem 0 0; color:var(--ui-text-muted); font-size:.78rem; }
.fb-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.fb-tool-card { position:relative; min-height:132px; display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; padding:1rem; border:1px solid var(--ui-border); border-radius:17px; color:var(--ui-text-main); background:var(--ui-card); box-shadow:0 7px 22px rgba(15,23,42,.04); text-align:left; cursor:pointer; transition:transform .18s,border-color .18s,box-shadow .18s; }
.fb-tool-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border)); box-shadow:0 15px 32px rgba(15,23,42,.09); }
.fb-tool-card-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:var(--ui-accent); background:var(--ui-accent-light); }
.fb-tool-card strong { font-size:.88rem; }
.fb-tool-card small { color:var(--ui-text-muted); font-size:.72rem; line-height:1.45; }
.fb-analysis-panel { display:none; margin:1rem 0; padding:clamp(1rem,3vw,1.5rem); border:1px solid var(--ui-border); border-radius:18px; background:var(--ui-card); box-shadow:var(--ui-shadow); scroll-margin-top:100px; }
.fb-analysis-panel.is-open { display:block; animation:fbPanelIn .2s ease both; }
@keyframes fbPanelIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
.fb-analysis-panel h2,.fb-analysis-panel h3 { margin:.1rem 0 .4rem; color:var(--ui-text-main); }
.fb-analysis-panel p { color:var(--ui-text-muted); font-size:.82rem; line-height:1.6; }
.fb-analysis-panel label { display:block; margin:.7rem 0 .35rem; color:var(--ui-text-main); font-size:.75rem; font-weight:850; }
.fb-analysis-panel input,.fb-analysis-panel textarea,.fb-analysis-panel select { width:100%; min-height:44px; padding:.72rem .82rem; border:1px solid var(--ui-border); border-radius:11px; color:var(--ui-text-main); background:var(--ui-bg); }
.fb-analysis-panel textarea { min-height:150px; resize:vertical; line-height:1.55; }
.fb-analysis-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.fb-analysis-actions button { min-height:40px; padding:.6rem .85rem; border:1px solid var(--ui-border); border-radius:10px; color:var(--ui-text-main); background:var(--ui-card); font-size:.76rem; font-weight:800; cursor:pointer; }
.fb-analysis-actions button.primary { border-color:var(--ui-accent); color:#fff; background:var(--ui-accent); }
.fb-analysis-output { min-height:48px; margin-top:.85rem; padding:.8rem; border:1px solid var(--ui-border); border-radius:12px; background:var(--ui-bg); color:var(--ui-text-main); font-size:.81rem; line-height:1.6; overflow-wrap:anywhere; }
.fb-analysis-output:empty { display:none; }
.fb-analysis-output pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
.fb-seo-result { margin-top:1rem; padding:1rem; border:1px solid var(--ui-border); border-radius:16px; background:var(--ui-card); }
.fb-seo-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; margin:.8rem 0; }
.fb-seo-result-item { padding:.7rem; border:1px solid var(--ui-border); border-radius:11px; background:var(--ui-bg); }
.fb-seo-result-item small,.fb-seo-result-item strong { display:block; }
.fb-seo-result-item small { margin-bottom:.25rem; color:var(--ui-text-muted); font-size:.65rem; }
.fb-seo-result-item strong { color:var(--ui-text-main); font-size:.78rem; overflow-wrap:anywhere; }
.fb-analysis-notice { padding:.7rem .8rem; border-left:3px solid #38bdf8; border-radius:0 10px 10px 0; color:var(--ui-text-muted); background:rgba(56,189,248,.08); font-size:.73rem; line-height:1.55; }
.fb-analysis-error { border-left-color:#ef4444; background:rgba(239,68,68,.08); color:#b91c1c; }
.fb-analysis-hidden { display:none!important; }
@media(max-width:900px) { .auth-container.fb-auth-layout { grid-template-columns:minmax(0,520px) minmax(250px,360px); } .fb-auth-showcase { min-height:380px; } .fb-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .fb-app-launcher { margin-left:.2rem; } .fb-launcher-button { width:40px; height:40px; } .fb-tools-panel { left:-52px; top:calc(100% + 8px); } .fb-profile-panel { right:-5px; } .fb-auth-layout.auth-container { display:flex; flex-direction:column-reverse; gap:.8rem; min-height:0; padding:1rem .65rem 1.5rem; } .fb-auth-layout .auth-card { max-width:580px; margin:0 auto; } .fb-auth-showcase { width:min(100%,580px); min-height:0; margin:0 auto; padding:1.2rem; border-radius:19px; } .fb-auth-showcase h2 { margin:.75rem 0 .4rem; font-size:1.65rem; } .fb-auth-showcase p { margin-bottom:.25rem; font-size:.82rem; } .fb-auth-benefits { grid-template-columns:1fr; gap:.45rem; margin-top:.7rem; } .fb-auth-benefits span { font-size:.7rem; } .fb-auth-orbit { width:84px; height:84px; right:-15px; bottom:-20px; } .fb-auth-orbit span { width:42px; height:42px; border-radius:14px; font-size:1.4rem; } .fb-welcome-metrics { gap:.38rem; margin-top:.85rem; } .fb-welcome-metrics>span,.fb-welcome-metrics>a { padding:.35rem .5rem; font-size:.64rem; } .profile-grid { grid-template-columns:1fr!important; } .fb-analytics-page { width:calc(100% - 1rem); margin-top:.5rem; } .fb-analytics-hero { padding:1.3rem; border-radius:20px; } .fb-analytics-hero h1 { font-size:2rem; } .fb-analytics-search { flex-wrap:wrap; padding:.45rem; } .fb-analytics-search input { flex-basis:calc(100% - 2rem); } .fb-analytics-search button { width:100%; } .fb-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; } .fb-tool-card { min-height:120px; padding:.8rem; } .fb-seo-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { .fb-tools-grid { grid-template-columns:1fr; } .fb-tool-tile { min-height:0; display:grid; grid-template-columns:36px 1fr; align-items:center; padding:.55rem; } .fb-tool-tile>span { grid-row:span 2; } .fb-tool-tile strong,.fb-tool-tile small { align-self:end; } .fb-tool-grid { grid-template-columns:1fr; } .fb-tool-card { min-height:94px; display:grid; grid-template-columns:42px 1fr; align-items:center; column-gap:.7rem; } .fb-tool-card-icon { grid-row:span 2; } .fb-tool-card strong,.fb-tool-card small { align-self:end; } .fb-seo-result-grid { grid-template-columns:1fr; } .fb-profile-panel { width:calc(100vw - 18px)!important; } }
.fb-seo-score { min-width:74px; min-height:74px; display:grid; place-content:center; border:5px solid color-mix(in srgb,var(--ui-accent) 22%,var(--ui-border)); border-right-color:var(--ui-accent); border-radius:50%; color:var(--ui-accent); font-size:1.2rem; text-align:center; }
.fb-seo-score small { display:block; color:var(--ui-text-muted); font-size:.55rem; }
.fb-analysis-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin-top:.8rem; }
.fb-analysis-check { min-width:0; display:flex; align-items:flex-start; gap:.55rem; padding:.65rem; border:1px solid var(--ui-border); border-radius:11px; background:var(--ui-bg); }
.fb-analysis-check>i { margin-top:.12rem; color:#d97706; }
.fb-analysis-check.is-good>i { color:#0e9f8a; }
.fb-analysis-check strong,.fb-analysis-check small { display:block; }
.fb-analysis-check strong { color:var(--ui-text-main); font-size:.73rem; }
.fb-analysis-check small { margin-top:.16rem; color:var(--ui-text-muted); font-size:.66rem; line-height:1.4; overflow-wrap:anywhere; }
.fb-analysis-panel .fb-seo-result h3 { overflow-wrap:anywhere; font-size:.95rem; }
@media(max-width:600px) { .fb-analysis-checks { grid-template-columns:1fr; } .fb-seo-score { min-width:60px; min-height:60px; border-width:4px; } }

/* ForumBiz visual fixes: clear metrics, compact account tiles, and stronger profile identity */
.fb-brand { gap:.65rem!important; text-decoration:none; }
.fb-brand-mark { display:block; width:44px; height:44px; flex:0 0 44px; filter:drop-shadow(0 6px 12px rgba(14,159,138,.2)); }
.fb-brand .logo-text { display:flex; flex-direction:column; gap:0; line-height:1; background:none; color:var(--ui-text-main); -webkit-text-fill-color:initial; }
.fb-brand .logo-text::before { content:none; }
.fb-brand .logo-text strong { font-size:1.23rem; font-weight:950; letter-spacing:-.055em; }
.fb-brand .logo-text small { margin-top:.28rem; color:var(--ui-text-muted); font-size:.57rem; font-weight:800; letter-spacing:.085em; }
.fb-welcome-metrics { gap:.5rem; user-select:none; -webkit-user-select:none; }
.fb-welcome-metrics>span,.fb-welcome-metrics>a { min-height:40px; padding:.52rem .72rem; border:1px solid rgba(148,163,184,.3); background:rgba(255,255,255,.94); color:#35465a; box-shadow:0 5px 15px rgba(15,23,42,.055); backdrop-filter:blur(8px); }
.fb-welcome-metrics i { color:#0e9f8a; }
.fb-welcome-metrics strong { color:#10253b; font-size:.8rem; }
.fb-welcome-metrics small { color:#52647a; font-size:.7rem; }
.fb-welcome-metrics>a:hover { background:#fff; border-color:#0e9f8a; color:#087c70; }
.fb-profile-panel { right:0; left:auto; width:min(438px,calc(100vw - 22px))!important; max-height:min(76vh,650px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:.42rem; padding:.72rem!important; }
.fb-profile-panel .fb-profile-identity,.fb-profile-panel .fb-profile-section-label,.fb-profile-panel form,.fb-profile-panel>div[style*="border-top"] { grid-column:1/-1; }
.fb-profile-panel .fb-profile-identity { margin:0 0 .1rem; padding:.72rem .8rem; }
.fb-profile-panel .fb-profile-section-label { padding:.32rem .18rem .08rem; }
.fb-profile-panel .profile-menu-link,.fb-profile-panel form .profile-menu-link { min-width:0; min-height:68px; margin:0; padding:.58rem .6rem; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:.4rem; border:1px solid var(--ui-border); border-radius:13px; background:var(--ui-card); color:var(--ui-text-main); font-size:.74rem; font-weight:800; line-height:1.2; text-decoration:none; }
.fb-profile-panel .profile-menu-link:hover { transform:translateY(-1px); background:var(--ui-accent-light); border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border)); }
.fb-profile-panel .profile-menu-link i { width:28px; height:28px; border-radius:9px; color:var(--ui-accent); background:var(--ui-accent-light); font-size:.82rem; }
.fb-profile-panel form { margin-top:.1rem!important; }
.fb-profile-panel form .profile-menu-link { width:100%; min-height:44px; flex-direction:row; align-items:center; }
.fb-profile-panel form .profile-menu-link i { display:grid; }
.profile-header { max-width:1160px; min-height:220px; padding:clamp(1.25rem,2.5vw,2rem)!important; gap:clamp(1rem,2vw,1.65rem)!important; }
.profile-story-avatar-wrap { width:124px!important; height:124px!important; flex-basis:124px!important; }
.profile-story-view-link,.profile-avatar-lg { width:114px!important; height:114px!important; }
.profile-info h1 { margin-bottom:.58rem!important; font-size:clamp(1.65rem,3.2vw,2.25rem)!important; }
.profile-meta { max-width:760px; }
.profile-meta>span,.profile-meta>a { line-height:1.35; }
.profile-actions { min-width:165px; align-self:center; }
.profile-actions .btn-profile-settings { justify-content:center; }
.profile-tabs { max-width:1160px!important; }
.profile-grid { max-width:1160px!important; grid-template-columns:minmax(245px,.75fr) minmax(0,1.6fr)!important; }
.profile-grid .stat-card,.profile-grid .info-card,.profile-grid .profile-card { padding:1.1rem!important; }
.profile-grid .number-box { min-height:94px; }
.profile-grid .number-box .number-label { max-width:12ch; margin-inline:auto; line-height:1.3; }
.fb-analytics-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin:-.15rem 0 1rem; color:var(--ui-text-muted); font-size:.74rem; }
.fb-analytics-toolbar>span strong { color:var(--ui-text-main); font-size:.82rem; }
.fb-analytics-toolbar [role="group"] { display:flex; gap:.35rem; padding:.22rem; border:1px solid var(--ui-border); border-radius:12px; background:var(--ui-card); }
.fb-analytics-toolbar button { width:37px; height:35px; display:grid; place-items:center; border:0; border-radius:9px; color:var(--ui-text-muted); background:transparent; cursor:pointer; }
.fb-analytics-toolbar button.is-active { color:#fff; background:var(--ui-accent); }
.fb-analytics-page.is-list .fb-tool-grid { grid-template-columns:1fr; gap:.45rem; }
.fb-analytics-page.is-list .fb-tool-card { min-height:74px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; column-gap:.75rem; padding:.68rem .8rem; }
.fb-analytics-page.is-list .fb-tool-card-icon { grid-column:1; grid-row:1/3; }
.fb-analytics-page.is-list .fb-tool-card strong { grid-column:2; grid-row:1; align-self:end; }
.fb-analytics-page.is-list .fb-tool-card small { grid-column:2; grid-row:2; align-self:start; }
.fb-analysis-output { white-space:pre-wrap; }
.fb-tool-card-icon svg { width:19px; height:19px; }
.page-center-content .forum-welcome { border:1px solid rgba(255,255,255,.16)!important; color:#fff!important; background:radial-gradient(circle at 92% 110%,rgba(255,118,94,.36),transparent 23%),linear-gradient(112deg,#10253b 0%,#153e51 53%,#087c70 100%)!important; box-shadow:0 22px 55px rgba(12,52,68,.2)!important; }
.page-center-content .forum-welcome .welcome-copy h1 { color:#fff!important; }
.page-center-content .forum-welcome .welcome-copy p { color:rgba(240,249,255,.84)!important; }
.page-center-content .forum-welcome .welcome-shortcut { color:rgba(255,255,255,.94)!important; border-color:rgba(255,255,255,.22)!important; background:rgba(255,255,255,.1)!important; }
.page-center-content .forum-welcome .welcome-shortcut:hover { color:#fff!important; background:rgba(255,255,255,.18)!important; }
.page-center-content .forum-welcome .welcome-actions .forum-btn:not(.primary) { color:#132a3d!important; background:#fff!important; border-color:#fff!important; }

/* Compact, high-contrast profile dossier and account menu */
.fb-profile-panel { width:min(540px,calc(100vw - 24px))!important; max-height:min(72vh,590px); grid-template-columns:repeat(3,minmax(0,1fr)); gap:.38rem; padding:.62rem!important; }
.fb-profile-panel .profile-menu-link,.fb-profile-panel form .profile-menu-link { min-height:54px; padding:.42rem .5rem; flex-direction:row; align-items:center; justify-content:flex-start; gap:.5rem; font-size:.69rem; }
.fb-profile-panel .profile-menu-link i { width:25px; height:25px; flex:0 0 25px; }
.fb-profile-panel>.profile-menu-link:first-of-type { grid-column:1/-1; }
.fb-profile-panel .fb-profile-identity { min-height:54px; padding:.48rem .62rem; }
.fb-profile-panel .fb-profile-avatar { width:36px; height:36px; flex-basis:36px; }
.profile-dossier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.48rem; margin:.1rem 0 .75rem; }
.profile-dossier-item { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:.3rem; min-height:58px; padding:.58rem .68rem; border:1px solid var(--ui-border); border-radius:12px; background:linear-gradient(145deg,var(--ui-bg),var(--ui-card)); }
.profile-dossier-item>span { display:flex; align-items:center; gap:.38rem; color:var(--ui-text-muted); font-size:.66rem; font-weight:800; }
.profile-dossier-item>span i { color:var(--ui-accent); }
.profile-dossier-item>strong { color:var(--ui-text-main); font-size:.82rem; overflow-wrap:anywhere; }
.profile-dossier-item em { font-size:.78rem; font-style:normal; }
.profile-dossier-item em.positive { color:#059669; }.profile-dossier-item em.negative { color:#ef4444; }
.profile-dossier-visitors { margin:.2rem 0 .8rem; padding:.68rem; border:1px solid var(--ui-border); border-radius:13px; background:linear-gradient(140deg,var(--ui-accent-light),var(--ui-card) 65%); }
.profile-dossier-visitors>div:first-child { display:flex; align-items:center; gap:.4rem; color:var(--ui-text-main); font-size:.73rem; font-weight:900; }
.profile-dossier-visitors>div:first-child>i { color:var(--ui-accent); }
.profile-dossier-visitors>div:first-child a { margin-left:auto; color:var(--ui-accent); text-decoration:none; font-size:.68rem; }
.profile-dossier-visitor-list { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.55rem; }
.profile-dossier-visitor-list a { display:flex; align-items:center; gap:.35rem; max-width:150px; padding:.25rem .45rem .25rem .25rem; border:1px solid var(--ui-border); border-radius:999px; background:var(--ui-card); color:var(--ui-text-main); text-decoration:none; }
.profile-dossier-visitor-list a>span { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--ui-accent-light); color:var(--ui-accent); font-size:.65rem; font-weight:900; }
.profile-dossier-visitor-list a small { overflow:hidden; font-size:.64rem; text-overflow:ellipsis; white-space:nowrap; }
.quick-links { gap:.62rem; padding:.9rem; }
.quick-link { min-height:56px; gap:.65rem; padding:.72rem; border-radius:13px; background:linear-gradient(145deg,var(--ui-bg),var(--ui-card)); box-shadow:0 4px 12px rgba(15,23,42,.035); }
.quick-link i { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; border-radius:10px; background:var(--ui-accent-light); font-size:.85rem; }
.quick-link:hover { border-color:color-mix(in srgb,var(--ui-accent) 48%,var(--ui-border)); box-shadow:0 8px 20px rgba(15,23,42,.08); }
.fb-analytics-categories { gap:.55rem; }
.fb-analytics-categories a { display:inline-flex; align-items:center; gap:.4rem; min-height:40px; padding:.5rem .8rem; border-radius:12px; box-shadow:0 3px 10px rgba(15,23,42,.035); }
.fb-analytics-categories a:hover { transform:translateY(-1px); box-shadow:0 7px 16px rgba(15,23,42,.07); }
.quick-links { gap:.62rem!important; padding:.9rem!important; }
.quick-link { min-height:56px!important; padding:.72rem!important; border-radius:13px!important; background:linear-gradient(145deg,var(--ui-bg),var(--ui-card))!important; font-size:.74rem!important; font-weight:850!important; gap:.62rem!important; box-shadow:0 4px 12px rgba(15,23,42,.035)!important; }
.quick-link i { width:30px!important; height:30px!important; display:grid!important; place-items:center!important; flex:0 0 30px!important; border-radius:10px!important; background:var(--ui-accent-light)!important; color:var(--ui-accent)!important; }
.quick-link:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--ui-accent) 48%,var(--ui-border))!important; box-shadow:0 8px 20px rgba(15,23,42,.08)!important; }
@media(max-width:760px) { .fb-profile-panel { width:min(460px,calc(100vw - 18px))!important; max-height:min(68vh,530px); grid-template-columns:repeat(2,minmax(0,1fr)); } .fb-profile-panel .profile-menu-link,.fb-profile-panel form .profile-menu-link { min-height:50px; } }
@media(max-width:480px) { .profile-dossier-grid { grid-template-columns:1fr 1fr; gap:.35rem; } .profile-dossier-item { min-height:54px; padding:.48rem; } .profile-dossier-item>span { font-size:.6rem; } .profile-dossier-item>strong { font-size:.75rem; } }
@media(max-width:760px) {
  .fb-brand-mark { width:39px; height:39px; flex-basis:39px; }
  .fb-brand .logo-text strong { font-size:1.08rem; }
  .fb-brand .logo-text small { font-size:.52rem; }
  .fb-profile-panel { right:-4px; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:70vh; }
  .fb-profile-panel .profile-menu-link,.fb-profile-panel form .profile-menu-link { min-height:62px; }
  .profile-header { min-height:0; padding:1.25rem!important; }
  .profile-grid { grid-template-columns:1fr!important; }
  .fb-analytics-page.is-list .fb-tool-card { grid-template-columns:38px minmax(0,1fr); }
  .fb-analytics-page.is-list .fb-tool-card-icon { grid-row:1/3; }
}