/* Purple Login Bundled CSS v5.5.0 */
/* Generated: 2026-04-05T20:46:28Z */

/* === themes.css === */
body[data-theme="dark"]{--c-bg-body:#1a1a2e;--c-bg-panel:#16213e;--c-bg-white:#1e2a3a;--c-bg-light:#1c2333;--c-bg-muted:#22303f;--c-bg-page:#1a1a2e;--c-bg-off-white:#1e2a3a;--c-bg-subtle:#1c2333;--c-bg-dim:#22303f;--c-bg-input-alt:#16213e;--col1-bg:#16213e;--col2-bg:#1a1a2e;--col3-bg:#16213e;--col4-bg:#16213e;--c-text-primary:#e0e0e0;--c-text-secondary:#d0d0d0;--c-text-tertiary:#b0b0b0;--c-text-muted:#8899aa;--c-text-light:#667788;--c-text-dark:#e8e8e8;--c-text-body:#d5d5d5;--c-text-mid:#c0c0c0;--c-text-dim:#a0a0a0;--c-text-faded:#778899;--c-border:#2a3a4a;--c-border-dark:#344455;--c-border-input:#2a3a4a;--header-bg:linear-gradient(135deg,#0f0c29,#1a1145);--footer-bg:linear-gradient(135deg,#0f0c29,#1a1145);--top-banner-bg:linear-gradient(135deg,#0f0c29,#16213e);--bottom-banner-bg:linear-gradient(135deg,#0f0c29,#16213e)}body[data-theme="ocean"]{--c-primary:#0077b6;--c-primary-dark:#005f8d;--c-primary-deep:#003d5b;--c-primary-hover:#006399;--c-accent-purple:#0077b6;--c-accent-violet:#0096c7;--c-bg-body:#f0f7fa;--c-bg-panel:#f0f7fa;--c-bg-white:#ffffff;--col1-bg:#f0f7fa;--col2-bg:#f0f7fa;--col3-bg:#f0f7fa;--col4-bg:#f0f7fa;--header-bg:linear-gradient(135deg,#003d5b,#005f8d,#0077b6);--footer-bg:linear-gradient(135deg,#0077b6,#005f8d,#003d5b);--top-banner-bg:linear-gradient(135deg,#003d5b,#005f8d);--bottom-banner-bg:linear-gradient(135deg,#003d5b,#005f8d)}body[data-theme="forest"]{--c-primary:#2d6a4f;--c-primary-dark:#1b4332;--c-primary-deep:#0b2618;--c-primary-hover:#40916c;--c-accent-purple:#2d6a4f;--c-accent-violet:#40916c;--c-bg-body:#f1f8f4;--c-bg-panel:#f1f8f4;--col1-bg:#f1f8f4;--col2-bg:#f1f8f4;--col3-bg:#f1f8f4;--col4-bg:#f1f8f4;--header-bg:linear-gradient(135deg,#0b2618,#1b4332,#2d6a4f);--footer-bg:linear-gradient(135deg,#2d6a4f,#1b4332,#0b2618);--top-banner-bg:linear-gradient(135deg,#0b2618,#1b4332);--bottom-banner-bg:linear-gradient(135deg,#0b2618,#1b4332)}body[data-theme="rose"]{--c-primary:#be185d;--c-primary-dark:#9d174d;--c-primary-deep:#6b0f3a;--c-primary-hover:#db2777;--c-accent-purple:#be185d;--c-accent-violet:#ec4899;--c-bg-body:#fdf2f8;--c-bg-panel:#fdf2f8;--col1-bg:#fdf2f8;--col2-bg:#fdf2f8;--col3-bg:#fdf2f8;--col4-bg:#fdf2f8;--header-bg:linear-gradient(135deg,#6b0f3a,#9d174d,#be185d);--footer-bg:linear-gradient(135deg,#be185d,#9d174d,#6b0f3a);--top-banner-bg:linear-gradient(135deg,#6b0f3a,#9d174d);--bottom-banner-bg:linear-gradient(135deg,#6b0f3a,#9d174d)}body[data-theme="slate"]{--c-primary:#475569;--c-primary-dark:#334155;--c-primary-deep:#1e293b;--c-primary-hover:#64748b;--c-accent-purple:#475569;--c-accent-violet:#64748b;--c-bg-body:#f1f5f9;--c-bg-panel:#f1f5f9;--col1-bg:#f1f5f9;--col2-bg:#f1f5f9;--col3-bg:#f1f5f9;--col4-bg:#f1f5f9;--header-bg:linear-gradient(135deg,#1e293b,#334155,#475569);--footer-bg:linear-gradient(135deg,#475569,#334155,#1e293b);--top-banner-bg:linear-gradient(135deg,#1e293b,#334155);--bottom-banner-bg:linear-gradient(135deg,#1e293b,#334155)}body[data-theme="sunset"]{--c-primary:#c2410c;--c-primary-dark:#9a3412;--c-primary-deep:#6b2008;--c-primary-hover:#ea580c;--c-accent-purple:#c2410c;--c-accent-violet:#f97316;--c-bg-body:#fff7ed;--c-bg-panel:#fff7ed;--col1-bg:#fff7ed;--col2-bg:#fff7ed;--col3-bg:#fff7ed;--col4-bg:#fff7ed;--header-bg:linear-gradient(135deg,#6b2008,#9a3412,#c2410c);--footer-bg:linear-gradient(135deg,#c2410c,#9a3412,#6b2008);--top-banner-bg:linear-gradient(135deg,#6b2008,#9a3412);--bottom-banner-bg:linear-gradient(135deg,#6b2008,#9a3412)}body[data-theme="rigid"]{--c-primary:#6b5744;--c-primary-dark:#5a4837;--c-primary-darkest:#3d2f22;--c-primary-deep:#4a3b2e;--c-primary-deep-alt:#3d2f22;--c-primary-hover:#7d6652;--c-accent-purple:#6b5744;--c-accent-violet:#8b7355;--c-accent-violet-light:#a08c6e;--c-accent-indigo:#6b5744;--c-accent-blue:#8b7355;--c-accent-pink:#9c7a5a;--c-text-primary:#3b3228;--c-text-secondary:#4a3f34;--c-text-tertiary:#5c5045;--c-text-muted:#7a6e62;--c-text-light:#9e9285;--c-text-dark:#2e2620;--c-text-body:#4a3f34;--c-text-mid:#5c5045;--c-text-dim:#6e6256;--c-text-faded:#8a7e72;--c-text-placeholder:#a89c90;--c-text-disabled:#bfb3a7;--c-bg-body:#f5f0eb;--c-bg-panel:#f5f0eb;--c-bg-white:#faf7f4;--c-bg-light:#f0ebe4;--c-bg-muted:#ebe5dc;--c-bg-page:#f5f0eb;--c-bg-off-white:#f2ece5;--c-bg-subtle:#f7f3ef;--c-bg-dim:#e8e1d8;--c-bg-input-alt:#f0ebe4;--c-bg-lavender:#f0ebe4;--c-bg-purple-tint:#ebe5dc;--col1-bg:#f5f0eb;--col2-bg:#f5f0eb;--col3-bg:#f5f0eb;--col4-bg:#f5f0eb;--c-border:#ddd5cb;--c-border-dark:#cfc6ba;--c-border-light:#e2dbd2;--c-border-input:#cfc6ba;--c-border-subtle:#ddd5cb;--c-btn:#7a6e62;--c-btn-hover:#6b5f53;--c-btn-active:#5c5045;--hdr-btn-bg:#7a6e62;--hdr-btn-bg-hover:#6b5f53;--hdr-btn-bg-active:#5c5045;--hdr-btn-logout-bg:#7a6e62;--hdr-btn-logout-bg-hover:#6b5f53;--header-bg:linear-gradient(135deg,#4a3b2e 0%,#6b5744 50%,#8b7355 100%);--header-text-color:rgba(255,255,250,0.88);--footer-bg:linear-gradient(135deg,#6b5744,#4a3b2e);--footer-text-color:rgba(255,255,250,0.7);--top-banner-bg:linear-gradient(135deg,#4a3b2e,#5a4837);--top-banner-color:rgba(255,255,250,0.65);--bottom-banner-bg:linear-gradient(135deg,#4a3b2e,#5a4837);--bottom-banner-color:rgba(255,255,250,0.65);--post-card-bg:#faf7f4;--post-card-border:1px solid #ddd5cb;--post-card-shadow:0 1px 2px rgba(107,87,68,0.06);--shadow-sm:0 1px 2px rgba(107,87,68,0.05);--shadow-md:0 2px 6px rgba(107,87,68,0.06);--shadow-lg:0 3px 10px rgba(107,87,68,0.08);--hdr-btn-shadow:0 1px 3px rgba(107,87,68,0.12);--hdr-btn-shadow-hover:0 2px 6px rgba(107,87,68,0.18);--scrollbar-thumb:rgba(139,115,85,0.45);--scrollbar-track:rgba(221,213,203,0.5);--c-purple-light:#a08c6e;--c-bg-purple-tint:#f0ebe4;--form-label-color:#5c5045;--form-input-focus:#8b7355;--form-save-bg:#6b5744;--form-save-hover:#5a4837;--cv-section-title-color:#3b3228;--cv-entry-border-left:3px solid #8b7355;--cv-entry-hover-border:#6b5744;--cv-personal-border:4px solid #6b5744;--cv-bg:rgba(245,240,235,0.95);--c-success:#5a7a48;--c-success-vivid:#6b8c56;--c-success-bg:#e8f0e2;--c-danger:#b54a3a;--c-danger-bg:#f5e2de;--c-warning:#b8923a;--c-warning-bg:#f5edda;--c-info:#4a6e8b;--c-info-bg:#e2ecf2}body[data-theme="midnight"]{--c-primary:#2d1f6b;--c-primary-dark:#1a1440;--c-primary-darkest:#0f0a2e;--c-primary-deep:#1a1440;--c-primary-hover:#4a38a0;--c-accent-purple:#6c5ce7;--c-accent-violet:#a29bfe;--c-accent-violet-light:#c3bfff;--c-accent-indigo:#6c5ce7;--c-accent-blue:#74b9ff;--c-accent-pink:#fd79a8;--c-text-primary:#e8e4f5;--c-text-secondary:#d4cef0;--c-text-tertiary:#b8b0d8;--c-text-muted:#8e84b8;--c-text-light:#6b5fa0;--c-text-dark:#f0edf8;--c-text-body:#d4cef0;--c-text-mid:#b8b0d8;--c-text-dim:#9a90c5;--c-text-faded:#7a70a8;--c-text-placeholder:#6b5fa0;--c-text-disabled:#524880;--c-bg-body:#0f0a2e;--c-bg-panel:#1a1440;--c-bg-white:#1e1850;--c-bg-light:#151040;--c-bg-muted:#1a1548;--c-bg-page:#0f0a2e;--c-bg-off-white:#1e1850;--c-bg-subtle:#151040;--c-bg-dim:#120d38;--c-bg-input-alt:#1a1440;--c-bg-lavender:#1a1548;--c-bg-purple-tint:#1e1850;--col1-bg:#1a1440;--col2-bg:#0f0a2e;--col3-bg:#1a1440;--col4-bg:#1a1440;--c-border:#2d2568;--c-border-dark:#3a3080;--c-border-light:#252060;--c-border-input:#2d2568;--c-border-subtle:#252060;--c-btn:#6c5ce7;--c-btn-hover:#5a4bd6;--c-btn-active:#4a3bc6;--hdr-btn-bg:#4a38a0;--hdr-btn-bg-hover:#5a48b0;--hdr-btn-bg-active:#3a2890;--header-bg:linear-gradient(135deg,#0f0a2e 0%,#1a1440 40%,#2d1f6b 100%);--header-text-color:rgba(232,228,245,0.92);--footer-bg:linear-gradient(135deg,#2d1f6b,#1a1440,#0f0a2e);--footer-text-color:rgba(232,228,245,0.6);--top-banner-bg:linear-gradient(135deg,#0f0a2e,#2d1f6b);--top-banner-color:rgba(232,228,245,0.55);--bottom-banner-bg:linear-gradient(135deg,#0f0a2e,#2d1f6b);--bottom-banner-color:rgba(232,228,245,0.55);--post-card-bg:#1e1850;--post-card-border:1px solid #2d2568;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 2px 8px rgba(0,0,0,0.35);--hdr-btn-shadow:0 1px 4px rgba(108,92,231,0.2);--scrollbar-thumb:rgba(108,92,231,0.4);--scrollbar-track:rgba(26,20,64,0.6);--c-success:#00b894;--c-danger:#e17055;--c-warning:#fdcb6e;--c-info:#74b9ff}body[data-theme="arctic"]{--c-primary:#2a5298;--c-primary-dark:#1e3a5f;--c-primary-darkest:#0d1f3c;--c-primary-deep:#1e3a5f;--c-primary-hover:#3a6ab8;--c-accent-purple:#2a5298;--c-accent-violet:#4a90d9;--c-accent-violet-light:#7ab8f0;--c-accent-indigo:#2a5298;--c-accent-blue:#4a90d9;--c-accent-pink:#7ab8f0;--c-text-primary:#1a2a3e;--c-text-secondary:#2e3e52;--c-text-tertiary:#445566;--c-text-muted:#6b7d90;--c-text-light:#8fa0b5;--c-text-dark:#0d1f3c;--c-text-body:#2e3e52;--c-text-mid:#445566;--c-text-dim:#5a6b7e;--c-text-faded:#8fa0b5;--c-text-placeholder:#a0b0c0;--c-text-disabled:#c0ccd8;--c-bg-body:#f4f8fc;--c-bg-panel:#f4f8fc;--c-bg-white:#ffffff;--c-bg-light:#edf2f8;--c-bg-muted:#e4ecf4;--c-bg-page:#f4f8fc;--c-bg-off-white:#f8fafc;--c-bg-subtle:#f0f5fa;--c-bg-dim:#dce6f0;--c-bg-input-alt:#edf2f8;--c-bg-lavender:#edf2f8;--c-bg-purple-tint:#e4ecf4;--col1-bg:#f4f8fc;--col2-bg:#f4f8fc;--col3-bg:#f4f8fc;--col4-bg:#f4f8fc;--c-border:#d0dce8;--c-border-dark:#b8c8d8;--c-border-light:#e0e8f0;--c-border-input:#b8c8d8;--c-border-subtle:#d0dce8;--c-btn:#2a5298;--c-btn-hover:#1e3a5f;--c-btn-active:#0d1f3c;--hdr-btn-bg:#3a6ab8;--hdr-btn-bg-hover:#2a5298;--hdr-btn-bg-active:#1e3a5f;--header-bg:linear-gradient(135deg,#0d1f3c 0%,#1e3a5f 40%,#2a5298 100%);--header-text-color:rgba(255,255,255,0.95);--footer-bg:linear-gradient(135deg,#2a5298,#1e3a5f,#0d1f3c);--footer-text-color:rgba(255,255,255,0.7);--top-banner-bg:linear-gradient(135deg,#0d1f3c,#1e3a5f);--top-banner-color:rgba(255,255,255,0.65);--bottom-banner-bg:linear-gradient(135deg,#0d1f3c,#1e3a5f);--bottom-banner-color:rgba(255,255,255,0.65);--post-card-bg:#ffffff;--post-card-border:1px solid #d0dce8;--shadow-sm:0 1px 3px rgba(42,82,152,0.06);--shadow-md:0 2px 8px rgba(42,82,152,0.08);--hdr-btn-shadow:0 1px 4px rgba(42,82,152,0.15);--scrollbar-thumb:rgba(42,82,152,0.3);--scrollbar-track:rgba(208,220,232,0.5);--c-success:#27ae60;--c-danger:#e74c3c;--c-warning:#f39c12;--c-info:#3498db}body[data-theme="ember"]{--c-primary:#c67b2f;--c-primary-dark:#8a5520;--c-primary-darkest:#1a1210;--c-primary-deep:#2d1f16;--c-primary-hover:#d9923e;--c-accent-purple:#c67b2f;--c-accent-violet:#d9923e;--c-accent-violet-light:#e8b060;--c-accent-indigo:#c67b2f;--c-accent-blue:#d9923e;--c-accent-pink:#e8b060;--c-text-primary:#f0e6d8;--c-text-secondary:#ddd0c0;--c-text-tertiary:#c4b5a0;--c-text-muted:#9a8a75;--c-text-light:#6e6055;--c-text-dark:#f5ede0;--c-text-body:#ddd0c0;--c-text-mid:#c4b5a0;--c-text-dim:#a89888;--c-text-faded:#7a6d60;--c-text-placeholder:#6e6055;--c-text-disabled:#5a5048;--c-bg-body:#1a1210;--c-bg-panel:#221a15;--c-bg-white:#2a201a;--c-bg-light:#1e1612;--c-bg-muted:#2a201a;--c-bg-page:#1a1210;--c-bg-off-white:#2a201a;--c-bg-subtle:#1e1612;--c-bg-dim:#251c16;--c-bg-input-alt:#221a15;--c-bg-lavender:#2a201a;--c-bg-purple-tint:#2a201a;--col1-bg:#221a15;--col2-bg:#1a1210;--col3-bg:#221a15;--col4-bg:#221a15;--c-border:#3a2e25;--c-border-dark:#4a3d32;--c-border-light:#302520;--c-border-input:#3a2e25;--c-border-subtle:#302520;--c-btn:#c67b2f;--c-btn-hover:#b06a25;--c-btn-active:#8a5520;--hdr-btn-bg:#8a5520;--hdr-btn-bg-hover:#a06828;--hdr-btn-bg-active:#704418;--header-bg:linear-gradient(135deg,#1a1210 0%,#2d1f16 40%,#4a3525 100%);--header-text-color:rgba(240,230,216,0.92);--footer-bg:linear-gradient(135deg,#4a3525,#2d1f16,#1a1210);--footer-text-color:rgba(240,230,216,0.6);--top-banner-bg:linear-gradient(135deg,#1a1210,#3a2818);--top-banner-color:rgba(240,230,216,0.55);--bottom-banner-bg:linear-gradient(135deg,#1a1210,#3a2818);--bottom-banner-color:rgba(240,230,216,0.55);--post-card-bg:#2a201a;--post-card-border:1px solid #3a2e25;--shadow-sm:0 1px 3px rgba(0,0,0,0.35);--shadow-md:0 2px 8px rgba(0,0,0,0.4);--hdr-btn-shadow:0 1px 4px rgba(198,123,47,0.2);--scrollbar-thumb:rgba(198,123,47,0.35);--scrollbar-track:rgba(34,26,21,0.6);--c-success:#7ab648;--c-danger:#e8634a;--c-warning:#e8b060;--c-info:#5a9ec8}body[data-theme="lavender"]{--c-primary:#7c5bb0;--c-primary-dark:#5b3a8c;--c-primary-darkest:#3a2260;--c-primary-deep:#5b3a8c;--c-primary-hover:#9070c8;--c-accent-purple:#7c5bb0;--c-accent-violet:#a78bca;--c-accent-violet-light:#c8b0e0;--c-accent-indigo:#7c5bb0;--c-accent-blue:#9070c8;--c-accent-pink:#d4a0d0;--c-text-primary:#2e2040;--c-text-secondary:#3e3055;--c-text-tertiary:#55456a;--c-text-muted:#7a6895;--c-text-light:#a090b8;--c-text-dark:#1e1030;--c-text-body:#3e3055;--c-text-mid:#55456a;--c-text-dim:#685880;--c-text-faded:#9888b0;--c-text-placeholder:#a898c0;--c-text-disabled:#c0b5d0;--c-bg-body:#f7f3fb;--c-bg-panel:#f7f3fb;--c-bg-white:#fdfcfe;--c-bg-light:#f0eaf6;--c-bg-muted:#e8e0f2;--c-bg-page:#f7f3fb;--c-bg-off-white:#faf7fc;--c-bg-subtle:#f4eff8;--c-bg-dim:#e0d6ec;--c-bg-input-alt:#f0eaf6;--c-bg-lavender:#f0eaf6;--c-bg-purple-tint:#e8e0f2;--col1-bg:#f7f3fb;--col2-bg:#f7f3fb;--col3-bg:#f7f3fb;--col4-bg:#f7f3fb;--c-border:#ddd0ec;--c-border-dark:#c8b8da;--c-border-light:#e8ddf2;--c-border-input:#c8b8da;--c-border-subtle:#ddd0ec;--c-btn:#7c5bb0;--c-btn-hover:#6a4a9e;--c-btn-active:#5b3a8c;--hdr-btn-bg:#7c5bb0;--hdr-btn-bg-hover:#6a4a9e;--hdr-btn-bg-active:#5b3a8c;--header-bg:linear-gradient(135deg,#3a2260 0%,#5b3a8c 40%,#7c5bb0 100%);--header-text-color:rgba(255,255,255,0.95);--footer-bg:linear-gradient(135deg,#7c5bb0,#5b3a8c,#3a2260);--footer-text-color:rgba(255,255,255,0.7);--top-banner-bg:linear-gradient(135deg,#3a2260,#5b3a8c);--top-banner-color:rgba(255,255,255,0.65);--bottom-banner-bg:linear-gradient(135deg,#3a2260,#5b3a8c);--bottom-banner-color:rgba(255,255,255,0.65);--post-card-bg:#fdfcfe;--post-card-border:1px solid #ddd0ec;--shadow-sm:0 1px 3px rgba(124,91,176,0.06);--shadow-md:0 2px 8px rgba(124,91,176,0.08);--hdr-btn-shadow:0 1px 4px rgba(124,91,176,0.15);--scrollbar-thumb:rgba(124,91,176,0.3);--scrollbar-track:rgba(221,208,236,0.5);--c-success:#38a169;--c-danger:#e53e3e;--c-warning:#d69e2e;--c-info:#3182ce}body[data-theme="carbon"]{--c-primary:#00d084;--c-primary-dark:#00a868;--c-primary-darkest:#111111;--c-primary-deep:#1c1c1c;--c-primary-hover:#00e894;--c-accent-purple:#00d084;--c-accent-violet:#00e894;--c-accent-violet-light:#40f0a8;--c-accent-indigo:#00d084;--c-accent-blue:#00b4d8;--c-accent-pink:#ff6b6b;--c-text-primary:#e0e0e0;--c-text-secondary:#cccccc;--c-text-tertiary:#aaaaaa;--c-text-muted:#888888;--c-text-light:#666666;--c-text-dark:#f0f0f0;--c-text-body:#cccccc;--c-text-mid:#aaaaaa;--c-text-dim:#999999;--c-text-faded:#777777;--c-text-placeholder:#555555;--c-text-disabled:#444444;--c-bg-body:#111111;--c-bg-panel:#1a1a1a;--c-bg-white:#222222;--c-bg-light:#181818;--c-bg-muted:#1e1e1e;--c-bg-page:#111111;--c-bg-off-white:#222222;--c-bg-subtle:#181818;--c-bg-dim:#1a1a1a;--c-bg-input-alt:#1a1a1a;--c-bg-lavender:#1e1e1e;--c-bg-purple-tint:#1e1e1e;--col1-bg:#1a1a1a;--col2-bg:#111111;--col3-bg:#1a1a1a;--col4-bg:#1a1a1a;--c-border:#2a2a2a;--c-border-dark:#333333;--c-border-light:#252525;--c-border-input:#2a2a2a;--c-border-subtle:#252525;--c-btn:#00a868;--c-btn-hover:#00d084;--c-btn-active:#008850;--hdr-btn-bg:#2a2a2a;--hdr-btn-bg-hover:#333333;--hdr-btn-bg-active:#222222;--header-bg:linear-gradient(135deg,#111111 0%,#1a1a1a 50%,#222222 100%);--header-text-color:rgba(224,224,224,0.92);--footer-bg:linear-gradient(135deg,#1a1a1a,#111111);--footer-text-color:rgba(224,224,224,0.55);--top-banner-bg:linear-gradient(135deg,#111111,#1c1c1c);--top-banner-color:rgba(0,208,132,0.6);--bottom-banner-bg:linear-gradient(135deg,#111111,#1c1c1c);--bottom-banner-color:rgba(0,208,132,0.6);--post-card-bg:#222222;--post-card-border:1px solid #2a2a2a;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 2px 8px rgba(0,0,0,0.5);--hdr-btn-shadow:0 1px 4px rgba(0,208,132,0.15);--scrollbar-thumb:rgba(0,208,132,0.3);--scrollbar-track:rgba(26,26,26,0.6);--c-success:#00d084;--c-danger:#ff6b6b;--c-warning:#feca57;--c-info:#00b4d8}body[data-theme="terracotta"]{--c-primary:#a65d3f;--c-primary-dark:#8c4a2f;--c-primary-darkest:#5a2d18;--c-primary-deep:#8c4a2f;--c-primary-hover:#c97b52;--c-accent-purple:#a65d3f;--c-accent-violet:#c97b52;--c-accent-violet-light:#e0a080;--c-accent-indigo:#a65d3f;--c-accent-blue:#b86e48;--c-accent-pink:#d4906a;--c-text-primary:#3a2518;--c-text-secondary:#4a3525;--c-text-tertiary:#5e4535;--c-text-muted:#7a6555;--c-text-light:#9a8878;--c-text-dark:#2a1810;--c-text-body:#4a3525;--c-text-mid:#5e4535;--c-text-dim:#6e5545;--c-text-faded:#8a7868;--c-text-placeholder:#a09088;--c-text-disabled:#b8a8a0;--c-bg-body:#faf5f0;--c-bg-panel:#faf5f0;--c-bg-white:#fefcfa;--c-bg-light:#f4ede5;--c-bg-muted:#ede4d8;--c-bg-page:#faf5f0;--c-bg-off-white:#f8f2ec;--c-bg-subtle:#f6f0ea;--c-bg-dim:#e8ddd0;--c-bg-input-alt:#f4ede5;--c-bg-lavender:#f4ede5;--c-bg-purple-tint:#ede4d8;--col1-bg:#faf5f0;--col2-bg:#faf5f0;--col3-bg:#faf5f0;--col4-bg:#faf5f0;--c-border:#ddd0c0;--c-border-dark:#cbbaa5;--c-border-light:#e5dcd0;--c-border-input:#cbbaa5;--c-border-subtle:#ddd0c0;--c-btn:#a65d3f;--c-btn-hover:#8c4a2f;--c-btn-active:#5a2d18;--hdr-btn-bg:#a65d3f;--hdr-btn-bg-hover:#8c4a2f;--hdr-btn-bg-active:#734020;--header-bg:linear-gradient(135deg,#5a2d18 0%,#8c4a2f 40%,#a65d3f 100%);--header-text-color:rgba(255,252,248,0.95);--footer-bg:linear-gradient(135deg,#a65d3f,#8c4a2f,#5a2d18);--footer-text-color:rgba(255,252,248,0.7);--top-banner-bg:linear-gradient(135deg,#5a2d18,#8c4a2f);--top-banner-color:rgba(255,252,248,0.65);--bottom-banner-bg:linear-gradient(135deg,#5a2d18,#8c4a2f);--bottom-banner-color:rgba(255,252,248,0.65);--post-card-bg:#fefcfa;--post-card-border:1px solid #ddd0c0;--shadow-sm:0 1px 3px rgba(166,93,63,0.06);--shadow-md:0 2px 8px rgba(166,93,63,0.08);--hdr-btn-shadow:0 1px 4px rgba(166,93,63,0.15);--scrollbar-thumb:rgba(166,93,63,0.3);--scrollbar-track:rgba(221,208,192,0.5);--c-success:#5a8a40;--c-danger:#c44a35;--c-warning:#c89030;--c-info:#4a7a9a}body[data-theme="sapphire"]{--c-primary:#1a2980;--c-primary-dark:#0c1445;--c-primary-darkest:#060a28;--c-primary-deep:#0c1445;--c-primary-hover:#2a3a9a;--c-accent-purple:#1a2980;--c-accent-violet:#c8a84e;--c-accent-violet-light:#dcc070;--c-accent-indigo:#1a2980;--c-accent-blue:#2a3a9a;--c-accent-pink:#c8a84e;--c-text-primary:#1a1a30;--c-text-secondary:#2a2a45;--c-text-tertiary:#404060;--c-text-muted:#606080;--c-text-light:#8888a5;--c-text-dark:#0a0a20;--c-text-body:#2a2a45;--c-text-mid:#404060;--c-text-dim:#505070;--c-text-faded:#808098;--c-text-placeholder:#9898b0;--c-text-disabled:#b0b0c0;--c-bg-body:#f0f2f8;--c-bg-panel:#f0f2f8;--c-bg-white:#fafbfe;--c-bg-light:#e8eaf4;--c-bg-muted:#dde0f0;--c-bg-page:#f0f2f8;--c-bg-off-white:#f5f6fa;--c-bg-subtle:#eceef6;--c-bg-dim:#d5d8ea;--c-bg-input-alt:#e8eaf4;--c-bg-lavender:#e8eaf4;--c-bg-purple-tint:#dde0f0;--col1-bg:#f0f2f8;--col2-bg:#f0f2f8;--col3-bg:#f0f2f8;--col4-bg:#f0f2f8;--c-border:#c8cce0;--c-border-dark:#b0b5d0;--c-border-light:#d8daea;--c-border-input:#b0b5d0;--c-border-subtle:#c8cce0;--c-btn:#1a2980;--c-btn-hover:#0c1445;--c-btn-active:#060a28;--hdr-btn-bg:#c8a84e;--hdr-btn-bg-hover:#b89840;--hdr-btn-bg-active:#a08830;--header-bg:linear-gradient(135deg,#060a28 0%,#0c1445 30%,#1a2980 100%);--header-text-color:rgba(255,255,255,0.95);--footer-bg:linear-gradient(135deg,#1a2980,#0c1445,#060a28);--footer-text-color:rgba(255,255,255,0.7);--top-banner-bg:linear-gradient(135deg,#060a28,#1a2980);--top-banner-color:rgba(200,168,78,0.7);--bottom-banner-bg:linear-gradient(135deg,#060a28,#1a2980);--bottom-banner-color:rgba(200,168,78,0.7);--post-card-bg:#fafbfe;--post-card-border:1px solid #c8cce0;--shadow-sm:0 1px 3px rgba(26,41,128,0.06);--shadow-md:0 2px 8px rgba(26,41,128,0.08);--hdr-btn-shadow:0 1px 4px rgba(200,168,78,0.2);--scrollbar-thumb:rgba(26,41,128,0.3);--scrollbar-track:rgba(200,204,224,0.5);--c-success:#2e8b57;--c-danger:#c0392b;--c-warning:#c8a84e;--c-info:#2a3a9a}/* === visual-polish.css === */
/* PURPLE LOGIN v5.0 VISUAL POLISH OVERLAY */
::selection{background:rgba(106,27,154,0.15);color:inherit}.sidebar-avatar{border-radius:3px;transition:transform 0.2s,box-shadow 0.2s}.sidebar-avatar:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(106,27,154,0.15)}/* PRIMARY BUTTONS */
.btn-primary,.cvs-btn-primary,.form-save,.padmin-btn-success,.dir-search-btn,
button[name="save_personal"],button[name="save_experience"],button[name="save_university"],
button[name="save_school"],button[name="save_certification"],button[name="save_others"],
button[name="save_skills"],button[name="save_volunteer"],button[name="save_projects"],
button[name="save_awards"],button[name="save_languages"],button[name="save_cv_template"]{background:linear-gradient(135deg,#7c3aed 0%,#6a1b9a 100%)!important;border:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:600!important;padding:8px 18px!important;border-radius:3px!important;box-shadow:0 2px 6px rgba(106,27,154,0.25)!important;transition:all 0.2s ease!important}.btn-primary:hover,.cvs-btn-primary:hover,.form-save:hover,
button[name="save_personal"]:hover,button[name="save_experience"]:hover,
button[name="save_university"]:hover,button[name="save_school"]:hover,
button[name="save_certification"]:hover,button[name="save_others"]:hover,
button[name="save_skills"]:hover,button[name="save_volunteer"]:hover,
button[name="save_projects"]:hover,button[name="save_awards"]:hover,
button[name="save_languages"]:hover,button[name="save_cv_template"]:hover{background:linear-gradient(135deg,#6d28d9 0%,#4a148c 100%)!important;box-shadow:0 4px 12px rgba(106,27,154,0.35)!important;transform:translateY(-1px)!important}/* SECONDARY BUTTONS */
.cvs-btn-outline,.dir-clear-btn,.padmin-btn{background:#fff!important;color:#374151!important;-webkit-text-fill-color:#374151!important;border:1.5px solid #d1d5db!important;border-radius:3px!important;font-weight:600!important;transition:all 0.2s ease!important}.cvs-btn-outline:hover,.dir-clear-btn:hover,.padmin-btn:hover{border-color:#7c3aed!important;color:#7c3aed!important;-webkit-text-fill-color:#7c3aed!important;background:rgba(124,58,237,0.04)!important}/* ACTIVE TAB BUTTONS */
.conn-tab.active,.jobs-tab.active,.reg-tab.active,.pj-tab.active{background:linear-gradient(135deg,#7c3aed,#6a1b9a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 2px 6px rgba(106,27,154,0.2)!important;border-radius:3px!important}.conn-tab,.jobs-tab,.reg-tab,.pj-tab{border-radius:3px!important;transition:all 0.2s ease!important}/* SIDEBAR NAVIGATION */
.nav-item a{border-radius:3px!important;transition:all 0.15s ease!important;margin:1px 0}.nav-item a:hover{background:rgba(106,27,154,0.08)!important;color:#6a1b9a!important}.nav-item.active>a,.nav-submenu li.active a{background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(106,27,154,0.08))!important;color:#6a1b9a!important;font-weight:600!important;border-left:3px solid #7c3aed;padding-left:9px!important}.nav-submenu li a{border-radius:3px!important}/* CARD SYSTEM */
.feed-post,.post-card,.conn-card,.job-card,.privacy-card,.pv-stat,.pv-item,
.dir-card,.padmin-stat-card,.padmin-section{border-radius:3px!important;border:1px solid rgba(0,0,0,0.06)!important;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02)!important;transition:box-shadow 0.25s ease,transform 0.25s ease,border-color 0.25s ease!important}.feed-post:hover,.post-card:hover,.conn-card:hover,.job-card:hover,.dir-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04)!important;border-color:rgba(124,58,237,0.15)!important;transform:translateY(-1px)}/* FORM INPUTS */
input[type="text"],input[type="email"],input[type="password"],input[type="url"],
input[type="tel"],input[type="number"],input[type="search"],input[type="date"],
textarea,select{border-radius:3px!important;border:1.5px solid #d1d5db!important;padding:9px 12px!important;font-size:13px!important;transition:border-color 0.2s ease,box-shadow 0.2s ease!important;outline:none!important}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
input[type="url"]:focus,input[type="tel"]:focus,input[type="number"]:focus,
input[type="search"]:focus,input[type="date"]:focus,textarea:focus,select:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,0.1)!important}/* PROFILE FORM HEADINGS */
.profile-form h2{font-size:17px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid rgba(124,58,237,0.12);margin-bottom:16px}/* SAVE MESSAGES */
.save-msg{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;color:#065f46!important;border:1px solid #a7f3d0!important;border-radius:3px!important;padding:10px 14px!important;font-weight:600!important;font-size:12px!important;margin-bottom:14px;animation:fadeSlideIn 0.3s ease}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}/* WIDGETS */
.notif-dashboard,.sidebar-widget{border-radius:3px!important;border:1px solid rgba(0,0,0,0.05)!important;overflow:hidden}/* SEARCH INPUTS */
.dir-search-input,.padmin-search,.net-search-input{border-radius:3px!important;padding:10px 14px!important;font-size:13px!important;border:1.5px solid #e5e7eb!important;background:#fff!important}.dir-search-input:focus,.padmin-search:focus,.net-search-input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,0.08)!important}/* FILTER SELECTS */
.dir-filter-select,.padmin-select{border-radius:3px!important;padding:8px 10px!important;border:1.5px solid #e5e7eb!important;cursor:pointer;transition:border-color 0.15s!important}.dir-filter-select:hover,.padmin-select:hover{border-color:#7c3aed!important}/* TAGS & BADGES */
.dir-tag,.pa-chip{border-radius:3px!important;font-weight:600!important;letter-spacing:0.2px}.pa-status,.job-status-badge{border-radius:3px!important;padding:2px 8px!important;font-weight:700!important}/* TABLE */
.padmin-table{border-radius:3px!important;overflow:hidden}.padmin-table thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6)!important}.padmin-table tbody tr{transition:background 0.15s ease!important}.padmin-table tbody tr:hover{background:rgba(124,58,237,0.03)!important}/* DIRECTORY */
.dir-logo,.dir-logo-placeholder{border-radius:3px!important}.dir-toggle-btn{border-radius:3px!important;transition:all 0.2s ease!important}.dir-toggle-btn.active{background:linear-gradient(135deg,#7c3aed,#6a1b9a)!important;box-shadow:0 2px 8px rgba(106,27,154,0.2)!important}/* ADMIN SUBTABS */
.padmin-stab{transition:all 0.15s ease!important}.padmin-stab.active{border-bottom-color:#7c3aed!important;color:#6a1b9a!important}.padmin-stab:hover{background:rgba(124,58,237,0.04)!important;color:#6a1b9a!important}/* STAT CARDS */
.padmin-stat-card{border-radius:3px!important;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid rgba(124,58,237,0.08)!important}.padmin-stat-num{background:linear-gradient(135deg,#7c3aed,#6a1b9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}/* SCROLLBAR */
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(156,163,175,0.4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,0.6)}/* CV SUMMARY */
.cvs-card{border-radius:3px!important;transition:all 0.2s ease!important}.cvs-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(106,27,154,0.12)}.cvs-card.active{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,0.12)!important}.cvs-preview-wrap{border-radius:3px!important;box-shadow:0 2px 8px rgba(0,0,0,0.06)!important}/* PAGINATION */
.dir-page-btn,.dir-page-num{border-radius:3px!important}.dir-page-num.active{background:linear-gradient(135deg,#7c3aed,#6a1b9a)!important}/* EMPTY STATES */
.dir-empty,.padmin-empty,.pj-empty{border-radius:3px;background:#f9fafb;padding:30px;border:1px dashed #d1d5db}/* PAGE ANIMATIONS */
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-form,.company-directory-page,.padmin-page,.cvs-wrap,.job-search-page,.comm-page{animation:fadeIn 0.25s ease}/* HEADER & FOOTER */
.site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none !important}.site-footer{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}/* JOB LIST CARDS */
.job-list-card{border-radius:3px!important;border:1px solid #e5e7eb!important;margin-bottom:8px;transition:border-color 0.2s,box-shadow 0.2s!important}.job-list-card:hover{border-color:rgba(124,58,237,0.2)!important;box-shadow:0 2px 8px rgba(0,0,0,0.05)!important}/* PROFILE BLOCKS */
.edu-block,.exp-block,.cert-block,.vol-block,.proj-block{border-radius:3px!important;border:1px solid #e5e7eb!important;padding:14px!important;margin-bottom:10px;background:#fff;transition:border-color 0.2s!important}.edu-block:hover,.exp-block:hover,.cert-block:hover,.vol-block:hover,.proj-block:hover{border-color:rgba(124,58,237,0.2)!important}/* MAILBOX */
.mail-item{border-radius:3px!important;transition:background 0.15s!important}.mail-item:hover{background:rgba(124,58,237,0.03)!important}/* ENGAGEMENT BUTTONS */
.engagement-btn{border-radius:3px!important;transition:all 0.15s ease!important}.engagement-btn:hover{background:rgba(124,58,237,0.06)!important}.engagement-btn.active{color:#7c3aed!important}/* LOGOS & ACTIONS */
.pa-btn,.pa-actions button{border-radius:3px!important}.job-logo,.pa-logo{border-radius:3px!important}/* MESSAGES */
.msg-bubble{border-radius:3px!important}.msg-bubble.sent{border-bottom-right-radius:4px!important}.msg-bubble.received{border-bottom-left-radius:4px!important}/* GAMES & QR */
.rg-card{border-radius:3px!important;transition:all 0.2s!important}.rg-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.1)!important}.qr-card{border-radius:3px!important}/* ===== DARK MODE ===== */
[data-theme="dark"] .dir-card,[data-theme="dark"] .padmin-stat-card,
[data-theme="dark"] .padmin-section,[data-theme="dark"] .edu-block,
[data-theme="dark"] .exp-block,[data-theme="dark"] .cert-block,
[data-theme="dark"] .job-list-card{background:#1f2937!important;border-color:#374151!important}[data-theme="dark"] .dir-card:hover,[data-theme="dark"] .feed-post:hover,
[data-theme="dark"] .conn-card:hover,[data-theme="dark"] .job-card:hover{border-color:rgba(139,92,246,0.3)!important;box-shadow:0 4px 16px rgba(0,0,0,0.2)!important}[data-theme="dark"] .nav-item.active>a,[data-theme="dark"] .nav-submenu li.active a{background:rgba(139,92,246,0.12)!important;color:#a78bfa!important;border-left-color:#a78bfa}[data-theme="dark"] .nav-item a:hover{background:rgba(139,92,246,0.08)!important;color:#c4b5fd!important}[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus,[data-theme="dark"] select:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,0.15)!important}[data-theme="dark"] .padmin-stat-num{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="dark"] .save-msg{background:rgba(16,185,129,0.1)!important;border-color:rgba(16,185,129,0.2)!important;color:#34d399!important}[data-theme="dark"] .dir-empty,[data-theme="dark"] .padmin-empty,
[data-theme="dark"] .pj-empty{background:#1f2937;border-color:#374151}[data-theme="dark"] .conn-tab.active,[data-theme="dark"] .jobs-tab.active,
[data-theme="dark"] .reg-tab.active,[data-theme="dark"] .pj-tab.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}[data-theme="dark"] ::selection{background:rgba(139,92,246,0.25)}[data-theme="dark"] .cvs-card.active{border-color:#8b5cf6!important}[data-theme="dark"] .padmin-table thead{background:#1e293b!important}.banner-row,.banner-row .info-banner,.dashboard-wrapper,.dashboard-center{border:none !important;outline:none !important}.pulse-tray,.pulse-tray.open,.pulse-chip,.pulse-summary,.pulse-tag,.nf-reactions-picker,#nf-global-picker{display:none !important;visibility:hidden !important;height:0 !important;overflow:hidden !important}/* =============================================
v5.3.0 — Sticky Sidebar Tabs (Network/Jobs)
The toggle stays fixed, panels scroll below it
============================================= */
.users-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important;overflow-y:hidden!important}.up-toggle-wrap{flex-shrink:0!important;position:relative!important;z-index:20!important;margin-bottom:0!important;border-bottom:1px solid var(--c-border,#e5e7eb)!important}#panel-network,.up-panel{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;scrollbar-width:thin!important;scrollbar-color:rgba(140,140,140,0.5) transparent}#panel-jobs,.sj-panel{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;scrollbar-width:thin!important;scrollbar-color:rgba(140,140,140,0.5) transparent}.up-search{position:sticky!important;top:0!important;z-index:10!important;background:var(--col3-bg,#FAF8F3)!important;margin:0!important;padding:6px!important;border-bottom:1px solid var(--c-border,#e5e7eb)!important;border-top:none!important}.sj-search{position:sticky!important;top:0!important;z-index:10!important;background:var(--col3-bg,#FAF8F3)!important;margin:0!important;padding:6px!important;border-bottom:1px solid var(--c-border,#e5e7eb)!important}[data-theme="dark"] .up-search,[data-theme="dark"] .sj-search{background:var(--c-bg-white,#1f2937)!important}/* =============================================
v5.3.0 — Profile Card:Professional Layout
Banner shorter, avatar overlaps, cleaner flow
============================================= */
/* — Shorter cover banner — */
.v5-cover-photo-wrap{height:140px!important;border-radius:3px!important}.vp-container .v5-cover-photo-wrap + .vp-header{border-radius:3px!important}/* — Header:pull avatar up into banner — */
.vp-header{position:relative!important;padding:60px 30px 20px!important;margin-top:-50px!important;z-index:2!important;border-top:none!important;border-radius:3px!important;box-shadow:0 2px 12px rgba(0,0,0,0.06)!important}.vp-avatar{width:100px!important;height:100px!important;border-radius:50%!important;object-fit:cover!important;border:4px solid var(--c-bg-white,#fff)!important;box-shadow:0 2px 12px rgba(0,0,0,0.12)!important;margin-bottom:8px!important;margin-top:-60px!important;position:relative!important;z-index:3!important}/* — Name & meta tighter spacing — */
.vp-name{font-size:22px!important;font-weight:800!important;letter-spacing:-0.3px!important;margin-bottom:2px!important}.vp-headline{font-size:13px!important;color:var(--c-text-muted)!important;margin-bottom:2px!important}.vp-location{font-size:12px!important;color:var(--c-text-light)!important;margin-bottom:8px!important}/* — Connection area — */
#vp-conn-area{margin:10px 0 2px}.vp-conn-status.connected{font-size:13px!important;font-weight:700!important;color:#059669!important;margin-bottom:4px!important;letter-spacing:0.2px}.vp-actions-row{display:flex!important;gap:8px!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:6px!important}.vp-conn-btn{padding:7px 20px!important;border:none!important;color:#fff!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;border-radius:3px!important;font-family:inherit!important;margin:0!important;-webkit-text-fill-color:#fff!important;display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;transition:all 0.2s ease!important;letter-spacing:0.3px!important;box-shadow:0 1px 4px rgba(0,0,0,0.12)!important;text-decoration:none!important}.vp-conn-btn.connect{background:linear-gradient(135deg,#6a1b9a,#7c3aed)!important}.vp-conn-btn.connect:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px rgba(124,58,237,0.3)!important}.vp-conn-btn.btn-message{background:linear-gradient(135deg,#4338ca,#667eea)!important}.vp-conn-btn.btn-message:hover{background:linear-gradient(135deg,#667eea,#818cf8)!important;transform:translateY(-1px)!important}.vp-conn-btn.remove{background:#ef4444!important}.vp-conn-btn.remove:hover{background:#dc2626!important;transform:translateY(-1px)!important}.vp-conn-btn.pending-btn{background:linear-gradient(135deg,#d97706,#f59e0b)!important;cursor:pointer!important}.vp-conn-btn.pending-btn:hover{background:linear-gradient(135deg,#b45309,#d97706)!important}/* — Divider line before secondary actions — */
.vp-secondary-actions{display:flex!important;gap:6px!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid var(--c-border,#e5e7eb)!important}.vp-sec-btn{font-size:11px!important;padding:5px 14px!important;cursor:pointer!important;border-radius:3px!important;font-weight:500!important;transition:all 0.15s ease!important;display:inline-flex!important;align-items:center!important;gap:4px!important;font-family:inherit!important;white-space:nowrap!important;text-decoration:none!important;line-height:1.3!important}.vp-sec-btn.btn-recommend{background:#ede9fe!important;color:#6d28d9!important;border:1px solid #c4b5fd!important;-webkit-text-fill-color:#6d28d9!important}.vp-sec-btn.btn-recommend:hover{background:#ddd6fe!important;color:#4c1d95!important;-webkit-text-fill-color:#4c1d95!important}.vp-sec-btn.btn-mute{background:#f3f4f6!important;color:#6b7280!important;border:1px solid #d1d5db!important;-webkit-text-fill-color:#6b7280!important}.vp-sec-btn.btn-mute:hover{background:#e5e7eb!important;color:#374151!important;-webkit-text-fill-color:#374151!important}.vp-sec-btn.btn-block{background:#fee2e2!important;color:#dc2626!important;border:1px solid #fca5a5!important;-webkit-text-fill-color:#dc2626!important}.vp-sec-btn.btn-block:hover{background:#fecaca!important;color:#991b1b!important;-webkit-text-fill-color:#991b1b!important}.vp-sec-btn.btn-report{background:#fef3c7!important;color:#b45309!important;border:1px solid #fcd34d!important;-webkit-text-fill-color:#b45309!important}.vp-sec-btn.btn-report:hover{background:#fde68a!important;color:#92400e!important;-webkit-text-fill-color:#92400e!important}/* — Follow + stats row — */
.vp-follow-btn{margin-top:12px!important;padding:6px 26px!important;border-radius:3px!important;font-size:12px!important;font-weight:600!important}.vp-conn-count{font-size:12px!important;color:var(--c-text-muted)!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid var(--c-border,#e5e7eb)!important}/* — Dark mode — */
[data-theme="dark"] .vp-header{background:var(--c-bg-white,#1f2937)!important;border-color:var(--c-border,#374151)!important}[data-theme="dark"] .vp-avatar{border-color:var(--c-bg-white,#1f2937)!important}[data-theme="dark"] .vp-secondary-actions{border-top-color:var(--c-border,#374151)!important}[data-theme="dark"] .vp-conn-count{border-top-color:var(--c-border,#374151)!important}[data-theme="dark"] .vp-sec-btn.btn-recommend{background:rgba(109,40,217,0.15)!important;border-color:rgba(139,92,246,0.3)!important;color:#a78bfa!important;-webkit-text-fill-color:#a78bfa!important}[data-theme="dark"] .vp-sec-btn.btn-mute{background:rgba(107,114,128,0.15)!important;border-color:rgba(107,114,128,0.3)!important;color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important}[data-theme="dark"] .vp-sec-btn.btn-block{background:rgba(220,38,38,0.15)!important;border-color:rgba(220,38,38,0.3)!important;color:#f87171!important;-webkit-text-fill-color:#f87171!important}[data-theme="dark"] .vp-sec-btn.btn-report{background:rgba(217,119,6,0.15)!important;border-color:rgba(217,119,6,0.3)!important;color:#fbbf24!important;-webkit-text-fill-color:#fbbf24!important}/* — Mobile — */

@media(max-width:768px){.v5-cover-photo-wrap{height:100px!important}.vp-header{padding:50px 16px 16px!important;margin-top:-40px!important}.vp-avatar{width:80px!important;height:80px!important;margin-top:-50px!important}.vp-name{font-size:18px!important}.vp-secondary-actions{gap:4px!important}.vp-sec-btn{padding:4px 10px!important;font-size:10px!important}}/* v5.3.0 — New application status badges (applicant side) */
.job-status.hr_contacted{background:#e0e7ff;color:#3730a3}.job-status.cv_shortlisted{background:#ede9fe;color:#5b21b6}.job-status.shortlisted{background:#fef3c7;color:#92400e}.job-status.on_hold{background:#ffedd5;color:#9a3412}.job-status.offered{background:#d1fae5;color:#065f46}.job-status.hired{background:#d1fae5;color:#047857;font-weight:800}/* v5.3.0 — Recruiter Feedback on Applicant Applied tab */
.job-recruiter-feedback{display:flex;align-items:center;gap:6px;margin-top:5px;padding:5px 10px;background:#f8f7ff;border:1px solid #ede9fe;border-radius:3px;border-left:3px solid #7c3aed}.jrf-label{font-size:10px;color:#6b7280;font-weight:600;white-space:nowrap}.jrf-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px;white-space:nowrap}.jrf-hr_contacted{background:#e0e7ff;color:#3730a3}.jrf-cv_shortlisted{background:#ede9fe;color:#5b21b6}.jrf-screening{background:#fef3c7;color:#92400e}.jrf-interview{background:#ede9fe;color:#6d28d9}.jrf-shortlisted{background:#fef3c7;color:#b45309}.jrf-on_hold{background:#ffedd5;color:#9a3412}.jrf-offered{background:#d1fae5;color:#065f46}.jrf-hired{background:#d1fae5;color:#047857}.jrf-rejected{background:#fee2e2;color:#991b1b}[data-theme="dark"] .job-recruiter-feedback{background:#1e1533;border-color:#374151;border-left-color:#8b5cf6}[data-theme="dark"] .jrf-label{color:#9ca3af}.jrf-pending{background:#f3f4f6;color:#6b7280;font-style:italic}/* v5.3.0 — Fix follow button alignment in post header */
.post-header{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.post-header>.post-author-link{flex:1!important;min-width:0!important}.post-header>.pl-follow-wrapper{flex-shrink:0!important;display:inline-flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important;flex-wrap:nowrap!important}.post-header>.pl-follow-wrapper .pl-follow-btn{padding:3px 12px!important;font-size:11px!important;border-width:1.5px!important;border-radius:3px!important}.post-header>.pl-follow-wrapper .pl-follow-count{font-size:10px!important;white-space:nowrap!important}.post-header>.post-actions-menu{flex-shrink:0!important}/* v5.3.0 — Archive button on job cards */
.archive-btn{background:#6b7280!important;font-size:11px!important;padding:3px 8px!important}.archive-btn:hover{background:#4b5563!important}/* =================================================================
v5.3.0 — GLOBAL:Rectangular with tiny 2px scoop — ENTIRE SITE
No round corners anywhere. Only avatars stay circular.
This MUST be the last CSS loaded to override everything.
================================================================= */
/* Nuclear override — every element */
/* Nuclear border-radius removed — all CSS files already set to 3px */
/* Avatars are the ONLY exception — stay circular */
.post-avatar,.comment-avatar,.reply-avatar,.comment-form-avatar,
.up-avatar,.rc-app-av,.vp-avatar,.sb-avatar-img,
.sv-mem img,.sv-arow img,.mc-av,.mbx-av,
.dir-card-avatar,.sj-card img,.up-card img,
img[class*="avatar"],img[class*="Avatar"],
.story-avatar,.notif-avatar{border-radius:50%!important}/* Online indicator dot stays round */
[style*="border-radius:50%"]{border-radius:50%!important}/* Zero radius where needed (flush edges) */
.nav-item a,.dropdown-item,.post-dropdown,
.left-sidebar,.center-content,.users-panel,.right-sidebar,
.dashboard-grid,.banner-row{border-radius:3px!important}/* v5.3.0 — Consistent dir-header across all pages */
.dir-header{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:16px!important;padding-bottom:10px!important;border-bottom:3px solid var(--c-primary,#6a1b9a)!important}.dir-header h2{margin:0!important;padding:0!important;font-size:18px!important;font-weight:700!important;color:var(--c-text-primary,#1a1a1a)!important;display:flex!important;align-items:center!important;gap:8px!important;border:none!important;border-bottom:none!important;letter-spacing:-0.2px!important;line-height:1.3!important}.dir-header h2 svg{color:var(--c-primary,#6a1b9a)!important;flex-shrink:0!important}.profile-form .dir-header h2{font-size:18px!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:0!important}/* v5.3.0 — Feed post buttons */
.submit-post-btn{background:var(--c-primary,#6a1b9a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:8px 22px!important;font-weight:700!important;font-size:13px!important;cursor:pointer!important;margin-left:auto!important}.submit-post-btn:hover{background:var(--c-primary-dark,#4a148c)!important}.add-media-btn{background:var(--c-bg-muted,#f3f4f6)!important;color:var(--c-text-primary,#333)!important;-webkit-text-fill-color:var(--c-text-primary,#333)!important;border:1px solid var(--c-border,#e5e7eb)!important;padding:6px 14px!important;font-size:12px!important;font-weight:600!important}.add-media-btn:hover{background:var(--c-border,#e5e7eb)!important}/* v5.3.0 — Celebration fireworks on positive recruiter feedback */
.jrf-celebrate{position:relative;overflow:visible}.jrf-celebrate::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;background:linear-gradient(135deg,rgba(124,58,237,0.03),rgba(16,185,129,0.03));border-left:3px solid #10b981}.jrf-celebrate .job-recruiter-feedback{border-left-color:#10b981!important;background:#f0fdf4!important}/* Firework particles */
.fw-particle{position:absolute;pointer-events:none;z-index:10;border-radius:50%}
@keyframes fw-rise{0%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1}100%{opacity:0;transform:translateY(-120px) scale(0)}}
@keyframes fw-burst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(0)}}
@keyframes fw-sparkle{0%{opacity:1;transform:translate(0,0) scale(1)}50%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0.3)}}
@keyframes fw-trail{0%{opacity:0.8;height:0}30%{height:40px}100%{opacity:0;height:0;transform:translateY(-100px)}}/* v5.3.0 — Company/Recruiter Profile Detail View */
.cpv-page{max-width:750px}.cpv-back{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--c-primary,#6a1b9a);text-decoration:none;margin-bottom:14px}.cpv-back:hover{opacity:0.7}.cpv-header{border:1px solid var(--c-border,#e5e7eb);padding:20px;margin-bottom:16px;background:var(--c-bg-white,#fff)}.cpv-header-top{display:flex;gap:16px;align-items:flex-start}.cpv-logo-wrap{flex-shrink:0}.cpv-logo{width:80px;height:80px;object-fit:contain;border:1px solid var(--c-border,#e5e7eb)}.cpv-logo-ph{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--c-bg-muted,#f3f4f6);border:1px solid var(--c-border,#e5e7eb);color:#999}.cpv-header-info{flex:1;min-width:0}.cpv-header-info h2{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--c-text-primary,#1a1a1a)}.cpv-subtitle{font-size:13px;color:var(--c-primary,#6a1b9a);font-weight:600}.cpv-location{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px;margin-top:4px}.cpv-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cpv-tag{font-size:10px;padding:3px 8px;background:var(--c-bg-muted,#f3f4f6);color:#4b5563;font-weight:600;border:1px solid var(--c-border,#e5e7eb)}.cpv-header-actions{flex-shrink:0;margin-left:auto}.cpv-section{border:1px solid var(--c-border,#e5e7eb);padding:18px 20px;margin-bottom:14px;background:var(--c-bg-white,#fff)}.cpv-section h3{font-size:15px;font-weight:700;color:var(--c-text-primary,#1a1a1a);margin:0 0 12px;display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:2px solid var(--c-primary,#6a1b9a)}.cpv-about{font-size:13px;color:#4b5563;line-height:1.7;margin:0 0 12px;white-space:pre-line}.cpv-muted{color:#9ca3af!important;font-style:italic}.cpv-details-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.cpv-detail{font-size:12px;color:#4b5563;display:flex;align-items:center;gap:5px}.cpv-detail a{color:var(--c-primary,#6a1b9a);text-decoration:none;font-weight:600}.cpv-detail a:hover{text-decoration:underline}.cpv-jobs-list{display:flex;flex-direction:column;gap:10px}.cpv-job-card{border:1px solid var(--c-border,#e5e7eb);padding:14px 16px;transition:border-color 0.2s}.cpv-job-card:hover{border-color:var(--c-primary,#6a1b9a)}.cpv-job-title{font-size:14px;font-weight:700;color:var(--c-text-primary,#1a1a1a);margin-bottom:6px}.cpv-job-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.cpv-job-loc{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:3px}.cpv-job-sal{font-size:12px;color:var(--c-success-vivid,#10b981);font-weight:600;margin-top:3px}.cpv-job-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--c-bg-muted,#f3f4f6)}.cpv-job-date{font-size:10px;color:#9ca3af}.cpv-job-btn{font-size:11px;padding:5px 14px;background:var(--c-primary,#6a1b9a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px}.cpv-job-btn:hover{background:var(--c-primary-dark,#4a148c)!important}/* v5.3.0 — Company/Recruiter profile tabs */
.cpv-tabs{display:flex;gap:0;border-bottom:2px solid var(--c-border,#e5e7eb);margin-bottom:0}.cpv-tab{padding:10px 20px!important;font-size:13px!important;font-weight:600!important;color:#6b7280!important;-webkit-text-fill-color:#6b7280!important;background:none!important;border:none!important;border-bottom:2px solid transparent!important;margin-bottom:-2px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:5px!important;transition:all 0.15s!important}.cpv-tab:hover{color:var(--c-primary,#6a1b9a)!important;-webkit-text-fill-color:var(--c-primary,#6a1b9a)!important;background:rgba(106,27,154,0.04)!important}.cpv-tab.active{color:var(--c-primary,#6a1b9a)!important;-webkit-text-fill-color:var(--c-primary,#6a1b9a)!important;border-bottom-color:var(--c-primary,#6a1b9a)!important}.cpv-tab-badge{font-size:10px;background:var(--c-primary,#6a1b9a);color:#fff;-webkit-text-fill-color:#fff;padding:1px 6px;min-width:14px;text-align:center;font-weight:700}.cpv-panel{display:none;border:1px solid var(--c-border,#e5e7eb);border-top:none;padding:18px 20px;background:var(--c-bg-white,#fff)}.cpv-panel.active{display:block}.cpv-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--c-bg-muted,#f3f4f6)}.cpv-info-item{display:flex;flex-direction:column;gap:2px}.cpv-info-label{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:0.4px;font-weight:600}.cpv-info-val{font-size:13px;color:var(--c-text-primary,#1a1a1a);font-weight:500}.cpv-job-desc{font-size:12px;color:#6b7280;line-height:1.5;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cpv-empty{text-align:center;padding:40px 20px;color:#9ca3af}.cpv-empty p{margin:8px 0 0;font-size:13px}.cpv-news-list{display:flex;flex-direction:column;gap:12px}.cpv-news-card{border:1px solid var(--c-border,#e5e7eb);padding:14px 16px;transition:border-color 0.2s}.cpv-news-card:hover{border-color:var(--c-primary,#6a1b9a)}.cpv-news-date{font-size:10px;color:#9ca3af;margin-bottom:6px}.cpv-news-content{font-size:13px;color:var(--c-text-primary,#1a1a1a);line-height:1.6;margin-bottom:8px}.cpv-news-media{margin:8px 0}.cpv-news-media img{max-width:100%;max-height:200px;object-fit:cover;border:1px solid var(--c-border,#e5e7eb)}.cpv-news-more{font-size:10px;color:var(--c-primary,#6a1b9a);font-weight:600;margin-left:6px}.cpv-news-stats{display:flex;gap:14px;font-size:11px;color:#9ca3af;padding-top:8px;border-top:1px solid var(--c-bg-muted,#f3f4f6)}.cpv-news-stats span{display:inline-flex;align-items:center;gap:4px}/* v5.3.0 — Company profile Jobs tab toolbar */
.cpv-jobs-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--c-bg-muted,#f3f4f6)}.cpv-jobs-3col{display:grid!important;grid-template-columns:1fr auto auto auto;gap:8px!important;align-items:center!important;margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px solid var(--c-bg-muted,#f3f4f6)!important}.cpv-jobs-filters{border-bottom:none;margin-bottom:14px;padding-bottom:0}.cpv-jobs-search-wrap{flex:1;min-width:180px;position:relative}.cpv-jobs-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.cpv-jobs-search-wrap input{width:100%;padding:8px 10px 8px 32px;border:1px solid var(--c-border,#e5e7eb);font-size:12px;font-family:inherit;outline:none;box-sizing:border-box}.cpv-jobs-search-wrap input:focus{border-color:var(--c-primary,#6a1b9a)}.cpv-jobs-filter{padding:8px 10px;border:1px solid var(--c-border,#e5e7eb);font-size:12px;font-family:inherit;background:#fff;cursor:pointer;flex:1;min-width:100px;outline:none}.cpv-jobs-filter:focus{border-color:var(--c-primary,#6a1b9a)}.cpv-jobs-count{font-size:11px;color:#9ca3af;font-weight:600;white-space:nowrap;margin-left:auto}/* v5.3.0 — Multi-select industry picker */
.reg-multi-wrap{position:relative}.reg-multi-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;min-height:4px}.reg-multi-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;background:#ede9fe;color:#6a1b9a;border:1px solid #d4c4f0}.reg-multi-tag button{background:none!important;border:none!important;color:#6a1b9a!important;font-size:14px!important;cursor:pointer!important;padding:0 0 0 2px!important;line-height:1!important;-webkit-text-fill-color:#6a1b9a!important}.reg-multi-tag button:hover{color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.reg-multi-input{width:100%!important;padding:8px 10px!important;border:1px solid #ccc!important;font-size:12px!important;box-sizing:border-box!important}.reg-multi-input:focus{border-color:#6a1b9a!important}.reg-multi-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.reg-multi-opt{padding:7px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.1s}.reg-multi-opt:hover{background:#f5f0ff}.reg-multi-opt.selected{background:#ede9fe;font-weight:600}.reg-multi-check{width:16px;height:16px;border:1.5px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:11px;color:#6a1b9a;flex-shrink:0}.reg-multi-opt.selected .reg-multi-check{border-color:#6a1b9a;background:#ede9fe}/* v5.3.0 — Job source badges (Company/Recruiter) */
.job-source-badge{font-size:9px;padding:2px 7px;font-weight:600;letter-spacing:0.3px;vertical-align:middle;margin-left:6px;display:inline-block}.job-source-company{background:#ede9fe;color:#6a1b9a}.job-source-recruiter{background:#dbeafe;color:#1d4ed8}/* === features.css === */
/**
* Purple Login v5.2 — Comprehensive Upgrade CSS
* Reactions, Polls, Stories, Endorsements, Profile Completion,
* Job Match, Messaging, Feed Enhancements, Modals, Toast, Scroll-top
* @since 5.2.0
*/
/* ================================================
CSS VARIABLES
================================================ */
:root{--v52-primary:var(--c-primary, #6a1b9a);--v52-primary-light:#f3e5f5;--v52-bg:var(--c-surface, #fff);--v52-text:var(--c-text, #1a1a2e);--v52-muted:var(--c-text-muted, #6b7280);--v52-border:var(--c-border, #e5e7eb);--v52-radius:3px;--v52-shadow:0 2px 8px rgba(0,0,0,.08);--v52-shadow-lg:0 8px 30px rgba(0,0,0,.15);--v52-transition:0.2s ease;}/* ================================================
REACTION SYSTEM
================================================ */
.v52-reaction-wrapper{position:relative;display:flex;align-items:center;gap:8px;}.v52-reaction-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--v52-muted);cursor:pointer;border-radius:3px;transition:var(--v52-transition);}.v52-reaction-btn:hover{background:var(--v52-primary-light);color:var(--v52-primary);}.v52-reaction-btn.active{font-weight:600;}.v52-reaction-summary{display:flex;align-items:center;gap:2px;cursor:pointer;font-size:13px;color:var(--v52-muted);}.v52-reaction-summary:hover{text-decoration:underline;}.v52-reaction-emoji{font-size:16px;}.v52-reaction-count{margin-left:4px;}.v52-reaction-tray{position:absolute;bottom:100%;left:0;display:none;background:var(--v52-bg);border:1px solid var(--v52-border);border-radius:3px;padding:4px 6px;box-shadow:var(--v52-shadow-lg);z-index:100;gap:2px;animation:v52FadeUp .2s ease;}.v52-reaction-tray.show{display:flex;}.v52-tray-item{background:transparent;border:none;padding:4px 6px;cursor:pointer;border-radius:50%;transition:transform .15s ease;line-height:1;}.v52-tray-item:hover{transform:scale(1.4);}.v52-tray-emoji{font-size:22px;}
@keyframes v52FadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}/* ================================================
STORIES BAR
================================================ */
.v52-stories-container{padding:12px 0;margin-bottom:12px;}.v52-stories-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 16px;scrollbar-width:none;-ms-overflow-style:none;}.v52-stories-scroll::-webkit-scrollbar{display:none;}.v52-story-avatar{flex-shrink:0;width:64px;text-align:center;cursor:pointer;}.v52-story-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--v52-border);transition:var(--v52-transition);}.v52-story-avatar.v52-story-unseen img{border-color:var(--v52-primary);box-shadow:0 0 0 2px var(--v52-primary-light);}.v52-story-avatar:hover img{transform:scale(1.05);}.v52-story-name{font-size:11px;color:var(--v52-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;}/* ================================================
PROFILE COMPLETION METER
================================================ */
.v52-completion-card{background:var(--v52-bg);border:1px solid var(--v52-border);border-radius:3px;padding:16px;margin-bottom:16px;}.v52-completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}.v52-completion-level{font-size:14px;font-weight:600;color:var(--v52-primary);}.v52-completion-pct{font-size:20px;font-weight:700;color:var(--v52-text);}.v52-progress-bar{height:8px;background:var(--v52-border);border-radius:3px;overflow:hidden;}.v52-progress-fill{height:100%;background:linear-gradient(90deg, var(--v52-primary), #ab47bc);border-radius:3px;transition:width .6s ease;}.v52-completion-tips{margin-top:10px;font-size:12px;color:var(--v52-muted);}/* ================================================
JOB MATCH BADGE
================================================ */
.v52-match-badge{display:inline-flex;flex-direction:column;align-items:center;padding:6px 12px;border:2px solid;border-radius:3px;min-width:60px;}.v52-match-score{font-size:18px;font-weight:700;}.v52-match-level{font-size:10px;text-transform:uppercase;letter-spacing:0.5px;color:var(--v52-muted);}.v52-match-reasons{font-size:11px;color:var(--v52-muted);margin-top:4px;}/* ================================================
GHOST JOB WARNING
================================================ */
.v52-ghost-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:3px;font-size:12px;color:#92400e;margin-top:8px;}.v52-ghost-warning svg{flex-shrink:0;}/* ================================================
OPEN TO WORK BADGE
================================================ */
.v52-otw-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#dcfce7;color:#166534;border-radius:3px;font-size:12px;font-weight:600;}.v52-otw-toggle{padding:6px 14px;border:1px solid var(--v52-border);background:var(--v52-bg);border-radius:3px;font-size:12px;cursor:pointer;transition:var(--v52-transition);}.v52-otw-toggle:hover{border-color:var(--v52-primary);}.v52-otw-toggle.active{background:#dcfce7;border-color:#16a34a;color:#166534;}/* ================================================
ENDORSEMENTS
================================================ */
.v51-endorse-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--v52-border);}.v51-endorse-row:last-child{border-bottom:none;}.v51-endorse-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--v52-border);background:var(--v52-bg);border-radius:3px;font-size:12px;cursor:pointer;transition:var(--v52-transition);}.v51-endorse-btn:hover{border-color:var(--v52-primary);}.v51-endorse-btn.endorsed{background:var(--v52-primary);color:#fff;border-color:var(--v52-primary);}.v51-endorse-icon{font-size:14px;}.v51-endorse-skill{font-weight:600;font-size:14px;color:var(--v52-text);}.v51-endorse-by{font-size:12px;color:var(--v52-muted);margin-left:auto;}/* ================================================
FEATURED ITEMS
================================================ */
.v52-featured-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:12px;}.v52-featured-card{border:1px solid var(--v52-border);border-radius:3px;overflow:hidden;background:var(--v52-bg);transition:var(--v52-transition);}.v52-featured-card:hover{box-shadow:var(--v52-shadow);transform:translateY(-2px);}.v52-featured-img{width:100%;height:120px;object-fit:cover;background:var(--v52-border);}.v52-featured-body{padding:10px 12px;}.v52-featured-title{font-weight:600;font-size:13px;margin-bottom:4px;}.v52-featured-desc{font-size:12px;color:var(--v52-muted);}.v52-featured-remove{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;}/* ================================================
MESSAGING UPGRADES
================================================ */
.v52-read-receipt{font-size:10px;color:var(--v52-muted);display:inline-flex;align-items:center;gap:3px;}.v52-read-receipt.read{color:var(--v52-primary);}.v52-read-receipt svg{width:14px;height:14px;}.v52-typing-indicator{display:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--v52-muted);}.v52-typing-indicator.show{display:flex;}.v52-typing-dots{display:flex;gap:3px;}.v52-typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--v52-muted);animation:v52Bounce 1.4s infinite;}.v52-typing-dots span:nth-child(2){animation-delay:0.2s;}.v52-typing-dots span:nth-child(3){animation-delay:0.4s;}
@keyframes v52Bounce{0%, 60%, 100%{transform:translateY(0);}30%{transform:translateY(-6px);}}.v52-reply-context{background:var(--v52-primary-light);border-left:3px solid var(--v52-primary);padding:6px 10px;margin-bottom:6px;border-radius:3px;font-size:12px;display:flex;justify-content:space-between;align-items:center;}.v52-reply-close{background:transparent;border:none;cursor:pointer;color:var(--v52-muted);font-size:16px;}.v52-pinned-msg{background:#fffbeb;border:1px solid #fbbf24;border-radius:3px;padding:8px 12px;margin-bottom:8px;font-size:12px;display:flex;align-items:center;gap:8px;}.v52-pinned-msg .pin-icon{font-size:14px;}/* ================================================
FEED ENHANCEMENTS
================================================ */
.v52-see-more{background:none;border:none;color:var(--v52-primary);cursor:pointer;font-weight:600;font-size:inherit;padding:0;}.v52-see-more:hover{text-decoration:underline;}.v52-hashtag{color:var(--v52-primary);text-decoration:none;font-weight:500;}.v52-hashtag:hover{text-decoration:underline;}.v52-char-counter{font-size:11px;text-align:right;padding:2px 0;color:var(--v52-muted);}.v52-edited-badge{font-size:11px;color:var(--v52-muted);font-style:italic;}.v52-schedule-picker{display:none;padding:10px;background:var(--v52-bg);border:1px solid var(--v52-border);border-radius:3px;margin-top:8px;}.v52-schedule-picker.show{display:block;}.v52-schedule-picker input[type="datetime-local"]{border:1px solid var(--v52-border);border-radius:3px;padding:6px 10px;font-size:13px;font-family:inherit;}/* ================================================
MODALS
================================================ */
.v52-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:v52FadeIn .2s ease;}.v52-modal{background:var(--v52-bg);border-radius:3px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--v52-shadow-lg);}.v52-modal h3{margin:0 0 16px;font-size:18px;}.v52-modal-close{display:block;margin-top:16px;padding:8px 20px;background:var(--v52-primary);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px;width:100%;}.v52-reactor-list{display:flex;flex-direction:column;gap:10px;}.v52-reactor{display:flex;align-items:center;gap:10px;}.v52-reactor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;}.v52-reactor-name{flex:1;font-weight:500;font-size:14px;}.v52-reactor-emoji{font-size:18px;}
@keyframes v52FadeIn{from{opacity:0;}to{opacity:1;}}/* ================================================
TOAST NOTIFICATIONS
================================================ */
.v52-toast-wrap{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:8px;}.v52-toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:3px;font-size:13px;color:#fff;animation:v52SlideIn .3s ease;box-shadow:var(--v52-shadow-lg);max-width:360px;}.v52-toast-success{background:#16a34a;}.v52-toast-error{background:#dc2626;}.v52-toast-info{background:var(--v52-primary);}.v52-toast-warning{background:#d97706;}.v52-toast-icon{font-size:16px;font-weight:700;}
@keyframes v52SlideIn{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}
@keyframes v52SlideOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(40px);}}/* ================================================
SCROLL TO TOP
================================================ */
.v52-scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--v52-primary);color:#fff;border:none;font-size:20px;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s ease, transform .3s ease;box-shadow:var(--v52-shadow-lg);z-index:999;display:flex;align-items:center;justify-content:center;}.v52-scroll-top.show{opacity:1;transform:translateY(0);}.v52-scroll-top:hover{background:#7b1fa2;}/* ================================================
SKELETON LOADING
================================================ */
.v52-skeleton{padding:16px;background:var(--v52-bg);border:1px solid var(--v52-border);border-radius:3px;margin-bottom:12px;}.v52-sk-line{height:12px;background:linear-gradient(90deg, var(--v52-border) 25%, #f0f0f0 50%, var(--v52-border) 75%);background-size:200% 100%;animation:v52Shimmer 1.5s infinite;border-radius:3px;margin-bottom:8px;}.v52-sk-line.w80{width:80%;}.v52-sk-line.w60{width:60%;}.v52-sk-line.w100{width:100%;}.v52-sk-line:last-child{margin-bottom:0;}
@keyframes v52Shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}/* ================================================
CAREER TIMELINE
================================================ */
.v52-timeline{position:relative;padding-left:24px;}.v52-timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--v52-border);}.v52-timeline-item{position:relative;padding-bottom:24px;}.v52-timeline-item::before{content:'';position:absolute;left:-20px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--v52-primary);border:2px solid var(--v52-bg);box-shadow:0 0 0 2px var(--v52-primary);}.v52-timeline-item:last-child{padding-bottom:0;}.v52-timeline-date{font-size:11px;color:var(--v52-muted);margin-bottom:4px;}.v52-timeline-title{font-weight:600;font-size:14px;}.v52-timeline-subtitle{font-size:13px;color:var(--v52-muted);}/* ================================================
APPLICATION STATUS BADGES
================================================ */
.v52-status-badge{display:inline-block;padding:2px 10px;border-radius:3px;font-size:11px;font-weight:600;text-transform:capitalize;}.v52-status-applied{background:#dbeafe;color:#1d4ed8;}.v52-status-reviewing{background:#fef3c7;color:#92400e;}.v52-status-shortlisted{background:#dcfce7;color:#166534;}.v52-status-interviewed{background:#f3e5f5;color:#6a1b9a;}.v52-status-offered{background:#d1fae5;color:#065f46;}.v52-status-rejected{background:#fee2e2;color:#991b1b;}.v52-status-withdrawn{background:#f3f4f6;color:#6b7280;}/* ================================================
SECTION PRIVACY TOGGLE
================================================ */
.v52-privacy-toggle{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--v52-border);border-radius:3px;font-size:11px;color:var(--v52-muted);cursor:pointer;background:var(--v52-bg);}.v52-privacy-toggle:hover{border-color:var(--v52-primary);}.v52-privacy-icon{font-size:12px;}/* ================================================
SALARY RANGE DISPLAY
================================================ */
.v52-salary-range{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#16a34a;font-size:14px;}.v52-salary-range .currency{font-weight:400;font-size:12px;}/* ================================================
DARK MODE OVERRIDES
================================================ */
[data-theme="dark"]{--v52-bg:var(--c-surface, #1e1e2e);--v52-text:var(--c-text, #e0e0e0);--v52-muted:var(--c-text-muted, #9ca3af);--v52-border:var(--c-border, #374151);--v52-primary-light:rgba(106, 27, 154, 0.2);}[data-theme="dark"] .v52-toast{box-shadow:0 8px 30px rgba(0,0,0,.4);}[data-theme="dark"] .v52-ghost-warning{background:#422006;border-color:#b45309;color:#fbbf24;}[data-theme="dark"] .v52-pinned-msg{background:#422006;border-color:#b45309;}[data-theme="dark"] .v52-reaction-tray{background:#1e1e2e;border-color:#374151;}[data-theme="dark"] .v52-modal{background:#1e1e2e;}/* ================================================
RESPONSIVE
================================================ */

@media (max-width:768px){.v52-reaction-tray{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:3px;padding:12px;justify-content:space-around;}.v52-tray-emoji{font-size:28px;}.v52-modal{width:95%;max-height:85vh;}.v52-toast-wrap{left:12px;right:12px;top:auto;bottom:12px;}.v52-toast{max-width:100%;}.v52-featured-grid{grid-template-columns:1fr;}.v52-scroll-top{bottom:16px;right:16px;}.v52-stories-scroll{padding:4px 12px;gap:10px;}.v52-story-avatar{width:56px;}.v52-story-avatar img{width:48px;height:48px;}}
@media (max-width:375px){.v52-reaction-btn{padding:4px 8px;font-size:12px;}.v52-completion-card{padding:12px;}}/* ================================================
PRINT STYLESHEET
================================================ */

@media print{.v52-scroll-top, .v52-toast-wrap, .v52-reaction-tray, .v52-stories-container,
.v52-modal-overlay, .v52-typing-indicator{display:none !important;}}/* ================================================
ACCESSIBILITY
================================================ */
.v52-reaction-btn:focus-visible,
.v52-tray-item:focus-visible,
.v51-endorse-btn:focus-visible,
.v52-otw-toggle:focus-visible,
.v52-scroll-top:focus-visible,
.v52-modal-close:focus-visible{outline:2px solid var(--v52-primary);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.v52-reaction-tray, .v52-toast, .v52-modal-overlay,
.v52-sk-line, .v52-typing-dots span{animation:none !important;}.v52-scroll-top, .v52-tray-item, .v52-featured-card,
.v52-reaction-btn, .v52-progress-fill{transition:none !important;}}/* ============================================================
New Features CSS — Skills, Recommendations, Polls, Blocks,
Job Tracker, Suggestions, Analytics, Completeness, etc.
============================================================ */
/* --- Profile Completeness --- */
.nf-completeness{background:var(--c-bg-light,#f9fafb);border:1px solid var(--c-border,#e5e7eb);padding:12px 16px;margin-bottom:18px;}.nf-completeness-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-bottom:6px;}.nf-completeness-pct{color:var(--cp,#7c3aed);font-size:14px;}.nf-progress-bar{height:8px;background:var(--c-border,#e5e7eb);overflow:hidden;border-radius:3px;}.nf-progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px;transition:width 0.6s ease;}.nf-completeness-label{font-size:10px;color:#888;margin-top:4px;}/* --- Skills Grid --- */
.nf-skills-page .nf-add-skill{display:flex;gap:8px;margin-bottom:16px;}.nf-add-skill input{flex:1;padding:8px 12px;border:1px solid #ccc;font-size:13px;font-family:inherit;}.nf-add-skill button{padding:8px 16px;font-size:12px;cursor:pointer;white-space:nowrap;}.nf-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}.nf-skill-card{position:relative;background:var(--c-bg-light,#f9fafb);border:1px solid var(--c-border,#e5e7eb);padding:12px;transition:box-shadow .2s;}.nf-skill-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);}.nf-skill-name{font-size:13px;font-weight:700;color:var(--c-text,#1f2937);}.nf-skill-validatements{font-size:11px;color:#888;margin-top:2px;}.nf-skill-remove{position:absolute;top:6px;right:8px;background:none!important;color:#999!important;border:none!important;font-size:16px;cursor:pointer;padding:2px 6px!important;}.nf-skill-remove:hover{color:#ef4444!important;}.nf-skill-validate{font-size:10px;padding:3px 8px;margin-top:6px;cursor:pointer;}.nf-skill-validate.endorsed{background:#7c3aed!important;color:#fff!important;}.nf-empty{text-align:center;padding:40px 20px;color:#999;font-size:13px;line-height:1.6;}/* --- Recommendations --- */
.nf-rec-page,.nf-block-page,.nf-jobtrack-page,.nf-analytics-page{max-width:720px;margin:0 auto;}.nf-rec-tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap;}button.nf-tab,a.nf-tab,.nf-tab{padding:8px 16px!important;font-size:11.5px!important;cursor:pointer!important;border:1.5px solid var(--c-border,#e5e7eb)!important;background:var(--c-bg-white,#fff)!important;color:var(--c-text-primary,#333)!important;-webkit-text-fill-color:var(--c-text-primary,#333)!important;transition:all .2s!important;border-radius:3px!important;font-weight:600!important;white-space:nowrap!important;font-family:inherit!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;line-height:1.3!important}button.nf-tab.active,.nf-tab.active{background:var(--c-primary,#6a1b9a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--c-primary,#6a1b9a)!important}button.nf-tab:hover,.nf-tab:hover{border-color:var(--c-primary,#6a1b9a)!important;color:var(--c-primary,#6a1b9a)!important;-webkit-text-fill-color:var(--c-primary,#6a1b9a)!important;background:rgba(106,27,154,0.05)!important}.nf-rec-card{background:var(--c-bg-light,#fff);border:1px solid var(--c-border,#e5e7eb);padding:14px;margin-bottom:10px;}.nf-rec-author{font-size:12px;font-weight:700;margin-bottom:6px;}.nf-rec-content{font-size:12px;color:#555;line-height:1.6;}.nf-rec-date{font-size:10px;color:#aaa;margin-top:6px;}.nf-rec-actions{display:flex;gap:6px;margin-top:8px;}button.nf-btn-accept,.nf-btn-accept{background:#10b981!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11px!important;padding:6px 16px!important;border-radius:3px!important;border:none!important;font-weight:600!important}button.nf-btn-accept:hover,.nf-btn-accept:hover{background:#059669!important}button.nf-btn-reject,.nf-btn-reject{background:transparent!important;color:#ef4444!important;-webkit-text-fill-color:#ef4444!important;font-size:11px!important;padding:6px 16px!important;border-radius:3px!important;border:1px solid #ef4444!important;font-weight:600!important}button.nf-btn-reject:hover,.nf-btn-reject:hover{background:#fee2e2!important}.nf-rec-status{font-size:9px;padding:2px 8px;border-radius:3px;font-weight:600;}.nf-rec-status.pending{background:#fef3c7;color:#d97706;}.nf-rec-status.accepted{background:#d1fae5;color:#065f46;}.nf-rec-status.rejected{background:#fee2e2;color:#991b1b;}.nf-rec-form .form-row{margin-bottom:12px;}.nf-rec-form label{display:block;font-size:12px;font-weight:700;color:#555;margin-bottom:4px;}.nf-rec-form input,.nf-rec-form select,.nf-rec-form textarea{width:100%;padding:8px;border:1px solid #ccc;font-size:12px;font-family:inherit;box-sizing:border-box;}.nf-rec-form textarea{height:120px;resize:vertical;}/* --- Blocked Users --- */
.nf-block-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--c-border,#e5e7eb);margin-bottom:6px;}.nf-block-name{flex:1;font-size:12px;font-weight:600;}.nf-block-date{font-size:10px;color:#aaa;}.nf-btn-unblock{background:#6b7280!important;font-size:10px;padding:3px 10px;}/* --- Job Tracker --- */
.nf-jobtrack-summary{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;}.nf-jt-stat{background:var(--c-bg-light,#f9fafb);padding:10px 14px;min-width:80px;}.nf-jt-stat-num{font-size:20px;font-weight:700;color:var(--c-text,#1f2937);}.nf-jt-stat-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.3px;}.nf-jt-card{border:1px solid var(--c-border,#e5e7eb);padding:14px;margin-bottom:8px;background:var(--c-bg-light,#fff);}.nf-jt-card-header{display:flex;justify-content:space-between;align-items:flex-start;}.nf-jt-title{font-size:13px;font-weight:700;color:var(--c-text,#1f2937);}.nf-jt-company{font-size:11px;color:#888;margin-top:2px;}.nf-jt-badge{font-size:9px;padding:3px 10px;color:#fff;font-weight:600;border-radius:3px;white-space:nowrap;}.nf-jt-card-footer{display:flex;gap:12px;align-items:center;margin-top:8px;font-size:10px;color:#aaa;}button.nf-btn-withdraw,.nf-btn-withdraw{background:transparent!important;color:#ef4444!important;-webkit-text-fill-color:#ef4444!important;font-size:10px!important;padding:4px 10px!important;border:1px solid #fca5a5!important;border-radius:3px!important;margin-left:auto!important;font-weight:600!important}button.nf-btn-withdraw:hover{background:#fee2e2!important}/* --- Feed Enhancements:Hashtags, Mentions, Link Preview, Polls --- */
.pl-hashtag{color:var(--cp,#7c3aed);font-weight:600;text-decoration:none;}.pl-hashtag:hover{text-decoration:underline;}.pl-mention{color:#3b82f6;font-weight:600;text-decoration:none;}.pl-mention:hover{text-decoration:underline;}.pl-link{color:#3b82f6;text-decoration:none;word-break:break-all;}.pl-link:hover{text-decoration:underline;}/* Link Preview Card */
.nf-link-preview{border:1px solid var(--c-border,#e5e7eb);margin-top:8px;overflow:hidden;display:flex;cursor:pointer;text-decoration:none;color:inherit;max-height:90px;}.nf-link-preview img{width:90px;height:90px;object-fit:cover;flex-shrink:0;}.nf-link-preview-body{padding:8px 12px;overflow:hidden;flex:1;}.nf-link-preview-title{font-size:12px;font-weight:700;color:var(--c-text,#1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.nf-link-preview-desc{font-size:10px;color:#888;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.nf-link-preview-domain{font-size:9px;color:#aaa;margin-top:4px;text-transform:uppercase;letter-spacing:.3px;}/* Poll */
.nf-poll{border:1px solid var(--c-border,#e5e7eb);padding:12px;margin-top:8px;background:var(--c-bg-light,#f9fafb);}.nf-poll-question{font-size:13px;font-weight:700;margin-bottom:10px;}.nf-poll-option{position:relative;padding:8px 12px;margin-bottom:6px;border:1px solid var(--c-border,#e5e7eb);cursor:pointer;font-size:12px;background:#fff;transition:all .2s;overflow:hidden;}.nf-poll-option:hover{border-color:var(--cp,#7c3aed);}.nf-poll-option.voted{border-color:var(--cp,#7c3aed);background:rgba(124,58,237,0.04);}.nf-poll-bar{position:absolute;top:0;left:0;height:100%;background:rgba(124,58,237,0.08);transition:width .6s ease;z-index:0;}.nf-poll-option-text{position:relative;z-index:1;display:flex;justify-content:space-between;}.nf-poll-meta{font-size:10px;color:#aaa;margin-top:6px;}.nf-poll-option-stats{display:inline-flex;align-items:center;gap:4px;}.nf-poll-option-voters{cursor:pointer;color:var(--cp,#7c3aed);font-weight:600;transition:opacity .2s;}.nf-poll-option-voters:hover{opacity:.75;text-decoration:underline;}.nf-poll-pct{color:#888;font-weight:400;}.nf-poll-total-voters{cursor:pointer;color:var(--cp,#7c3aed);font-weight:600;transition:opacity .2s;}.nf-poll-total-voters:hover{opacity:.75;text-decoration:underline;}/* Reactions Picker */
.nf-reactions-picker{display:none;position:fixed;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,0.12);padding:6px 8px;gap:4px;z-index:99999;border-radius:3px;white-space:nowrap;}.nf-reactions-picker.show{display:none!important;}.nf-react-btn{font-size:16px;cursor:pointer;padding:4px;transition:transform .15s;background:none!important;border:none!important;color:inherit!important;}.nf-react-btn:hover{transform:scale(1.3);}/* Scheduled Post */
.nf-schedule-bar{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;}.nf-schedule-bar input[type="datetime-local"]{font-size:11px;padding:3px 6px;border:1px solid #ccc;font-family:inherit;}/* Trending Sidebar */
.nf-trending{padding:12px;border:1px solid var(--c-border,#e5e7eb);margin-bottom:12px;}.nf-trending-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#888;margin-bottom:8px;}.nf-trending-item{display:block;padding:4px 0;font-size:12px;color:var(--cp,#7c3aed);text-decoration:none;font-weight:600;}.nf-trending-item:hover{text-decoration:underline;}.nf-trending-count{font-size:9px;color:#aaa;font-weight:400;}/* Post Analytics Mini */
.nf-analytics-mini{display:flex;gap:12px;padding:6px 0;font-size:10px;color:#aaa;border-top:1px solid var(--c-border,#e5e7eb);margin-top:6px;}.nf-analytics-mini span{display:flex;align-items:center;gap:3px;}/* 2FA Settings */
.nf-2fa{border:1px solid var(--c-border,#e5e7eb);padding:16px;margin-top:16px;background:var(--c-bg-light,#f9fafb);}.nf-2fa h3{font-size:14px;margin:0 0 8px;}.nf-2fa-secret{font-family:monospace;font-size:14px;background:#fff;padding:8px;border:1px dashed #ccc;margin:8px 0;letter-spacing:2px;text-align:center;}.nf-2fa input[type="text"]{width:120px;padding:6px;font-size:14px;text-align:center;letter-spacing:4px;border:1px solid #ccc;}/* Responsive */

@media(max-width:600px){.nf-skills-grid{grid-template-columns:1fr;}.nf-jobtrack-summary{flex-direction:column;}.nf-link-preview{flex-direction:column;max-height:none;}.nf-link-preview img{width:100%;height:120px;}}/* Save button styling */
.save-btn{background:var(--cp,#7c3aed)!important;color:#fff!important;padding:8px 20px!important;font-size:13px!important;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}.nf-rec-page .save-btn{background:var(--c-primary,#6a1b9a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:8px 20px!important;border-radius:3px!important;font-weight:600!important;border:none!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.nf-rec-page .save-btn:hover{background:var(--c-primary-dark,#4a148c)!important}.nf-rec-status{font-size:9px!important;padding:2px 8px!important;border-radius:3px!important;font-weight:600!important;display:inline-block!important;text-transform:capitalize!important}.nf-rec-status.pending{background:#fef3c7!important;color:#b45309!important;-webkit-text-fill-color:#b45309!important}.nf-rec-status.accepted{background:#d1fae5!important;color:#059669!important;-webkit-text-fill-color:#059669!important}.nf-rec-status.rejected{background:#fee2e2!important;color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}/* ═══ Job Card in Feed (v5.4.1) ═══ */
.pl-job-card-link{display:inline-block;margin-top:6px;padding:8px 14px;background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:1px solid #c4b5fd;font-size:12px;color:#5b21b6;font-weight:700;text-decoration:none;border-radius:3px;transition:all .2s ease}.pl-job-card-link:hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#a78bfa;box-shadow:0 2px 8px rgba(124,58,237,.15);transform:translateY(-1px)}.pl-job-badge-open{font-size:10px;padding:2px 6px;border-radius:3px;background:#16a34a;color:#fff;font-weight:600;margin-left:6px;display:inline-block}.pl-job-badge-closed{font-size:10px;padding:2px 6px;border-radius:3px;background:#9ca3af;color:#fff;font-weight:600;margin-left:6px;display:inline-block}.pl-job-gone{color:#999;font-size:11px;font-style:italic}[data-theme="dark"] .pl-job-card-link{background:linear-gradient(135deg,#1e1533,#2d1b4e);border-color:#7c3aed;color:#c4b5fd}[data-theme="dark"] .pl-job-card-link:hover{background:linear-gradient(135deg,#2d1b4e,#3b2766);border-color:#a78bfa}[data-theme="dark"] .pl-job-badge-open{background:#059669}/* === pl-follow-system.css === */
/* ================================================================
PurpleColor — Follow System CSS v5.4
================================================================ */
:root{--plf-purple:#7c3aed;--plf-purple-lt:#a78bfa;--plf-purple-bg:rgba(124,58,237,.1);--plf-surface:#13111c;--plf-surface-2:#1a1727;--plf-border:rgba(255,255,255,.07);--plf-text:#e5e7eb;--plf-muted:#9ca3af;--plf-faint:#6b7280;--plf-green:#34d399;--plf-red:#f87171;--plf-amber:#f59e0b;--plf-blue:#60a5fa;--plf-r:10px;--plf-rs:6px}/* ── Follow Button ── */
.pl-follow-wrapper{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pl-follow-btn{display:inline-flex !important;align-items:center;gap:5px;padding:6px 18px !important;border-radius:3px !important;font-size:13px !important;font-weight:700 !important;cursor:pointer;transition:all .2s;border:2px solid var(--plf-purple) !important;background:transparent !important;color:var(--plf-purple) !important;-webkit-text-fill-color:var(--plf-purple) !important;letter-spacing:.02em;white-space:nowrap;line-height:1;box-shadow:none !important;background-image:none !important}.pl-follow-btn:hover{background:var(--plf-purple) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,58,237,.3) !important}.pl-follow-btn.following{background:var(--plf-purple) !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border-color:var(--plf-purple) !important}.pl-follow-btn.following:hover{background:var(--plf-red) !important;border-color:var(--plf-red) !important;color:#fff !important;-webkit-text-fill-color:#fff !important}.pl-follow-btn.loading{opacity:.55;pointer-events:none}.pl-follow-inline{padding:3px 10px;font-size:11px;margin-left:4px}.pl-follow-count{font-size:12px;color:var(--plf-muted)}/* ── Toast ── */
#pl-follow-toast{position:fixed;bottom:24px;right:24px;background:#1f1f2e;color:var(--plf-text);padding:14px 20px;border-radius:3px;font-size:14px;font-weight:500;z-index:99999;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;border-left:4px solid var(--plf-purple);max-width:340px;box-shadow:0 4px 20px rgba(0,0,0,.35);pointer-events:none}#pl-follow-toast.show{opacity:1;transform:translateY(0)}/* ── Following Sidebar ── */
.pl-following-sidebar{background:var(--plf-surface);border:1px solid var(--plf-border);border-radius:3px;padding:8px;margin-bottom:16px;overflow:hidden;box-sizing:border-box}.pl-following-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pl-following-title{font-size:10px;font-weight:700;color:var(--plf-muted);text-transform:uppercase;letter-spacing:.05em}.pl-following-badge{background:var(--plf-purple-bg);color:var(--plf-purple-lt);font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px}.pl-fi-grid{display:flex;flex-direction:column;gap:0}.pl-fi-item{display:flex;align-items:center;gap:6px;padding:4px 2px;border-bottom:1px solid var(--plf-border);cursor:pointer;transition:opacity .15s;overflow:hidden;min-width:0}.pl-fi-item:last-child{border-bottom:none}.pl-fi-item:hover{opacity:.72}.pl-fi-logo{width:20px;height:20px;border-radius:3px;background:linear-gradient(135deg,var(--plf-purple),#a855f7);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:8px;flex-shrink:0}.pl-fi-img{object-fit:cover}.pl-fi-info{min-width:0;overflow:hidden;flex:1}.pl-fi-name{font-size:9px;font-weight:600;color:var(--plf-text);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-fi-sub{font-size:8px;color:var(--plf-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-following-more{display:block;text-align:center;font-size:10px;color:var(--plf-purple-lt);margin-top:4px;text-decoration:none;font-weight:600}.pl-following-more:hover{text-decoration:underline}.pl-following-empty{font-size:13px;color:var(--plf-faint);margin:0}/* ── Feed Cards ── */
.pl-feed-card{background:var(--plf-surface);border:1px solid var(--plf-border);border-radius:3px;padding:20px 22px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}.pl-feed-card:hover{border-color:rgba(124,58,237,.25);box-shadow:0 2px 12px rgba(0,0,0,.2)}.pl-feed-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap;gap:10px}.pl-feed-author{display:flex;align-items:center;gap:10px}.pl-feed-av{width:42px;height:42px;border-radius:3px;object-fit:cover;flex-shrink:0}.pl-feed-av-init{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--plf-purple),#a855f7);font-weight:800;color:#fff;font-size:15px}.pl-feed-author-name{font-size:14px;font-weight:700;color:var(--plf-text);display:flex;align-items:center;flex-wrap:wrap;gap:5px}.pl-feed-author-sub{font-size:12px;color:var(--plf-faint);margin-top:2px}.pl-feed-badge{font-size:20px;line-height:1}.pl-feed-body{font-size:14px;line-height:1.7;color:var(--plf-text);white-space:pre-line;margin-bottom:14px}.pl-feed-img img{width:100%;border-radius:3px;margin-bottom:14px;display:block}.pl-feed-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--plf-border);padding-top:12px}.pl-feed-action{background:transparent;border:1px solid var(--plf-border);border-radius:3px;padding:5px 14px;font-size:12px;font-weight:600;color:var(--plf-muted);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.pl-feed-action:hover{background:var(--plf-purple-bg);border-color:var(--plf-purple);color:var(--plf-purple-lt)}.pl-feed-action.liked{color:var(--plf-purple-lt);border-color:var(--plf-purple)}/* ── Feed container ── */
#pl-followed-feed-wrap{margin-top:8px}.pl-feed-loader{text-align:center;padding:20px;color:var(--plf-faint);font-size:13px}.pl-feed-empty{text-align:center;padding:40px 20px;color:var(--plf-faint);font-size:14px;background:var(--plf-surface);border:1px dashed rgba(255,255,255,.08);border-radius:3px}/* ── Directory card follow button ── */
.dir-card .pl-follow-wrapper{margin-top:10px;}.dir-card .pl-follow-btn{font-size:11px !important;padding:4px 14px !important;}.dir-card .pl-follow-count{font-size:11px;}/* === responsive.css === */
/**
* Purple Login — Responsive Stylesheet
* Comprehensive mobile-first responsive overrides
* 
* Breakpoints:*   1600px — Wide desktop (container narrowing)
*   1400px — Desktop (3+1 columns → 3 columns)
*   1200px — Small desktop (hide right sidebar)
*   992px  — Tablet landscape (single column, slide-out sidebar)
*   768px  — Tablet portrait (reflow forms, mailbox, grids)
*   600px  — Large phone (compact header, smaller text)
*   480px  — Small phone (minimal padding, stacked everything)
*   360px  — Tiny phone (emergency overflows)
*
* @package PurpleLogin
* @since   3.2.0
*/
/* ==========================================================
GLOBAL RESPONSIVE UTILITIES
========================================================== */
/* Prevent horizontal overflow on all screens */
html, body{overflow-x:hidden;-webkit-text-size-adjust:100%;}/* Ensure all images are responsive by default */
img{max-width:100%;height:auto;}/* Make tables scrollable on small screens */
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}/* Touch-friendly tap targets (44px minimum per WCAG) */

@media (pointer:coarse){.engagement-btn,
.conn-tab,
.header-button,
.comm-tab,
.mf,
.mi{min-height:44px;display:inline-flex;align-items:center;}}/* ==========================================================
1400px — STANDARD DESKTOP
========================================================== */

@media (max-width:1400px){/* Header:reduce fixed margins for smaller screens */
.site-logo{margin-left:200px;}.header-nav{margin-right:200px;}/* Admin panel:4 cards per row instead of 6 */
.adm-cards{grid-template-columns:repeat(4, 1fr);}}/* ==========================================================
1200px — SMALL DESKTOP / LARGE TABLET
========================================================== */

@media (max-width:1200px){/* Header:further reduce margins */
.site-logo{margin-left:40px;}.header-nav{margin-right:40px;}/* Community grid:2 columns */
.comm-grid{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));}/* Site settings:stack customiser grid */
.css-grid{grid-template-columns:1fr 1fr;}/* CV style cards:3 per row */
.cvs-grid{grid-template-columns:repeat(3, 1fr);}}/* ==========================================================
992px — TABLET LANDSCAPE (Major layout shift)
========================================================== */

@media (max-width:992px){/* ============================================
CRITICAL:Unlock scroll on mobile/tablet
Desktop uses fixed wrapper + column scroll.
Mobile needs natural page scroll.
============================================ */
body{height:auto !important;overflow:auto !important;overflow-x:hidden !important;}.dashboard-wrapper{position:static !important;overflow:visible !important;height:auto !important;}.dashboard-grid{grid-template-columns:1fr;overflow:visible !important;height:auto !important;min-height:auto !important;}.dashboard-center{width:100% !important;max-width:100% !important;height:auto !important;overflow:visible !important;}.center-content{overflow:visible !important;height:auto !important;}.content-area{overflow:visible !important;height:auto !important;}/* ---- HEADER ---- */
.site-logo{margin-left:10px;}.header-nav{margin-right:10px;gap:5px;}.site-header{padding:0 10px;}/* ---- DASHBOARD GRID:Single column ---- */
.dashboard-grid{grid-template-columns:1fr;}/* ---- LEFT SIDEBAR:Slide-out drawer ---- */
.left-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:9999;background:var(--c-bg-white, #fff);overflow-y:auto;box-shadow:4px 0 20px rgba(0, 0, 0, 0.3);transform:translateX(-100%);transition:transform 0.3s ease;padding-top:var(--header-height, 60px);}.left-sidebar.mobile-open{display:block !important;transform:translateX(0);}/* ---- HIDE PANELS ---- */
.users-panel,
.right-sidebar{display:none;}/* ---- HAMBURGER ---- */
.hamburger-btn{display:flex !important;}/* ---- CONTENT AREA:Full width with padding ---- */
.content-area{padding:10px;}/* ---- TABS:Wrap on tablet ---- */
.conn-tabs, .reg-tabs, .comm-tabs{flex-wrap:wrap !important;gap:4px !important;}.conn-tab, .reg-tab, .jobs-tab, .pj-tab{font-size:10px !important;padding:6px 10px !important;}/* ---- ENGAGEMENT BAR ---- */
.engagement-bar{gap:2px;padding:5px 6px;}.engagement-btn{padding:4px 6px !important;min-width:0 !important;}.eng-badge-count{font-size:9px !important;}/* ---- BANNER CANVAS ---- */
.info-banner canvas{width:100% !important;height:auto !important;}/* ---- MODALS:Respect viewport ---- */
.forward-modal,
.conn-modal,
.gm-alert-box,
.cm-modal{max-width:92vw !important;max-height:85vh;}/* ---- ADMIN PANEL ---- */
.adm-cards{grid-template-columns:repeat(3, 1fr);}.adm-2{grid-template-columns:1fr;}.adm-ag{grid-template-columns:1fr;}/* ---- MAILBOX:Stack nav + content ---- */
.mbx{flex-direction:column;height:auto;min-height:auto;max-height:calc(100vh - 140px);}.mbx-nav{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;flex-shrink:0;max-height:none;}.mbx-fl{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:2px;padding:4px;}.mf{white-space:nowrap;border-left:none;border-bottom:3px solid transparent;padding:8px 12px;flex-shrink:0;}.mf.act{border-left-color:transparent;border-bottom-color:#7c3aed;}.mbx-sep{display:none;}.mbx-cb{margin:4px;padding:6px 12px;white-space:nowrap;flex-shrink:0;}.mbx-af{flex-shrink:0;margin:4px;}.mbx-right{min-height:300px;}/* ---- COMMUNITY ---- */
.comm-grid{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));}.comm-toolbar{flex-wrap:wrap;}.comm-sbox{min-width:100%;}/* ---- HOME PAGE ---- */
.hp-hero{flex-direction:column;text-align:center;padding:20px;}.hp-hero-left{padding-right:0;max-width:100%;}.hp-btn-row, .hp-trust{justify-content:center;}.hp-hero-right{width:100%;max-width:360px;}.hp-features-grid{grid-template-columns:repeat(4, 1fr);}.hp-recruiter-inner{flex-direction:column;gap:16px;}.hp-recruiter-visual{width:100%;max-width:300px;}/* ---- RESILIENCE GAMES ---- */
.game-page{flex-direction:column;}.game-right{width:100%;flex-direction:row;max-height:120px;overflow-x:auto;}.game-dpad{display:grid;}/* ---- FORMS:Ensure full width ---- */
.login-grid-small,
.reg-grid{grid-template-columns:1fr;}.login-grid-small label,
.reg-grid label{margin-bottom:2px;}/* ---- PROFILE SUMMARY ---- */
.cvs-grid{grid-template-columns:repeat(3, 1fr);}/* ---- SITE SETTINGS ---- */
.css-grid{grid-template-columns:1fr;}.cz-grid{grid-template-columns:1fr 1fr;}/* ---- SIDEBAR OVERLAY (dark backdrop when drawer open) ---- */
.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:9998;}.sidebar-overlay.active{display:block;}/* ---- ENGAGEMENT TABS:Horizontal scroll ---- */
.eng-tabs{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}.eng-tabs::-webkit-scrollbar{display:none;}.eng-tab{flex-shrink:0;white-space:nowrap;}/* ---- FOOTER:Hide behind mobile nav on small screens ---- */
.site-footer{display:none;}/* ---- BANNERS:Allow natural height ---- */
.info-banner,
.info-banner-bottom{height:auto !important;min-height:60px;}/* ---- HOME PAGE:Allow scroll on mobile ---- */
.hp-wrap{height:auto !important;overflow-y:auto !important;}}/* ==========================================================
768px — TABLET PORTRAIT
========================================================== */

@media (max-width:768px){/* ---- HEADER:Compact ---- */
.site-header{padding:0 8px;height:52px;}:root{--header-height:52px;}.header-button{padding:4px 8px !important;font-size:10px !important;}.logo-img{height:36px;}.site-logo{margin-left:4px;margin-right:8px;}.header-nav{gap:4px;margin-right:4px;}/* ---- POST CARDS:Adjust padding ---- */
.post-card{padding:12px 12px 0 12px;}.create-post-card{padding:10px;}.post-card:hover{border-left-width:1px;border-right-width:1px;}/* ---- CONNECTION CARDS ---- */
.conn-card{padding:10px 12px;gap:10px;}/* ---- JOB CARDS ---- */
.job-card{padding:12px;}.job-card-bottom{flex-wrap:wrap;gap:6px;}/* ---- COMMUNITY:Single column ---- */
.comm-grid{grid-template-columns:1fr;}.comm-stats{gap:16px;flex-wrap:wrap;}.comm-tabs{gap:3px;}.comm-tab{padding:7px 12px;font-size:11px;}/* ---- EVENT CARDS ---- */
.ev-inner{flex-direction:column;gap:10px;}/* ---- COMMUNITY SINGLE VIEW ---- */
.sv-article{padding:24px 20px;font-size:13px;min-height:300px;}.sv-doc-img{float:none !important;width:80% !important;margin:10px auto !important;display:block;}.sv-doc-title{font-size:20px;}.sv-rbar{flex-wrap:wrap;gap:6px;}.sv-toprow{flex-wrap:wrap;gap:6px;}.sv-egrid{grid-template-columns:1fr;}.sv-acts{flex-wrap:wrap;}/* ---- FORMS:Stack form rows ---- */
.cf-row{flex-direction:column;gap:0;}/* ---- ADMIN PANEL ---- */
.adm-cards{grid-template-columns:repeat(2, 1fr);}.adm-drill{width:95%;max-height:80vh;}/* ---- MAILBOX:Compact reading pane ---- */
.mbx-lt{min-height:180px;}.rd-hd{padding:6px 10px;}.rd-bo{padding:8px 10px;font-size:11px;}/* ---- NOTIFICATION DASHBOARD ---- */
.notif-dashboard{height:180px;}/* ---- CV STYLE PICKER ---- */
.cvs-grid{grid-template-columns:repeat(2, 1fr);}.cvs-actions{flex-wrap:wrap;}/* ---- SEARCH PAGE ---- */
.search-page{padding:10px;}/* ---- DATA EXPORT ---- */
.export-grid{grid-template-columns:repeat(2, 1fr);}/* ---- PROFILE TABS ---- */
.profile-tabs{flex-wrap:wrap;gap:3px;}/* ---- OVERLAY DIALOGS ---- */
.adm-ov,
.mbx-overlay,
.cm-ov,
.cf-ov{padding:10px;}.adm-dlg,
.mbx-dialog,
.cm-modal,
.cf-box{max-width:95vw;}/* ---- HOME PAGE ---- */
.hp-hero, .hp-features, .hp-recruiter, .hp-cta{padding-left:16px;padding-right:16px;}.hp-features-grid{grid-template-columns:repeat(3, 1fr);gap:10px;}.hp-recruiter-features{grid-template-columns:repeat(2, 1fr);}/* ---- SPOT THE DIFFERENCE ---- */
.sd-wrap{flex-direction:column;gap:4px;}.sd-side{width:100% !important;max-width:320px;}.sd-side canvas{width:100% !important;height:auto !important;}/* ---- SITE SETTINGS ---- */
.ss-row{flex-direction:column;gap:10px;}.ss-select{width:100%;}.cz-grid{grid-template-columns:1fr;}.ss-themes-grid{grid-template-columns:repeat(2, 1fr);}}/* ==========================================================
600px — LARGE PHONE
========================================================== */

@media (max-width:600px){/* ---- HEADER:Minimal ---- */
.site-header{padding:0 6px;height:48px;}:root{--header-height:48px;}.header-button{padding:3px 6px !important;font-size:9px !important;letter-spacing:0 !important;}.logo-img{height:30px;}.site-logo{margin-left:2px;margin-right:6px;}.header-nav{gap:3px;margin-right:2px;}/* Hide less important header buttons on small phones */
.header-button:nth-child(n+4):not(#darkModeToggle):not(.header-button--logout){display:none;}/* ---- FOOTER:Compact ---- */
.site-footer{height:32px;}:root{--footer-height:32px;}.footer-text{font-size:10px;}/* ---- CONTENT AREA ---- */
.content-area{padding:6px;}.dashboard-center{width:100%;}/* ---- POST CARDS ---- */
.post-card{padding:10px 10px 0 10px;margin-bottom:8px;}.create-post-card{padding:8px;}.create-post-card h3{font-size:14px;}/* ---- POST HEADER ---- */
.post-header{gap:8px;}.post-avatar{width:36px !important;height:36px !important;}.post-author-name{font-size:12px !important;}.post-timestamp{font-size:10px !important;}.post-content-full{font-size:12px;}/* ---- MEDIA GRIDS ---- */
.post-media-grid.grid-2,
.post-media-grid.grid-3,
.post-media-grid.grid-4{grid-template-columns:1fr !important;}.post-media-item img{max-height:250px;}/* ---- ENGAGEMENT BAR ---- */
.engagement-bar{padding:4px 4px;gap:0;}.engagement-btn{padding:3px 4px !important;font-size:10px !important;}.engagement-btn svg{width:14px !important;height:14px !important;}/* ---- TABS ---- */
.conn-tab, .reg-tab, .jobs-tab{font-size:9px !important;padding:4px 8px !important;}/* ---- CONNECTION CARDS ---- */
.conn-card{padding:8px 10px;gap:8px;}.conn-card img{width:36px !important;height:36px !important;}/* ---- JOB CARDS ---- */
.job-card{padding:10px;}.job-card-title{font-size:14px;}.job-card-actions{flex-wrap:wrap;gap:4px;}.job-card-actions button{font-size:10px;padding:4px 8px;}/* ---- COMMUNITY ---- */
.cc-cover{height:120px;}.cc-body{padding:12px;}.cc-title{font-size:13px;}.cc-foot{padding:8px 12px;flex-direction:column;gap:8px;align-items:flex-start;}.cc-acts{width:100%;}.cc-acts .cbtn{flex:1;text-align:center;}/* ---- COMMUNITY SINGLE ---- */
.sv-banner{margin-bottom:12px;}.sv-bbody{padding:14px 16px;}.sv-btitle{font-size:16px;}.sv-bmeta{font-size:10px;}.sv-mgrid{grid-template-columns:1fr;}.sv-comp textarea{min-height:60px;}.sv-comp-row{flex-direction:column;align-items:flex-start;}/* ---- MAILBOX:Ultra compact ---- */
.mbx-nav{height:auto;}.mbx-fl{padding:2px;gap:1px;}.mf{padding:6px 8px;font-size:10px;}.mi{padding:6px;}.mi-av{width:20px;height:20px;}.mi-n{font-size:10px;}.mi-s, .mi-p{font-size:8px;}.mc-ta{min-height:80px;}/* ---- ADMIN PANEL ---- */
.adm-cards{grid-template-columns:repeat(2, 1fr);gap:4px;}.adm-c-n{font-size:16px;}.adm-tbl{font-size:9px;}.adm-tbl th,
.adm-tbl td{padding:3px 4px;}/* ---- LOGIN / REGISTER ---- */
.login-wrapper-small{height:auto;padding:20px 10px;}.login-card-small,
.reg-card{width:100%;max-width:100%;}.login-grid-small,
.reg-grid{grid-template-columns:1fr;gap:6px;}.login-grid-small label,
.reg-grid label{white-space:normal;font-size:11px;}.reg-wrapper{padding:10px;}.button-area-small{flex-direction:column;gap:8px;}.secondary-buttons-small{flex-direction:column;align-items:center;gap:6px;}/* ---- FORMS ---- */
.cf input, .cf textarea, .cf select{font-size:14px;/* Prevent iOS zoom on focus */}/* ---- NOTIFICATION DASHBOARD ---- */
.notif-dashboard{height:150px;}/* ---- HOME PAGE ---- */
.hp-hero{padding:16px;}.hp-hero h1{font-size:22px;}.hp-hero-sub{font-size:12px;}.hp-btn{padding:8px 18px;font-size:12px;}.hp-stats-row{flex-direction:row;}.hp-stat{padding:8px 4px;}.hp-stat-num{font-size:16px;}.hp-features-grid{grid-template-columns:repeat(2, 1fr);gap:8px;}.hp-cta-inner{flex-direction:column;gap:10px;}.hp-cta h3{font-size:14px;}/* ---- NEW FEATURES ---- */
.nf-cards{grid-template-columns:1fr;}/* ---- RESILIENCE GAMES ---- */
.res-games{grid-template-columns:repeat(2, 1fr);gap:4px;}.game-score-bar{gap:6px;padding:2px 6px;}/* ---- SIDEBAR (when open) ---- */
.left-sidebar.mobile-open{width:260px;}/* ---- PROFILE SECTIONS ---- */
.cvs-grid{grid-template-columns:repeat(2, 1fr);gap:6px;}.cvs-btn{padding:6px 14px;font-size:11px;}/* ---- DATA EXPORT ---- */
.export-grid{grid-template-columns:1fr;}/* ---- IMAGE GALLERY (community) ---- */
.img-gallery{gap:6px;}.ig-item{width:100px;}.ig-item .ig-thumb{height:70px;}}/* ==========================================================
480px — SMALL PHONE
========================================================== */

@media (max-width:480px){/* ---- HEADER:Ultra minimal ---- */
.site-header{padding:0 4px;height:44px;}:root{--header-height:44px;}.logo-img{height:26px;}.header-button{padding:3px 5px !important;font-size:8px !important;}/* Show only essential header buttons */
.header-button:nth-child(n+3):not(#darkModeToggle):not(.header-button--logout){display:none;}.hamburger-btn{padding:4px;margin-right:4px;}/* ---- CONTENT ---- */
.content-area{padding:4px;}/* ---- POST CARDS ---- */
.post-card{padding:8px 8px 0 8px;margin-bottom:6px;}.post-avatar{width:32px !important;height:32px !important;}.post-actions-row{flex-wrap:wrap;gap:3px;}.post-menu-btn{font-size:14px !important;padding:2px 6px !important;}/* ---- TABS:Scrollable ---- */
.conn-tabs, .reg-tabs, .comm-tabs{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px !important;padding-bottom:2px;}.conn-tabs::-webkit-scrollbar,
.reg-tabs::-webkit-scrollbar,
.comm-tabs::-webkit-scrollbar{display:none;}.conn-tab, .reg-tab, .jobs-tab, .comm-tab{flex-shrink:0;white-space:nowrap;}/* ---- CONNECTION CARDS ---- */
.conn-card{flex-direction:column;align-items:flex-start;gap:6px;padding:8px;}.conn-card img{width:32px !important;height:32px !important;}/* ---- JOB CARDS ---- */
.job-card-bottom{flex-direction:column;align-items:flex-start;}/* ---- COMMUNITY CARDS ---- */
.cc-cover{height:100px;}.cc-body{padding:10px;}.cc-tags{display:none;/* Save space on tiny screens */}/* ---- COMMUNITY SINGLE ---- */
.sv-article-wrap{padding:8px;}.sv-article{padding:16px 14px;font-size:12px;}.sv-doc-title{font-size:17px;}.sv-rsvp-btns{flex-direction:column;}.rbtn{width:100%;justify-content:center;}/* ---- MAILBOX ---- */
.mc-r{flex-direction:column;align-items:flex-start;gap:2px;}.mc-r label{min-width:auto;}.mc-r input[type="text"]{width:100%;}.mc-bt{flex-wrap:wrap;gap:6px;}.mc-bs{width:100%;text-align:center;}/* ---- LOGIN / REGISTER ---- */
.login-card-small,
.reg-card{padding:12px 10px;}.login-card-small input[type="submit"],
.login-card-small .btn-gray-small,
.reg-card input[type="submit"],
.btn-gray{min-width:100px;font-size:11px !important;}/* ---- ADMIN ---- */
.adm-cards{grid-template-columns:1fr 1fr;gap:3px;}.adm-c{padding:6px 4px;}.adm-c-n{font-size:14px;}.adm-c-l{font-size:7px;}/* ---- HOME PAGE ---- */
.hp-hero h1{font-size:18px;}.hp-btn-row{flex-direction:column;gap:8px;}.hp-btn{width:100%;justify-content:center;}.hp-cv-card{flex-direction:column;text-align:center;}.hp-features-grid{grid-template-columns:repeat(2, 1fr);}.hp-recruiter-features{grid-template-columns:1fr;}/* ---- OVERLAY DIALOGS ---- */
.adm-dlg,
.mbx-dialog{min-width:auto;width:95vw;}.mbx-set{width:95vw;}/* ---- CV PREVIEW ---- */
.cvs-grid{grid-template-columns:1fr 1fr;}.cvs-preview-wrap{max-height:500px;}/* ---- SIDEBAR (when open) ---- */
.left-sidebar.mobile-open{width:85vw;max-width:300px;}/* ---- GENERAL ---- */
.info-banner,
.info-banner-bottom{font-size:10px;padding:6px 8px;min-height:40px;height:auto;}}/* ==========================================================
360px — TINY PHONE (Emergency overflows)
========================================================== */

@media (max-width:360px){.site-header{height:40px;}:root{--header-height:40px;}.logo-img{height:22px;}/* Only show hamburger + logo + dark mode + logout */
.header-button:not(#darkModeToggle):not(.header-button--logout){display:none;}.post-card{padding:6px 6px 0 6px;}.engagement-btn span{display:none;/* Hide labels, keep icons only */}.conn-card{padding:6px;}.hp-hero h1{font-size:16px;}.hp-stat{padding:6px 2px;}.hp-stat-num{font-size:14px;}/* Admin:single column */
.adm-cards{grid-template-columns:1fr;}/* CV cards:single column */
.cvs-grid{grid-template-columns:1fr;}}/* ==========================================================
LANDSCAPE PHONE — Prevent header from eating half the screen
========================================================== */

@media (max-height:500px) and (orientation:landscape){.site-header{height:36px;}:root{--header-height:36px;}.logo-img{height:24px;}.site-footer{height:24px;}:root{--footer-height:24px;}.footer-text{font-size:9px;}.info-banner,
.info-banner-bottom{display:none;/* Hide banners in landscape to save space */}}/* ==========================================================
PRINT — Clean output
========================================================== */

@media print{.site-header,
.left-sidebar,
.right-sidebar,
.users-panel,
.site-footer,
.hamburger-btn,
.sidebar-overlay,
.engagement-bar,
.post-actions-row,
.info-banner,
.info-banner-bottom{display:none !important;}body{padding-top:0 !important;padding-bottom:0 !important;}.dashboard-wrapper{position:static;overflow:visible;}.dashboard-center{width:100%;max-width:100%;height:auto;overflow:visible;}.dashboard-grid{grid-template-columns:1fr;overflow:visible;height:auto;}.content-area{overflow:visible !important;}.post-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc;}}/* ==========================================================
REDUCED MOTION — Respect user preferences
========================================================== */

@media (prefers-reduced-motion:reduce){*,
*::before,
*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.left-sidebar{transition:none;}}