/* ═══════════════════════════════════════════════════════
   TrackMovo Website · Mockup v2 — "Quiet Confidence"
   Tokens portate din design-system.css (app iOS). SVG icon system (zero emoji).
   ═══════════════════════════════════════════════════════ */
:root {
    --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-pill: 100px;
    --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
    --font-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
    --danger: #ff6b6b;
    --gold: #f5d76e;
}
body {
    --primary: #c5f84e; --accent: #c5f84e;
    --primary-soft: rgba(197,248,78,0.10); --primary-glow: rgba(197,248,78,0.35);
    --bg: #0a0a0a; --card: #131313; --card-2: #1a1a1a;
    --text: #fafaf7;
    --text-2: rgba(250,247,247,0.65); --text-3: rgba(250,247,247,0.45);
    --rule: rgba(255,255,255,0.08); --rule-soft: rgba(255,255,255,0.04); --rule-strong: rgba(255,255,255,0.14);
    --on-primary: #0a0a0a;
}
/* ─── Teme identice cu app-ul (gym_theme) ─── */
body[data-theme="default"]  { --primary:#3b82f6; --accent:#60a5fa; --primary-soft:rgba(59,130,246,0.10); --primary-glow:rgba(59,130,246,0.35); --on-primary:#fff; }
body[data-theme="carbon"]   { --primary:#94a3b8; --accent:#cbd5e1; --primary-soft:rgba(148,163,184,0.10); --primary-glow:rgba(148,163,184,0.35); --on-primary:#0a0a0a; }
body[data-theme="yellow"]   { --primary:#facc15; --accent:#eab308; --primary-soft:rgba(250,204,21,0.10); --primary-glow:rgba(250,204,21,0.35); --bg:#121008; --card:#1a170c; --on-primary:#0a0a0a; }
body[data-theme="sunset"]   { --primary:#fb923c; --accent:#fdba74; --primary-soft:rgba(251,146,60,0.10); --primary-glow:rgba(251,146,60,0.35); --bg:#140b05; --card:#1c1109; --on-primary:#0a0a0a; }
body[data-theme="neon"]     { --primary:#a855f7; --accent:#d946ef; --primary-soft:rgba(168,85,247,0.10); --primary-glow:rgba(168,85,247,0.35); --bg:#0f0614; --card:#170a1e; --on-primary:#fff; }
body[data-theme="ocean"]    { --primary:#06b6d4; --accent:#0ea5e9; --primary-soft:rgba(6,182,212,0.10); --primary-glow:rgba(6,182,212,0.35); --bg:#041014; --card:#08181e; --on-primary:#0a0a0a; }
body[data-theme="emerald"]  { --primary:#10b981; --accent:#059669; --primary-soft:rgba(16,185,129,0.10); --primary-glow:rgba(16,185,129,0.35); --bg:#04120a; --card:#081a10; --on-primary:#0a0a0a; }
body[data-theme="predator"] { --primary:#dc2626; --accent:#ef4444; --primary-soft:rgba(220,38,38,0.10); --primary-glow:rgba(220,38,38,0.35); --bg:#120505; --card:#1a0909; --on-primary:#fff; }

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family: var(--font-sans);
    background: var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.005em;
    min-height: 100vh;
    transition: background 0.3s ease;
}
.mono { font-family: var(--font-mono); }
.label {
    font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--text-3); font-weight: 500;
}
.accent { color: var(--primary); }

/* ─── SVG icon system ─── */
.ico { width:16px; height:16px; flex-shrink:0; display:inline-block; vertical-align:-3px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ico.solid { fill:currentColor; stroke:none; }
.ico-sm { width:12px; height:12px; }
.ico-lg { width:22px; height:22px; }
.ico-xl { width:28px; height:28px; }
.row-ico { display:inline-flex; align-items:center; gap:6px; }

/* ─── Topbar ─── */
.topbar {
    position: sticky; top: 0; z-index: 100;
    display: flex; align-items: center; gap: 18px;
    padding: 0 28px; height: 62px;
    background: color-mix(in srgb, var(--bg) 85%, transparent);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--rule);
}
.logo { display:flex; align-items:center; gap:10px; font-weight:600; letter-spacing:-0.02em; font-size:1.05rem; cursor:pointer; }
.logo-dot { width:26px; height:26px; border-radius:8px; background:var(--primary); box-shadow:0 0 22px var(--primary-glow); display:flex; align-items:center; justify-content:center; color:var(--on-primary); font-weight:700; font-size:0.85rem; }
.nav { display:flex; gap:2px; margin-left:8px; flex:1; }
.nav-link {
    display:inline-flex; align-items:center; gap:6px;
    padding: 8px 12px; border-radius: var(--r-pill); border: 1px solid transparent;
    font-size: 0.8rem; color: var(--text-2); cursor: pointer; background: none;
    font-family: var(--font-sans); transition: 0.15s; white-space:nowrap;
}
.nav-link .ico { width:14px; height:14px; }
.nav-link:hover { color: var(--text); background: rgba(255,255,255,0.04); }
.nav-link.active { color: var(--primary); background: var(--primary-soft); border-color: color-mix(in srgb, var(--primary) 25%, transparent); }
.pro-chip {
    display:inline-flex; align-items:center; gap:6px;
    font-family: var(--font-mono); font-size:0.62rem; letter-spacing:0.14em; font-weight:600;
    background: var(--primary); color: var(--on-primary); border:none; cursor:pointer;
    padding: 9px 16px; border-radius: var(--r-pill); box-shadow: 0 4px 20px var(--primary-glow);
}
.avatar { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg, var(--primary-soft), var(--card-2)); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:600; color:var(--text-2); }

/* ═══════════════════════════════════════════════════════
   TWO SURFACES:
   #landing = public marketing page (logged out)
   #app     = logged-in member app (persistent left sidebar)
   ═══════════════════════════════════════════════════════ */
.hidden { display:none !important; }

/* ─── BRAND ICON (cheetah din www/icon.png, resized 96px) ─── */
:root { --brand-icon: url("data:image/png;base64,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"); }
.logo-dot, .campaign-ava, .post-ava, .avatar {
    background-image: var(--brand-icon) !important;
    background-size: cover !important; background-position: center !important;
    color: transparent !important; text-indent: -9999px; overflow: hidden;
}
.post-ava { box-shadow: none !important; border: 1px solid var(--rule-strong); }
.campaign-ava { background-color: #fff !important; }
.logo-dot { background-color: #fff !important; box-shadow: 0 0 16px var(--primary-glow) !important; }

/* ─── LANDING top bar (marketing) ─── */
.landing-top { position:sticky; top:0; z-index:100; display:flex; align-items:center; gap:16px;
    padding:0 clamp(20px,5vw,48px); height:64px;
    background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid var(--rule); }
.landing-top .logo { flex:1; }
.lt-actions { display:flex; align-items:center; gap:10px; }
.landing-inner { max-width:1080px; margin:0 auto; padding:0 clamp(20px,5vw,28px) 90px; }

/* ─── APP SHELL ─── */
.app-shell { display:grid; grid-template-columns:250px 1fr; min-height:100vh; align-items:start; }
.sidebar { position:sticky; top:0; height:100vh; box-sizing:border-box; padding:18px 12px; display:flex; flex-direction:column; gap:3px;
    border-right:1px solid var(--rule); background:var(--sidebar-bg, #060606); }
.sidebar .sb-logo { display:flex; align-items:center; gap:10px; font-weight:600; letter-spacing:-0.02em; padding:8px 12px 16px; cursor:pointer; }
.sb-link { display:flex; align-items:center; gap:13px; padding:11px 13px; border-radius:12px; color:var(--text-2);
    cursor:pointer; font-size:0.9rem; background:none; border:none; font-family:inherit; text-align:left; width:100%; transition:0.14s; position:relative; }
.sb-link .ico { width:18px; height:18px; flex-shrink:0; }
.sb-link:hover { background:rgba(255,255,255,0.045); color:var(--text); }
.sb-link.active { background:var(--primary-soft); color:var(--primary); font-weight:600; }
.sb-link.active::before { content:""; position:absolute; left:0; top:9px; bottom:9px; width:3px; border-radius:2px; background:var(--primary); }
.sb-link .sb-badge { margin-left:auto; min-width:19px; height:19px; padding:0 5px; border-radius:var(--r-pill);
    background:var(--danger); color:#fff; font-family:var(--font-mono); font-size:0.6rem; font-weight:700;
    display:flex; align-items:center; justify-content:center; }
.sb-link.gold { color:var(--gold); }
.sb-section-label { font-family:var(--font-mono); font-size:0.56rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--text-3); padding:14px 14px 6px; }
.sb-divider { height:1px; background:var(--rule); margin:12px 8px; }
.sb-spacer { flex:1; }
.su-name { font-size:0.82rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.su-sub { font-size:0.62rem; color:var(--text-3); font-family:var(--font-mono); margin-top:2px; }
/* Profile pinned at the very bottom, with avatar image */
.sb-profile { margin-top:4px; padding:8px 10px !important; border:1px solid var(--rule); border-radius:14px; background:var(--card); }
.sb-profile.active { background:var(--primary-soft); border-color:color-mix(in srgb, var(--primary) 30%, transparent); }
.sb-profile.active::before { display:none; }
.sb-profile-pic { width:34px; height:34px; flex-shrink:0; }
.sb-admin-toggle { display:flex; align-items:center; gap:8px; justify-content:center; margin-top:8px; padding:8px; border-radius:10px;
    background:none; border:1px dashed var(--rule-strong); color:var(--text-3); cursor:pointer; font-family:var(--font-mono); font-size:0.58rem; letter-spacing:0.12em; transition:0.14s; }
body.admin .sb-admin-toggle { border-style:solid; border-color:color-mix(in srgb, var(--gold) 45%, transparent); color:var(--gold); background:rgba(245,215,110,0.08); }
.sb-admin-toggle .ico { width:12px; height:12px; }
.app-main { min-width:0; }
.app-main > .view { padding:34px clamp(20px,4vw,44px) 100px; }
.app-topbar { display:none; }

/* Vertical always — on narrow screens collapse to an icon rail, still on the left */
@media (max-width:900px) {
    .app-shell { grid-template-columns:66px 1fr; }
    .sidebar { padding:14px 8px; }
    .sb-logo { justify-content:center; padding:8px 0 16px; }
    .sb-section-label { display:none; }
    .sb-txt { display:none; }
    .sb-link { justify-content:center; padding:12px 0; }
    .sb-link .ico { width:21px; height:21px; }
    .sb-link .sb-badge { position:absolute; top:4px; right:8px; margin:0; }
    .sb-profile { padding:8px !important; justify-content:center; }
    .sb-admin-toggle { padding:10px 0; }
    .sb-admin-toggle .ico { width:16px; height:16px; }
}

/* ─── Views ─── */
.view { display:none; max-width: 1080px; margin: 0 auto; padding: 40px 28px 120px; }
.view.active { display:block; animation: fadeUp 0.35s ease; }
@keyframes fadeUp { from { opacity:0; transform:translateY(8px);} to { opacity:1; transform:none;} }

/* ─── Cards & shared ─── */
.card {
    background: var(--card); border: 1px solid var(--rule);
    border-radius: var(--r-lg); padding: 26px;
}
.btn {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding: 13px 24px; border-radius: var(--r-md); font-size:0.9rem; font-weight:600;
    border:none; cursor:pointer; font-family:var(--font-sans); transition:0.15s;
}
.btn .ico { width:15px; height:15px; }
.btn-primary { background: var(--primary); color: var(--on-primary); box-shadow: 0 8px 30px var(--primary-glow); }
.btn-primary:hover { transform: translateY(-1px); }
.btn-ghost { background: transparent; border:1px solid var(--rule-strong); color: var(--text); }
.btn-ghost:hover { border-color: var(--primary); color: var(--primary); }
.section-head { display:flex; align-items:baseline; justify-content:space-between; margin: 56px 0 20px; }
h1,h2,h3 { font-weight: 500; letter-spacing: -0.025em; }

/* ─── CAMPAIGN HEADER — Patreon-style public page (banner + profile + stats + CTA) ─── */
.campaign-card { border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; }
.campaign-banner { height:170px; position:relative;
    background:
        radial-gradient(ellipse 60% 100% at 18% 0%, var(--primary-soft), transparent 60%),
        radial-gradient(ellipse 50% 80% at 92% 100%, var(--primary-soft), transparent 55%),
        linear-gradient(160deg, var(--card-2), #000);
}
.campaign-banner::after { content:""; position:absolute; inset:0; background-image:radial-gradient(circle, rgba(255,255,255,0.055) 1px, transparent 1px); background-size:22px 22px; }
.campaign-ava-wrap { display:flex; justify-content:center; margin-top:-46px; position:relative; z-index:2; }
.campaign-ava { width:92px; height:92px; border-radius:50%; background:var(--primary); color:var(--on-primary); display:flex; align-items:center; justify-content:center; font-size:2rem; font-weight:700; border:5px solid var(--card); box-shadow:0 10px 40px var(--primary-glow); }
.campaign-body { text-align:center; padding:14px 28px 32px; }
.campaign-body h1 { font-size:clamp(1.6rem,4vw,2.2rem); margin-bottom:4px; }
.campaign-body .label { display:block; margin-top:6px; }
.campaign-body h1 { font-size:clamp(1.6rem,4vw,2.2rem); margin-bottom:4px; }
.campaign-body .label { display:block; margin-top:0; }
.campaign-tags { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin:18px 0 24px; }
.campaign-tag { display:inline-flex; align-items:center; gap:7px; font-size:0.76rem; padding:8px 14px; border-radius:var(--r-pill); background:rgba(255,255,255,0.04); border:1px solid var(--rule-strong); color:var(--text-2); }
.campaign-tag .dot { width:7px; height:7px; border-radius:50%; background:var(--primary); box-shadow:0 0 8px var(--primary-glow); flex-shrink:0; }
.campaign-stats { display:flex; justify-content:center; gap:38px; margin-bottom:26px; flex-wrap:wrap; }
.campaign-stats .cs-num { font-family:var(--font-mono); font-size:1.5rem; font-weight:600; color:var(--primary); }
.campaign-stats .cs-cap { font-size:0.66rem; color:var(--text-3); margin-top:3px; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:0.08em; }
.campaign-cta-row { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.app-links { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:22px; flex-wrap:wrap; }
.app-links-label { font-family:var(--font-mono); font-size:0.64rem; letter-spacing:0.06em; color:var(--text-3); text-transform:uppercase; }
.app-links a { display:inline-flex; align-items:center; gap:7px; font-size:0.8rem; color:var(--text-2); text-decoration:none; }
.app-links a .ico { width:15px; height:15px; }
.app-links a:hover { color:var(--primary); }

/* ─── HERO (landing) ─── */
.hero { text-align:center; padding: 90px 0 60px; position:relative; }
.hero::before {
    content:""; position:absolute; inset:-62px -50vw 0; pointer-events:none;
    background: radial-gradient(ellipse 55% 55% at 50% -10%, var(--primary-soft), transparent 65%);
}
.hero .label { margin-bottom: 18px; display:block; }
.hero h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); line-height:1.05; font-weight: 500; }
.hero h1 em { font-style: normal; color: var(--primary); }
.hero p { color: var(--text-2); max-width: 520px; margin: 22px auto 34px; line-height:1.6; font-size:1.02rem; }
.store-badges { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.store-badge {
    display:flex; align-items:center; gap:12px; padding: 12px 22px;
    background:#000; border:1px solid var(--rule-strong); border-radius: 14px; cursor:pointer; transition:0.15s; color:var(--text); text-decoration:none;
}
.store-badge:hover { border-color: var(--primary); }
.store-badge .ico { width:26px; height:26px; color:#fff; }
.store-badge div { text-align:left; }
.store-badge .s-top { font-size:0.6rem; color:var(--text-3); font-family:var(--font-mono); letter-spacing:0.1em; text-transform:uppercase; }
.store-badge .s-bot { font-size:0.95rem; font-weight:600; }

.stat-band { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; margin-top:70px; }
.stat-cell { background:var(--card); padding:26px 20px; text-align:center; }
.stat-cell .num { font-family:var(--font-mono); font-size:1.7rem; font-weight:600; color:var(--primary); }
.stat-cell .cap { font-size:0.72rem; color:var(--text-3); margin-top:6px; }

.feat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.feat { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px; transition:0.2s; }
.feat:hover { border-color: color-mix(in srgb, var(--primary) 35%, transparent); transform:translateY(-2px); }
.feat .f-ico { width:42px; height:42px; border-radius:12px; background:var(--primary-soft); color:var(--primary); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.feat .f-ico .ico { width:20px; height:20px; }
.feat h3 { font-size:1rem; margin-bottom:8px; }
.feat p { font-size:0.83rem; color:var(--text-2); line-height:1.55; }

.yt-card { display:grid; grid-template-columns: 1.1fr 1fr; gap:34px; align-items:center; }
.yt-thumb { aspect-ratio:16/9; border-radius:var(--r-md); background:linear-gradient(135deg, var(--card-2), #000); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; cursor:pointer; }
.yt-thumb::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 30% 20%, var(--primary-soft), transparent 60%); }
.yt-play { width:60px; height:60px; border-radius:50%; background:var(--primary); color:var(--on-primary); display:flex; align-items:center; justify-content:center; box-shadow:0 0 40px var(--primary-glow); z-index:1; }
.yt-play .ico { width:22px; height:22px; margin-left:3px; }
.yt-play.sm { width:48px; height:48px; }
.yt-play.sm .ico { width:16px; height:16px; }

/* ─── Testimonials ─── */
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.testi { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); padding:24px; }
.testi .ico { color: var(--primary); width:22px; height:22px; opacity:0.8; }
.testi p { font-size:0.86rem; color:var(--text-2); line-height:1.6; margin:14px 0 16px; }
.testi-who { display:flex; align-items:center; gap:10px; }
.testi-who .t-ava { width:30px; height:30px; border-radius:50%; background:var(--card-2); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; font-size:0.7rem; font-weight:600; color:var(--text-2); }
.testi-who .t-name { font-size:0.8rem; font-weight:600; }
.testi-who .t-cap { font-size:0.68rem; color:var(--text-3); font-family:var(--font-mono); }

/* ─── FAQ ─── */
.faq { border:1px solid var(--rule); border-radius:var(--r-md); overflow:hidden; }
.faq-item + .faq-item { border-top:1px solid var(--rule); }
.faq-q { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; cursor:pointer; background:var(--card); font-size:0.88rem; font-weight:500; }
.faq-q .ico { color:var(--text-3); transition:transform 0.2s; }
.faq-item.open .faq-q .ico { transform:rotate(180deg); color:var(--primary); }
.faq-a { max-height:0; overflow:hidden; transition:max-height 0.25s ease; background:var(--card); }
.faq-item.open .faq-a { max-height:200px; }
.faq-a p { padding:0 20px 18px; font-size:0.83rem; color:var(--text-2); line-height:1.6; }

footer { border-top:1px solid var(--rule); margin-top:90px; padding:34px 0 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; color:var(--text-3); font-size:0.78rem; }
footer a { color:var(--text-3); text-decoration:none; margin-left:18px; }
footer a:hover { color:var(--primary); }

/* ─── POST THUMBNAILS & LOCKED PATTERN (verificat pe o pagină Patreon reală) ─── */
.post-thumb-wrap { position:relative; margin:14px 22px 0; }
.post-thumb { aspect-ratio:16/9; border-radius:var(--r-sm); background:linear-gradient(135deg, var(--card-2), #000); border:1px solid var(--rule); filter:blur(2px); }
.locked-chip { position:absolute; left:10px; bottom:10px; display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:var(--r-pill); background:rgba(0,0,0,0.72); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); color:#fff; font-size:0.68rem; font-weight:600; }
.locked-chip.sm { position:static; background:none; backdrop-filter:none; color:var(--text-3); padding:0; font-weight:500; }
.locked-chip .ico { width:11px; height:11px; }
.post-body.blurred { filter:blur(4px); user-select:none; pointer-events:none; }
.btn-unlock { margin:0 22px 16px; padding:9px 16px; border-radius:var(--r-sm); background:rgba(255,255,255,0.06); border:1px solid var(--rule-strong); color:var(--text); font-size:0.78rem; font-weight:600; cursor:pointer; font-family:var(--font-sans); }
.btn-unlock:hover { border-color:var(--primary); color:var(--primary); }
.pa-left, .pa-right { display:flex; gap:18px; align-items:center; }

/* ─── MINI CARDS — „Popular posts" (grid) + liste sidebar (Patreon pattern) ─── */
.mini-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.mini-card { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-md); overflow:hidden; cursor:pointer; transition:0.15s; position:relative; }
.mini-card:hover { border-color:var(--rule-strong); transform:translateY(-2px); }
.mini-card .mc-thumb { aspect-ratio:16/9; background:linear-gradient(135deg, var(--card-2), #000); position:relative; }
.mini-card .mc-body { padding:12px 14px; }
.mini-card .mc-title { font-size:0.82rem; font-weight:600; line-height:1.4; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mini-card .mc-meta { display:flex; gap:12px; font-size:0.68rem; color:var(--text-3); font-family:var(--font-mono); }
.mini-card .mc-meta span { display:inline-flex; align-items:center; gap:4px; }
.mini-card .mc-meta .ico { width:11px; height:11px; }
.mini-list-item { display:flex; gap:11px; padding:10px 0; border-bottom:1px solid var(--rule-soft); cursor:pointer; }
.mini-list-item:last-child { border-bottom:none; }
.mini-list-item .ml-thumb { width:52px; height:52px; border-radius:8px; background:linear-gradient(135deg, var(--card-2), #000); flex-shrink:0; }
.mini-list-item .ml-title { font-size:0.78rem; font-weight:600; line-height:1.4; }
.mini-list-item .ml-meta { font-size:0.66rem; color:var(--text-3); font-family:var(--font-mono); margin-top:4px; }

/* ─── FEED — layout 2 coloane (main + sidebar), toolbar sort/filter/search ─── */
.feed-layout { display:grid; grid-template-columns:1fr 300px; gap:26px; align-items:start; max-width:100%; }
.feed-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.feed-toolbar .sort-btn, .feed-toolbar .filter-btn2 { display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:var(--r-sm); border:1px solid var(--rule-strong); background:var(--card); color:var(--text-2); font-size:0.78rem; cursor:pointer; font-family:var(--font-sans); }
.feed-toolbar .search-wrap { flex:1; min-width:160px; position:relative; margin-left:auto; max-width:220px; }
.feed-toolbar .search-wrap .ico { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--text-3); }
.feed-toolbar .search-wrap input { width:100%; box-sizing:border-box; padding:9px 14px 9px 34px; border-radius:var(--r-sm); border:1px solid var(--rule-strong); background:rgba(255,255,255,0.03); color:var(--text); font-size:0.8rem; font-family:var(--font-sans); outline:none; }
.feed-sidebar { display:flex; flex-direction:column; gap:16px; }
.upgrade-card { text-align:center; padding:22px; }
.upgrade-card h4 { font-size:1rem; margin:10px 0 6px; }
.upgrade-card p { font-size:0.78rem; color:var(--text-2); line-height:1.6; margin-bottom:16px; }
@media (max-width:960px) { .feed-layout, .mini-grid { grid-template-columns:1fr; } }

/* ─── FEED ─── */
.feed-wrap { max-width: 640px; margin: 0 auto; display:flex; flex-direction:column; gap:18px; }
.post { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; }
.post-head { display:flex; align-items:center; gap:12px; padding:18px 22px 0; }
.post-ava { width:38px; height:38px; border-radius:50%; background:var(--primary); color:var(--on-primary); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.8rem; box-shadow:0 0 18px var(--primary-glow); }
.post-meta .p-name { font-size:0.88rem; font-weight:600; }
.post-meta .p-time { font-size:0.68rem; color:var(--text-3); font-family:var(--font-mono); }
.post-tag { margin-left:auto; }
.tag { display:inline-flex; align-items:center; gap:4px; font-family:var(--font-mono); font-size:0.58rem; letter-spacing:0.16em; text-transform:uppercase; padding:5px 10px; border-radius:var(--r-pill); border:1px solid var(--rule-strong); color:var(--text-3); }
.tag .ico { width:10px; height:10px; }
.tag.pro { border-color: color-mix(in srgb, var(--gold) 50%, transparent); color: var(--gold); }
.post-body { padding: 14px 22px 20px; font-size:0.92rem; line-height:1.65; color:var(--text-2); }
.post-body strong { color: var(--text); }
.post-video { margin: 14px 22px 0; aspect-ratio:16/9; border-radius:var(--r-sm); background:linear-gradient(135deg,var(--card-2),#000); border:1px solid var(--rule); display:flex; align-items:center; justify-content:center; }
.post-actions { display:flex; justify-content:space-between; padding: 0 22px 18px; }
.post-actions span { display:inline-flex; align-items:center; gap:6px; font-size:0.75rem; color:var(--text-3); font-family:var(--font-mono); cursor:pointer; }
.post-actions span:hover { color: var(--primary); }
.post.locked { position:relative; }

/* ─── STATS ─── */
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:16px; }
.kpi { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-md); padding:20px; }
.kpi .k-num { font-family:var(--font-mono); font-size:1.9rem; font-weight:600; display:flex; align-items:center; gap:8px; }
.kpi .k-num .ico { color:var(--primary); width:18px; height:18px; }
.kpi .k-num small { font-size:0.9rem; color:var(--text-3); }
.kpi .k-cap { font-size:0.68rem; color:var(--text-3); font-family:var(--font-mono); letter-spacing:0.14em; text-transform:uppercase; margin-top:8px; }
.kpi .k-delta { font-size:0.7rem; margin-top:4px; font-family:var(--font-mono); display:flex; align-items:center; gap:4px; }
.kpi .k-delta .ico { width:12px; height:12px; }
.charts-row { display:grid; grid-template-columns: 1.4fr 1fr; gap:16px; }
.chart-svg { width:100%; height:auto; display:block; margin-top:12px; }
.sync-note { display:flex; align-items:center; gap:10px; margin-top:16px; padding:14px 18px; background:var(--primary-soft); border:1px solid color-mix(in srgb, var(--primary) 22%, transparent); border-radius:var(--r-md); font-size:0.8rem; color:var(--text-2); }
.sync-dot { width:8px; height:8px; border-radius:50%; background:var(--primary); box-shadow:0 0 10px var(--primary-glow); animation:pulse 2s infinite; flex-shrink:0; }
@keyframes pulse { 50% { opacity:0.4; } }

/* ─── LEADERBOARD ─── */
.challenge-band { display:flex; align-items:center; gap:18px; padding:22px 24px; background:linear-gradient(135deg, var(--primary-soft), transparent); border:1px solid color-mix(in srgb, var(--primary) 25%, transparent); border-radius:var(--r-lg); margin-bottom:22px; }
.challenge-ico { width:46px; height:46px; border-radius:14px; background:var(--primary); color:var(--on-primary); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.challenge-band .progress-bar { height:6px; border-radius:var(--r-pill); background:rgba(255,255,255,0.08); margin-top:10px; overflow:hidden; }
.challenge-band .progress-fill { height:100%; background:var(--primary); border-radius:var(--r-pill); }
.lb-list { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; }
.lb-row { display:flex; align-items:center; gap:14px; padding:14px 22px; border-bottom:1px solid var(--rule-soft); }
.lb-row:last-child { border-bottom:none; }
.lb-row.me { background:var(--primary-soft); }
.lb-rank { width:26px; font-family:var(--font-mono); font-size:0.85rem; color:var(--text-3); text-align:center; }
.lb-rank.top { color:var(--primary); font-weight:700; }
.lb-ava { width:32px; height:32px; border-radius:50%; background:var(--card-2); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; font-size:0.7rem; font-weight:600; }
.lb-name { flex:1; font-size:0.86rem; font-weight:500; display:flex; align-items:center; gap:6px; }
.lb-name .ico { color:var(--gold); width:13px; height:13px; }
.lb-streak { display:flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:0.78rem; color:var(--text-2); }
.lb-streak .ico { color:#fb923c; width:14px; height:14px; }
.lb-pts { font-family:var(--font-mono); font-size:0.82rem; color:var(--text-3); width:70px; text-align:right; }
.lb-opt-note { display:flex; align-items:center; gap:10px; margin-top:16px; padding:13px 18px; border:1px dashed var(--rule-strong); border-radius:var(--r-md); font-size:0.78rem; color:var(--text-3); }

/* ─── CHAT ─── */
.chat-wrap { max-width:680px; margin:0 auto; }
.chat-box { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; display:flex; flex-direction:column; height:520px; }
.chat-head { padding:16px 22px; border-bottom:1px solid var(--rule); display:flex; align-items:center; gap:12px; }
.chat-msgs { flex:1; overflow-y:auto; padding:22px; display:flex; flex-direction:column; gap:14px; }
.msg { max-width:75%; padding:12px 16px; border-radius:var(--r-md); font-size:0.88rem; line-height:1.55; }
.msg.them { background:var(--card-2); border:1px solid var(--rule); color:var(--text-2); border-bottom-left-radius:4px; align-self:flex-start; }
.msg.me { background:var(--primary); color:var(--on-primary); border-bottom-right-radius:4px; align-self:flex-end; }
.msg-time { font-size:0.6rem; font-family:var(--font-mono); color:var(--text-3); margin-top:4px; }
.chat-input { display:flex; gap:10px; padding:16px; border-top:1px solid var(--rule); }
.chat-input input { flex:1; background:rgba(255,255,255,0.03); border:1px solid var(--rule-strong); border-radius:var(--r-md); padding:13px 16px; color:var(--text); font-family:var(--font-sans); font-size:0.88rem; outline:none; }
.chat-input input:focus { border-color: var(--primary); }
.sla-note { display:flex; gap:12px; align-items:flex-start; margin-top:14px; padding:16px 20px; background:var(--card); border:1px solid var(--rule); border-left:3px solid var(--primary); border-radius:var(--r-md); font-size:0.8rem; color:var(--text-2); line-height:1.6; }
.sla-note .ico { color:var(--primary); margin-top:2px; }

/* ─── PLANS ─── */
.plan-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.plan-card { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); padding:26px; position:relative; }
.plan-card .p-status { position:absolute; top:22px; right:22px; }
.plan-rows { margin:18px 0; display:flex; flex-direction:column; }
.plan-row { display:flex; justify-content:space-between; padding:11px 0; border-bottom:1px solid var(--rule-soft); font-size:0.85rem; }
.plan-row span:first-child { color:var(--text-3); font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; align-self:center; }
.empty-hint { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:10px; text-align:center; padding:26px; border:1px dashed var(--rule-strong); border-radius:var(--r-lg); color:var(--text-3); font-size:0.85rem; }
.empty-hint .ico { color:var(--primary); }
.empty-hint a { color:var(--primary); cursor:pointer; }

/* ─── PROFILE / FORMS ─── */
.forms-nav { display:flex; gap:10px; margin-bottom:22px; }
.form-step {
    flex:1; padding:16px; border-radius:var(--r-md); border:1px solid var(--rule); background:var(--card);
    cursor:pointer; transition:0.15s; text-align:left; font-family:var(--font-sans); color:var(--text-2);
}
.form-step.active { border-color:var(--primary); background:var(--primary-soft); color:var(--text); }
.form-step .fs-num { font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.16em; color:var(--text-3); }
.form-step.active .fs-num { color:var(--primary); }
.form-step .fs-name { font-weight:600; font-size:0.9rem; margin-top:4px; }
.form-step .fs-done { font-size:0.65rem; font-family:var(--font-mono); margin-top:4px; color:var(--text-3); }
.form-pane { display:none; }
.form-pane.active { display:block; animation:fadeUp 0.3s ease; }
.optional-banner { display:flex; align-items:center; gap:10px; padding:13px 18px; margin-bottom:20px; background:var(--primary-soft); border-radius:var(--r-md); font-size:0.8rem; color:var(--text-2); border:1px solid color-mix(in srgb, var(--primary) 20%, transparent); }
.optional-banner .ico { color:var(--primary); }
.f-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.f-field { display:flex; flex-direction:column; gap:8px; }
.f-field.full { grid-column:1/-1; }
.f-field label { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-3); }
.f-field label em { color:var(--text-3); opacity:0.6; font-style:normal; text-transform:none; letter-spacing:0; }
.f-field input, .f-field select, .f-field textarea {
    background:rgba(255,255,255,0.03); border:1px solid var(--rule-strong); border-radius:var(--r-sm);
    padding:12px 14px; color:var(--text); font-family:var(--font-sans); font-size:0.88rem; outline:none; resize:vertical;
}
.f-field input:focus, .f-field select:focus, .f-field textarea:focus { border-color:var(--primary); }
.chip-row { display:flex; flex-wrap:wrap; gap:8px; }
.chip { padding:9px 15px; border-radius:var(--r-pill); border:1px solid var(--rule-strong); background:none; color:var(--text-2); font-size:0.78rem; cursor:pointer; font-family:var(--font-sans); transition:0.12s; }
.chip.on { background:var(--primary); color:var(--on-primary); border-color:var(--primary); font-weight:600; }
.prefill { display:inline-flex; align-items:center; gap:6px; font-size:0.68rem; font-family:var(--font-mono); color:var(--primary); }

/* ─── PRO ─── */
.pricing { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:760px; margin:34px auto 0; }
.price-card { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); padding:30px; position:relative; }
.price-card.hot { border-color:var(--primary); box-shadow:0 20px 70px var(--primary-glow); }
.hot-badge { position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:var(--primary); color:var(--on-primary); font-family:var(--font-mono); font-size:0.58rem; letter-spacing:0.16em; padding:5px 14px; border-radius:var(--r-pill); font-weight:700; }
.price { font-size:2.6rem; font-family:var(--font-mono); font-weight:600; margin:14px 0 2px; }
.price small { font-size:0.85rem; color:var(--text-3); font-weight:400; }
.benefits { list-style:none; margin:22px 0; }
.benefits li { padding:9px 0; font-size:0.85rem; color:var(--text-2); display:flex; gap:10px; align-items:flex-start; }
.benefits li .ico { color:var(--primary); margin-top:2px; }
.paddle-note { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:22px; font-size:0.7rem; color:var(--text-3); font-family:var(--font-mono); letter-spacing:0.08em; }

/* ─── ADMIN MODE (integrat în site — vizibil doar când ești logat ca admin) ─── */
body.admin .post-body.blurred { filter:none; pointer-events:auto; user-select:auto; }
body.admin .post-thumb { filter:none; }
body.admin .btn-unlock { display:none; }
.adm-only { display:none !important; }
body.admin .adm-only { display:flex !important; }
body.admin .adm-only.block { display:block !important; }
.admin-toggle {
    display:inline-flex; align-items:center; gap:6px;
    font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.14em; font-weight:600;
    background:transparent; color:var(--text-3); border:1px solid var(--rule-strong); cursor:pointer;
    padding:8px 14px; border-radius:var(--r-pill); transition:0.15s;
}
.admin-toggle .ico { width:12px; height:12px; }
body.admin .admin-toggle { background:rgba(245,215,110,0.1); color:var(--gold); border-color:color-mix(in srgb, var(--gold) 45%, transparent); box-shadow:0 0 18px rgba(245,215,110,0.15); }
.adm-bar {
    align-items:center; gap:10px; max-width:1080px; margin:18px auto -22px; padding:11px 18px;
    background:rgba(245,215,110,0.06); border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);
    border-radius:var(--r-md); font-size:0.78rem; color:var(--text-2);
}
.adm-bar .ico { color:var(--gold); }
.adm-bar b { color:var(--gold); font-weight:600; }
.adm-edit-btn {
    position:absolute; top:14px; right:14px; z-index:5;
    width:32px; height:32px; border-radius:50%; cursor:pointer;
    display:none; align-items:center; justify-content:center;
    background:color-mix(in srgb, var(--bg) 75%, transparent); backdrop-filter:blur(8px);
    border:1px solid color-mix(in srgb, var(--gold) 45%, transparent); color:var(--gold); transition:0.15s;
}
body.admin .adm-edit-btn { display:flex; }
.adm-edit-btn:hover { background:var(--gold); color:#0a0a0a; }
.adm-edit-btn .ico { width:13px; height:13px; }
.adm-edit-btn.done { border-color:var(--primary); color:var(--primary); }
.adm-edit-btn.done:hover { background:var(--primary); color:var(--on-primary); }
.editing { outline:1.5px dashed color-mix(in srgb, var(--gold) 60%, transparent); outline-offset:10px; border-radius:4px; }
.editing [contenteditable] { cursor:text; }
.adm-inline-actions { position:absolute; top:14px; right:14px; z-index:5; gap:8px; }
.adm-inline-actions .adm-edit-btn { position:static; }
.composer { border-color:color-mix(in srgb, var(--gold) 30%, transparent) !important; }
.composer textarea {
    width:100%; background:rgba(255,255,255,0.03); border:1px solid var(--rule-strong); border-radius:var(--r-sm);
    padding:14px; color:var(--text); font-family:var(--font-sans); font-size:0.9rem; outline:none; resize:vertical; margin:14px 0;
}
.composer textarea:focus { border-color:var(--gold); }
.composer .chip.gold-on { background:rgba(245,215,110,0.14); color:var(--gold); border-color:color-mix(in srgb, var(--gold) 50%, transparent); font-weight:600; }
.btn-gold { background:var(--gold); color:#0a0a0a; box-shadow:0 8px 30px rgba(245,215,110,0.25); }
.fv-form { display:none; }
.fv-form.open { display:block; }
.fv-form .f-field { margin-bottom:12px; }
.fv-display.hidden-mock { display:none; }
#admToast {
    position:fixed; bottom:28px; left:50%; transform:translateX(-50%) translateY(10px); z-index:300;
    display:flex; align-items:center; gap:8px; padding:11px 20px; border-radius:var(--r-pill);
    background:var(--card-2); border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);
    color:var(--text); font-size:0.8rem; opacity:0; pointer-events:none; transition:0.25s;
    box-shadow:0 14px 50px rgba(0,0,0,0.6);
}
#admToast.show { opacity:1; transform:translateX(-50%) translateY(0); }
#admToast .ico { color:var(--gold); }

/* ─── TOPBAR ICON BUTTONS (settings / inbox) ─── */
.icon-btn {
    position:relative; width:36px; height:36px; border-radius:50%; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    background:transparent; border:1px solid var(--rule-strong); color:var(--text-2); transition:0.15s;
}
.icon-btn:hover { border-color:var(--primary); color:var(--primary); }
.icon-btn .ico { width:15px; height:15px; }
.icon-btn.gold { border-color:color-mix(in srgb, var(--gold) 45%, transparent); color:var(--gold); }
.icon-btn.gold:hover { background:rgba(245,215,110,0.1); }
.icon-btn .n-badge {
    position:absolute; top:-4px; right:-4px; min-width:16px; height:16px; padding:0 4px;
    background:var(--danger); color:#fff; border-radius:var(--r-pill);
    font-family:var(--font-mono); font-size:0.58rem; font-weight:700;
    display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px var(--bg);
}

/* ─── SETTINGS ─── */
.set-section { margin-bottom:18px; }
.set-section .card { padding:24px 26px; }
.set-head { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.set-head .ico { color:var(--primary); width:17px; height:17px; }
.set-head h3 { font-size:1rem; }
.set-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid var(--rule-soft); }
.set-row:last-child { border-bottom:none; }
.set-row .sr-name { font-size:0.88rem; font-weight:500; }
.set-row .sr-cap { font-size:0.72rem; color:var(--text-3); margin-top:3px; line-height:1.5; }
.switch { width:42px; height:24px; border-radius:var(--r-pill); background:rgba(255,255,255,0.1); border:1px solid var(--rule-strong); cursor:pointer; position:relative; flex-shrink:0; transition:0.2s; }
.switch::after { content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:var(--text-2); transition:0.2s; }
.switch.on { background:var(--primary); border-color:var(--primary); }
.switch.on::after { left:20px; background:var(--on-primary); }

/* Theme picker — sistem serios, sincronizat cu app-ul (gym_theme) */
.theme-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:14px; }
.theme-card {
    border:1px solid var(--rule); border-radius:var(--r-md); overflow:hidden; cursor:pointer;
    background:var(--card-2); transition:0.18s; position:relative;
}
.theme-card:hover { transform:translateY(-2px); border-color:var(--rule-strong); }
.theme-card.active { border-color:var(--primary); box-shadow:0 0 0 1px var(--primary), 0 10px 34px var(--primary-glow); }
.tc-prev { height:78px; position:relative; padding:10px 12px; }
.tc-prev .tcp-card { position:absolute; left:12px; right:12px; bottom:10px; height:34px; border-radius:8px; }
.tc-prev .tcp-dot { position:absolute; top:12px; left:12px; width:10px; height:10px; border-radius:50%; }
.tc-prev .tcp-line { position:absolute; top:15px; left:30px; right:40px; height:4px; border-radius:2px; opacity:0.25; background:#fff; }
.tc-prev .tcp-bar { position:absolute; left:20px; bottom:18px; width:38%; height:5px; border-radius:3px; }
.tc-prev .tcp-bar2 { position:absolute; left:20px; bottom:28px; width:56%; height:5px; border-radius:3px; opacity:0.35; }
.tc-meta { display:flex; align-items:center; justify-content:space-between; padding:11px 13px; border-top:1px solid var(--rule); }
.tc-meta .tc-name { font-size:0.8rem; font-weight:600; }
.tc-meta .tag { font-size:0.52rem; padding:4px 8px; }
.tc-check {
    position:absolute; top:8px; right:8px; width:22px; height:22px; border-radius:50%;
    background:var(--primary); color:var(--on-primary); display:none; align-items:center; justify-content:center;
    box-shadow:0 4px 14px var(--primary-glow);
}
.tc-check .ico { width:11px; height:11px; }
.theme-card.active .tc-check { display:flex; }

/* ─── INBOX (admin) ─── */
.inbox-layout { display:grid; grid-template-columns:300px 1fr; border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; height:600px; background:var(--card); }
.conv-list { border-right:1px solid var(--rule); display:flex; flex-direction:column; min-width:0; }
.conv-search { padding:14px; border-bottom:1px solid var(--rule); }
.conv-search input { width:100%; background:rgba(255,255,255,0.03); border:1px solid var(--rule-strong); border-radius:var(--r-sm); padding:10px 13px; color:var(--text); font-family:var(--font-sans); font-size:0.82rem; outline:none; }
.conv-search input:focus { border-color:var(--primary); }
.conv-scroll { flex:1; overflow-y:auto; }
.conv-item { display:flex; gap:11px; padding:14px 16px; cursor:pointer; border-bottom:1px solid var(--rule-soft); transition:0.12s; align-items:flex-start; }
.conv-item:hover { background:rgba(255,255,255,0.025); }
.conv-item.active { background:var(--primary-soft); box-shadow:inset 2.5px 0 0 var(--primary); }
.conv-ava { width:36px; height:36px; border-radius:50%; background:var(--card-2); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; font-size:0.72rem; font-weight:600; flex-shrink:0; }
.conv-body { flex:1; min-width:0; }
.conv-top { display:flex; align-items:center; gap:6px; }
.conv-name { font-size:0.84rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.conv-top .ico { width:11px; height:11px; color:var(--gold); flex-shrink:0; }
.conv-time { margin-left:auto; font-family:var(--font-mono); font-size:0.6rem; color:var(--text-3); flex-shrink:0; }
.conv-snippet { font-size:0.75rem; color:var(--text-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:3px; }
.conv-item.unread .conv-snippet { color:var(--text-2); font-weight:500; }
.conv-dot { width:8px; height:8px; border-radius:50%; background:var(--primary); box-shadow:0 0 8px var(--primary-glow); flex-shrink:0; margin-top:6px; }
.conv-pane { display:flex; flex-direction:column; min-width:0; }
.conv-header { padding:16px 22px; border-bottom:1px solid var(--rule); }
.conv-header-top { display:flex; align-items:center; gap:12px; }
.ctx-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.ctx-chip { display:inline-flex; align-items:center; gap:5px; font-family:var(--font-mono); font-size:0.62rem; color:var(--text-2); padding:5px 10px; border:1px solid var(--rule); border-radius:var(--r-pill); background:rgba(255,255,255,0.02); }
.ctx-chip .ico { width:10px; height:10px; color:var(--primary); }
.filter-chips { display:flex; gap:8px; }
/* Waiting badge on conversations awaiting reply */
.conv-wait { display:inline-flex; align-items:center; gap:4px; font-family:var(--font-mono); font-size:0.58rem; font-weight:600; padding:3px 7px; border-radius:var(--r-pill); background:rgba(251,146,60,0.12); color:#fb923c; border:1px solid rgba(251,146,60,0.25); }
.conv-wait .ico { width:10px; height:10px; }
.conv-item.answered .conv-time { color:var(--primary); }
.f-chip { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; padding:7px 13px; border-radius:var(--r-pill); border:1px solid var(--rule-strong); background:none; color:var(--text-3); cursor:pointer; transition:0.12s; }
.f-chip.on { background:var(--primary-soft); border-color:var(--primary); color:var(--primary); font-weight:600; }
@media (max-width: 960px) { .inbox-layout { grid-template-columns:1fr; height:auto; } .conv-list { max-height:300px; } }
.conv-header-top .conv-ava, .conv-name-clickable { cursor:pointer; }
.conv-name-clickable:hover { color:var(--primary); }

/* ─── MEMBER PROFILE MODAL (admin: vezi datele completate pt a face planul) ─── */
.modal-backdrop { position:fixed; inset:0; z-index:400; background:rgba(0,0,0,0.6); backdrop-filter:blur(4px); display:none; align-items:flex-start; justify-content:center; overflow-y:auto; padding:40px 20px; }
.modal-backdrop.open { display:flex; }
.member-modal { width:100%; max-width:680px; background:var(--card); border:1px solid var(--rule-strong); border-radius:var(--r-lg); overflow:hidden; animation:fadeUp 0.25s ease; }
.mm-head { position:relative; padding:26px; border-bottom:1px solid var(--rule); display:flex; align-items:center; gap:16px;
    background:linear-gradient(135deg, var(--primary-soft), transparent); }
.mm-ava { width:56px; height:56px; border-radius:50%; background:var(--card-2); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:700; flex-shrink:0; }
.mm-close { position:absolute; top:16px; right:16px; width:32px; height:32px; border-radius:50%; border:1px solid var(--rule-strong); background:var(--bg); color:var(--text-2); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.mm-close:hover { color:var(--text); border-color:var(--text-3); }
.mm-body { padding:22px 26px 26px; }
.mm-section { margin-bottom:22px; }
.mm-section:last-child { margin-bottom:0; }
.mm-section-head { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.mm-section-head .ico { color:var(--primary); width:15px; height:15px; }
.mm-section-head h4 { font-size:0.82rem; font-weight:600; letter-spacing:-0.01em; }
.mm-section-head .mm-count { margin-left:auto; font-family:var(--font-mono); font-size:0.62rem; color:var(--text-3); }
.mm-stats-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:10px; }
.mm-stat { background:rgba(255,255,255,0.025); border:1px solid var(--rule); border-radius:var(--r-sm); padding:11px 12px; }
.mm-stat .mms-num { font-family:var(--font-mono); font-size:1.05rem; font-weight:600; }
.mm-stat .mms-cap { font-size:0.6rem; color:var(--text-3); font-family:var(--font-mono); text-transform:uppercase; letter-spacing:0.08em; margin-top:3px; }
.mm-qa { padding:10px 0; border-bottom:1px solid var(--rule-soft); }
.mm-qa:last-child { border-bottom:none; }
.mm-qa .mmq { font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-3); margin-bottom:4px; }
.mm-qa .mma { font-size:0.88rem; color:var(--text); line-height:1.5; }
.mm-qa .mma.empty { color:var(--text-3); font-style:italic; }
.mm-foot { display:flex; gap:10px; padding:18px 26px; border-top:1px solid var(--rule); background:rgba(255,255,255,0.015); }

/* ─── PLAN VIEW / BUILDER (cum arată planul trimis membrului) ─── */
.plan-modal { width:100%; max-width:760px; background:var(--card); border:1px solid var(--rule-strong); border-radius:var(--r-lg); overflow:hidden; animation:fadeUp 0.25s ease; }
.plan-head { position:relative; padding:26px 28px; border-bottom:1px solid var(--rule);
    background:radial-gradient(ellipse 70% 120% at 15% 0%, var(--primary-soft), transparent 60%); }
.plan-head .label { display:block; margin-bottom:8px; }
.plan-head h2 { font-size:1.5rem; }
.plan-head .plan-for { font-size:0.8rem; color:var(--text-2); margin-top:6px; display:flex; align-items:center; gap:8px; }
.plan-head .plan-for .pf-ava { width:22px; height:22px; border-radius:50%; background:var(--card-2); border:1px solid var(--rule-strong); display:flex; align-items:center; justify-content:center; font-size:0.6rem; font-weight:600; }
.plan-tabs { display:flex; gap:4px; padding:14px 28px 0; border-bottom:1px solid var(--rule); }
.plan-tab { display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border:none; background:none; color:var(--text-3); font-family:var(--font-sans); font-size:0.86rem; font-weight:500; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; }
.plan-tab .ico { width:15px; height:15px; }
.plan-tab.on { color:var(--primary); border-bottom-color:var(--primary); font-weight:600; }
.plan-scroll { max-height:56vh; overflow-y:auto; padding:22px 28px; }
.plan-pane2 { display:none; }
.plan-pane2.on { display:block; animation:fadeUp 0.25s ease; }
.wk-day { border:1px solid var(--rule); border-radius:var(--r-md); margin-bottom:14px; overflow:hidden; }
.wk-day-head { display:flex; align-items:center; gap:10px; padding:13px 16px; background:rgba(255,255,255,0.02); border-bottom:1px solid var(--rule); }
.wk-day-head .wk-badge { font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.12em; text-transform:uppercase; color:var(--on-primary); background:var(--primary); padding:4px 9px; border-radius:var(--r-pill); font-weight:700; }
.wk-day-head .wk-title { font-weight:600; font-size:0.92rem; }
.wk-day-head .wk-focus { margin-left:auto; font-size:0.72rem; color:var(--text-3); font-family:var(--font-mono); }
.wk-ex { display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; padding:11px 16px; border-bottom:1px solid var(--rule-soft); }
.wk-ex:last-child { border-bottom:none; }
.wk-ex .wx-name { font-size:0.86rem; font-weight:500; }
.wk-ex .wx-note { font-size:0.68rem; color:var(--text-3); margin-top:2px; }
.wk-ex .wx-sets { font-family:var(--font-mono); font-size:0.82rem; color:var(--primary); font-weight:600; white-space:nowrap; }
.wk-ex .wx-rpe { font-family:var(--font-mono); font-size:0.68rem; color:var(--text-3); white-space:nowrap; }
.macro-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px; }
.macro-tile { border:1px solid var(--rule); border-radius:var(--r-md); padding:16px; text-align:center; position:relative; overflow:hidden; }
.macro-tile .mt-num { font-family:var(--font-mono); font-size:1.4rem; font-weight:600; }
.macro-tile .mt-cap { font-size:0.62rem; color:var(--text-3); font-family:var(--font-mono); text-transform:uppercase; letter-spacing:0.1em; margin-top:4px; }
.macro-tile .mt-bar { position:absolute; left:0; bottom:0; height:3px; background:var(--primary); }
.meal-row { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--rule-soft); }
.meal-row:last-child { border-bottom:none; }
.meal-row .ml-time { font-family:var(--font-mono); font-size:0.68rem; color:var(--text-3); width:64px; flex-shrink:0; padding-top:2px; }
.meal-row .ml-name { font-size:0.88rem; font-weight:600; margin-bottom:3px; }
.meal-row .ml-desc { font-size:0.78rem; color:var(--text-2); line-height:1.5; }
.meal-row .ml-kcal { margin-left:auto; font-family:var(--font-mono); font-size:0.74rem; color:var(--text-3); white-space:nowrap; }
.plan-foot { display:flex; gap:10px; align-items:center; padding:18px 28px; border-top:1px solid var(--rule); background:rgba(255,255,255,0.015); }
.plan-foot .pf-note { font-size:0.72rem; color:var(--text-3); flex:1; }

@media (max-width: 960px) {
    .nav { display:none; }
    .stats-grid { grid-template-columns:1fr 1fr; }
    .charts-row, .plan-grid, .pricing, .yt-card, .f-grid, .testi-grid { grid-template-columns:1fr; }
    .stat-band { grid-template-columns:1fr 1fr; }
    .forms-nav { flex-direction:column; }
}

/* ═══ AUTH MODAL (real login / signup) ═══ */
.auth-modal { position:relative; width:100%; max-width:400px; margin:auto; background:var(--card); border:1px solid var(--rule-strong);
    border-radius:var(--r-lg); padding:34px 30px 28px; box-shadow:0 30px 80px rgba(0,0,0,0.5); }
.auth-brand { display:flex; align-items:center; gap:10px; justify-content:center; font-weight:700; font-size:1.15rem; letter-spacing:-0.02em; margin-bottom:22px; }
.auth-tabs { display:flex; gap:6px; background:var(--card-2); border:1px solid var(--rule-soft); border-radius:var(--r-pill); padding:4px; margin-bottom:22px; }
.auth-tab { flex:1; padding:9px 0; border:none; background:transparent; color:var(--text-2); font-family:var(--font-sans); font-weight:600; font-size:0.85rem; border-radius:var(--r-pill); cursor:pointer; transition:0.15s; }
.auth-tab.on { background:var(--primary); color:var(--on-primary); }
.auth-form { display:flex; flex-direction:column; gap:14px; }
.auth-field { display:flex; flex-direction:column; gap:6px; }
.auth-field label { font-size:0.7rem; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-3); }
.auth-field input { padding:12px 14px; background:var(--card-2); border:1px solid var(--rule-strong); border-radius:var(--r-sm);
    color:var(--text); font-family:var(--font-sans); font-size:0.92rem; transition:0.15s; }
.auth-field input:focus { outline:none; border-color:var(--primary); }
.auth-field input::placeholder { color:var(--text-3); }
.auth-error { display:none; color:var(--danger); font-size:0.8rem; line-height:1.4; padding:2px 2px 0; }
.auth-error.show { display:block; }
.auth-submit { width:100%; justify-content:center; padding:13px 0; margin-top:4px; font-size:0.92rem; }
.auth-submit.loading { opacity:0.6; pointer-events:none; }
.auth-forgot { display:none; margin:14px auto 0; background:none; border:none; color:var(--text-3); font-size:0.78rem; cursor:pointer; font-family:var(--font-sans); }
.auth-forgot:hover { color:var(--primary); }
.auth-forgot.show { display:block; }
.auth-switch-note { text-align:center; font-size:0.8rem; color:var(--text-3); margin-top:18px; }
.auth-switch-note button { background:none; border:none; color:var(--primary); font-weight:600; cursor:pointer; font-family:var(--font-sans); font-size:0.8rem; }
/* signup-only name field: hidden in login mode */
body:not(.auth-signup) .auth-name-field { display:none; }

/* ═══ FEED empty / loading states ═══ */
.feed-empty { text-align:center; padding:48px 20px; color:var(--text-3); display:flex; flex-direction:column; align-items:center; gap:12px; }
.feed-empty .ico-xl { width:34px; height:34px; opacity:0.4; }
.feed-empty p { font-size:0.9rem; }

/* ═══ AUTH social sign-in (Google / Apple) ═══ */
.auth-social { display:flex; flex-direction:column; gap:9px; margin-bottom:16px; }
.auth-social-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:11px 14px;
    background:var(--card-2); border:1px solid var(--rule-strong); border-radius:var(--r-sm);
    color:var(--text); font-family:var(--font-sans); font-weight:600; font-size:0.88rem; cursor:pointer; transition:0.15s; }
.auth-social-btn:hover { border-color:var(--primary); background:var(--primary-soft); }
.auth-social-btn .ico { color:var(--text); }
.auth-gicon { flex-shrink:0; }
.auth-divider { display:flex; align-items:center; gap:12px; margin:0 0 16px; color:var(--text-3); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em; }
.auth-divider::before, .auth-divider::after { content:""; flex:1; height:1px; background:var(--rule-soft); }

/* ═══ Landing admin editing (reviews, section pencils) ═══ */
.testi { position: relative; }
.adm-section-edit { position: absolute; top: -46px; right: 0; }
.testi.editing [data-r-text], .testi.editing [data-r-name], .testi.editing [data-r-cap] { outline: 1px dashed var(--primary); outline-offset: 3px; border-radius: 4px; }
.editing [data-ed] { outline: 1px dashed var(--primary); outline-offset: 3px; border-radius: 4px; }