/* V3 MODERN STARTUP THEME */
    :root{
      --accentFill: rgba(38,110,120,.13);
      --accentBorder: rgba(38,110,120,.28);
      --accentText: #1a5c68;
      --accentHoverFill: rgba(38,110,120,.18);
      --accentHoverBorder: rgba(38,110,120,.42);
    }
    body{
      background:
        radial-gradient(900px 600px at 15% 0%, rgba(38,130,145,.15), transparent 55%),
        radial-gradient(700px 500px at 85% 10%, rgba(38,110,125,.12), transparent 50%),
        radial-gradient(800px 600px at 50% 100%, rgba(38,130,145,.09), transparent 55%),
        #fafafa;
    }
    .sqBtn{ border-radius:20px !important; }
    .sqBtn.selected{ background:rgba(124,58,237,.12) !important; border-color:rgba(38,110,120,.32) !important; box-shadow:0 8px 20px rgba(124,58,237,.12) !important; }
    .sqText{ color:#1e1b4b !important; }
    .sqSubtext{ color:#1f6978 !important; opacity:1 !important; }
    .backBtn,.backBtnInline{ border-color:rgba(38,110,120,.18) !important; background:rgba(235,248,250,.85) !important; color:#1a5c68 !important; }
    .profileCard.premium{ background:rgba(255,255,255,.82) !important; border:1px solid rgba(38,110,120,.13) !important; box-shadow:0 20px 60px rgba(38,110,120,.08) !important; backdrop-filter:blur(12px) !important; }
    .profileCard.premium::before{ content:''; display:block; height:3px; border-radius:999px; background:linear-gradient(90deg,#3a9aaa,#3a8a9a); margin-bottom:18px; }
    .badge{ background:linear-gradient(135deg,#2a7a8a,#3a8a9a) !important; }
    .badge.ok{ background:rgba(124,58,237,.12) !important; border:1px solid rgba(124,58,237,.25) !important; color:#1a5c68 !important; }
    .badge.ghost{ background:rgba(38,110,120,.06) !important; border:1px solid rgba(38,110,120,.13) !important; color:#2a7a8a !important; }
    .achRow{ border-radius:14px !important; border-color:rgba(38,110,120,.10) !important; background:rgba(235,248,250,.50) !important; transition:background .15s ease !important; }
    .achRow:hover{ background:rgba(235,248,250,.85) !important; }
    .chip.ok,.statusTag.ok{ background:rgba(124,58,237,.12) !important; border-color:rgba(124,58,237,.25) !important; color:#1a5c68 !important; }
    .chip.warn,.statusTag.warn{ background:rgba(245,158,11,.12) !important; border-color:rgba(245,158,11,.28) !important; color:#92400e !important; }
    .chip.bad,.statusTag.bad{ background:rgba(239,68,68,.12) !important; border-color:rgba(239,68,68,.25) !important; color:#991b1b !important; }
    .logoMark{ background:rgba(235,248,250,.90) !important; border-color:rgba(38,110,120,.18) !important; color:#1a5c68 !important; }
    .pillBtn{ background:rgba(235,248,250,.85) !important; border-color:rgba(38,110,120,.18) !important; color:#1a5c68 !important; }
    .pillBtn.soft{ background:rgba(124,58,237,.14) !important; border-color:rgba(38,110,120,.32) !important; color:#134050 !important; }
    .blockTitle{ color:#2a7a8a !important; opacity:1 !important; }
    .miniCard{ border-color:rgba(124,58,237,.12) !important; background:rgba(235,248,250,.40) !important; }
    .regStep.active{ background:#2a7a8a !important; border-color:#2a7a8a !important; }
    .regStep.done{ background:rgba(124,58,237,.12) !important; border-color:rgba(38,110,120,.28) !important; color:#1a5c68 !important; }
    .dropZone{ border-color:rgba(38,110,120,.18) !important; color:#2a7a8a !important; }
    .dropZone:hover{ background:rgba(38,110,120,.04) !important; }
    .sqInput:focus-within{ background:rgba(38,110,120,.06) !important; border-color:rgba(38,110,120,.28) !important; }
    .miniLink{ background:rgba(124,58,237,.10) !important; color:#1a5c68 !important; }
    .miniLink:hover{ background:rgba(38,110,120,.18) !important; }
    .consentItem input[type="checkbox"]{ accent-color:#2a7a8a !important; }
    .doneCheck{ background:rgba(124,58,237,.12) !important; border-color:rgba(124,58,237,.28) !important; color:#2a7a8a !important; }
    .drawerItem:hover{ background:rgba(235,248,250,.90) !important; color:#1a5c68 !important; }
    .tagRow{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
    .tag{ font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px; background:rgba(38,110,120,.10); border:1px solid rgba(38,110,120,.18); color:#1a5c68; white-space:nowrap; }
    .projectItem{ display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(38,110,120,.10); border-radius:14px; background:rgba(235,248,250,.50); font-size:14px; }
    .projectDot{ width:6px; height:6px; border-radius:50%; background:#3a9aaa; flex-shrink:0; }
    .verifyTooltip{ font-size:12px; color:#2a7a8a; background:rgba(38,110,120,.08); border:1px solid rgba(38,110,120,.18); border-radius:10px; padding:8px 12px; margin-top:8px; line-height:1.4; }

    /* ===== NEW FEATURE STYLES ===== */
    .profileProgress{ margin:12px 0 16px; }
    .progressBar{ height:6px; background:rgba(38,110,120,.12); border-radius:999px; overflow:hidden; margin-bottom:6px; }
    .progressFill{ width:var(--progress-width, 10%); height:100%; background:linear-gradient(90deg,#2a7a8a,#3a8a9a); border-radius:999px; transition:width .4s ease; }
    .progressLabel{ font-size:12px; color:#2a7a8a; font-weight:700; }
    .progressHints{ margin-top:6px; display:flex; flex-direction:column; gap:4px; }
    .progressHint{ font-size:11px; color:#555; display:flex; align-items:center; gap:6px; }
    .progressHint.done{ color:#2a7a8a; }
    .progressHint::before{ content:'○'; font-size:10px; color:inherit; }
    .progressHint.done::before{ content:'●'; }

    .candidateCard{ border:1px solid rgba(38,110,120,.12); border-radius:16px; padding:14px 16px; background:rgba(235,248,250,.40); cursor:pointer; transition:all .15s; margin-bottom:10px; display:flex; align-items:center; gap:14px; }
    .candidateCard:hover{ background:rgba(235,248,250,.80); border-color:rgba(38,110,120,.25); transform:translateX(2px); }
    /* University autocomplete */
    .uniWrap{ position:relative; }
    .uniDropdown{ position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:200;background:#fff;border:1px solid #d1fae5;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.10);max-height:220px;overflow-y:auto;display:none; }
    .uniDropdown.open{ display:block; }
    .uniOption{ padding:9px 14px;font-size:13px;cursor:pointer;color:#1a1a1a;border-bottom:1px solid #f3f4f6; }
    .uniOption:last-child{ border-bottom:none; }
    .uniOption:hover,.uniOption:focus{ background:#f0fdfa; }
    .uniOption.add-custom{ color:#2a7a8a;font-style:italic; }
    /* Feed cards */
    .feedCard{ background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;transition:.15s; }
    .feedCard:hover{ border-color:rgba(38,110,120,.3);box-shadow:0 2px 12px rgba(38,110,120,.08); }
    .feedAvatar{ width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2a7a8a,#1d6575);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0; }
    .feedMeta{ flex:1;min-width:0; }
    .feedName{ font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .feedSub{ font-size:12px;color:#666;margin-bottom:6px; }
    .feedTags{ display:flex;flex-wrap:wrap;gap:4px; }
    .feedTag{ font-size:11px;background:#f0fdfa;color:#2a7a8a;border:1px solid #d1fae5;padding:2px 8px;border-radius:20px; }
    .feedTag.verified{ background:#f0fdf4;color:#16a34a;border-color:#bbf7d0; }
    .feedTag.pending{ background:#fffbeb;color:#d97706;border-color:#fde68a; }
    .feedSub{ font-size:12px;color:#777;margin-top:2px; }
    /* Admin tabs */
    .adminTabNav{ display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px; }
    .adminTabBtn{ padding:7px 14px;border-radius:20px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:13px;font-weight:500;transition:.15s;color:#444; }
    .adminTabBtn.active{ background:#e0f2fe;color:#0369a1;border-color:#bae6fd; }
    /* LinkedIn-style employer banner */
    .empCoverBanner{ height:96px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#0f4c5c 0%,#2a7a8a 60%,#38b2ac 100%); }
    .empLogoBox{ width:72px;height:72px;border-radius:14px;background:#fff;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.14);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:-36px;margin-left:20px;flex-shrink:0; }
    .empLogoBox img{ width:100%;height:100%;object-fit:cover; }
    .empLogoInitials{ font-size:24px;font-weight:800;color:#2a7a8a; }
    .empHeaderBody{ padding:8px 20px 16px;display:flex;gap:14px;align-items:flex-start; }
    .empHeaderText{ flex:1; }
    .empCompanyName{ font-size:20px;font-weight:800;color:#1a1a1a; }
    .empTagline{ font-size:13px;color:#555;margin:3px 0 8px; }
    .empStatRow{ display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 4px; }
    .empStat{ text-align:center; }
    .empStatNum{ font-size:17px;font-weight:700;color:#2a7a8a; }
    .empStatLabel{ font-size:11px;color:#888; }
    .empSection{ border-top:1px solid #f0f0f0;padding:14px 20px; }
    .empSectionTitle{ font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px; }
    .empSkillTag{ display:inline-block;background:#f0fdfa;color:#2a7a8a;border:1px solid #d1fae5;padding:3px 10px;border-radius:20px;font-size:12px;margin:3px; }
    /* ── University autocomplete ── */
    .uniWrap{ position:relative; }
    .uniDropdown{ position:absolute;top:100%;left:0;right:0;z-index:300;background:#fff;border:1px solid #d1fae5;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);max-height:220px;overflow-y:auto;display:none; }
    .uniDropdown.open{ display:block; }
    .uniOption{ padding:9px 14px;font-size:13px;cursor:pointer;color:#1a1a1a;border-bottom:1px solid #f3f4f6; }
    .uniOption:last-child{ border-bottom:none; }
    .uniOption:hover{ background:#f0fdfa; }
    .uniOption.addOwn{ color:#2a7a8a;font-style:italic; }
    /* ── Feed & search cards ── */
    .feedCard{ background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;transition:.15s; }
    .feedCard:hover{ border-color:rgba(38,110,120,.3);box-shadow:0 2px 12px rgba(38,110,120,.08); }
    .feedAva{ width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#2a7a8a,#1d6575);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0; }
    .feedBody{ flex:1;min-width:0; }
    .feedName{ font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .feedSub{ font-size:12px;color:#777;margin-bottom:7px; }
    .feedTags{ display:flex;flex-wrap:wrap;gap:4px; }
    .feedTag{ font-size:11px;padding:3px 9px;border-radius:20px;border:1px solid #e5e7eb;background:#f9fafb;color:#555; }
    /* ── Public profile screen ── */
    #screenPublicProfile .wrap{ flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;padding:0; }
    #screenPublicProfile .profileContent{ max-width:660px;margin:0 auto;padding:20px 16px 60px;width:100%;box-sizing:border-box; }
    .pubProfileCard{ background:#fff;border-radius:20px;box-shadow:0 2px 16px rgba(0,0,0,.07);overflow:visible;margin-bottom:16px; }
    .pubProfileSection{ border-top:1px solid #f3f4f6;padding:16px 0 4px; }
    .pubProfileSTitle{ font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px; }
    .pubVerChip{ display:inline-flex;align-items:center;gap:4px;font-size:12px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:4px 10px;border-radius:20px;margin:2px; }
    .pubVerChip.pending{ background:#fffbeb;color:#d97706;border-color:#fde68a; }
    .pubTag{ display:inline-block;background:#f0fdfa;color:#2a7a8a;border:1px solid #d1fae5;padding:3px 10px;border-radius:20px;font-size:12px;margin:2px; }
    .pubTagHiring{ background:#eff6ff;color:#3b82f6;border-color:#bfdbfe; }
    .pubInfoRow{ font-size:13px;color:#555;margin-bottom:4px; }
    .pubInfoRow.teal{ color:#2a7a8a; }
    .pubInfoRow.blue{ color:#3b82f6; }
    .pubInfoRow.muted{ color:#888; }
    .pubInfoLink{ color:#2a7a8a; }
    .pubProfileText{ font-size:14px;color:#444;line-height:1.6; }
    .pubProfileAdminLoadBtn{ padding:8px 16px;border-radius:12px;border:1.5px solid #2a7a8a;color:#2a7a8a;background:#f0fdfa;cursor:pointer;font-size:13px;font-weight:600;position:relative;z-index:10; }
    .pubProfileFiles{ margin-top:10px; }
    .pubProfileFilesState{ font-size:12px;color:#888; }
    .pubProfileFilesState.empty{ color:#aaa; }
    .pubProfileFilesState.error{ color:#991b1b; }
    .pubProfileFileRow{ display:flex;align-items:center;gap:8px;margin-bottom:6px; }
    .pubProfileFileName{ font-size:12px;color:#555;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    /* ── Public profile redesign ── */
    .pubProfileBanner{ height:100px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#1a5c68 0%,#2a7a8a 40%,#38b2ac 100%); }
    .pubProfileBanner.employer{ background:linear-gradient(135deg,#0f4c5c 0%,#1a7a6a 50%,#059669 100%); }
    .pubProfileHeroRow{ display:flex;align-items:flex-end;padding:0 24px;margin-top:-44px;margin-bottom:12px; }
    .pubProfileAvatarArea{ position:relative;z-index:2; }
    .pubProfileAvatarImg{ width:88px;height:88px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,.18);display:block;border:4px solid #fff; }
    .pubProfileAvatarImg.employer{ border-radius:18px; }
    .pubProfileAvatarImg.candidate{ border-radius:50%; }
    .pubProfileAvatarFallback{ width:88px;height:88px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.18);border:4px solid #fff; }
    .pubProfileAvatarFallback.employer{ border-radius:18px;background:linear-gradient(135deg,#0f4c5c,#059669); }
    .pubProfileAvatarFallback.candidate{ border-radius:50%;background:linear-gradient(135deg,#2a7a8a,#38b2ac); }
    .pubProfileBody{ padding:0 24px 24px; }
    .pubProfileIdent{ margin-bottom:14px; }
    .pubProfileName{ font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:3px; }
    .pubProfileSubtitle{ font-size:14px;color:#555;margin-bottom:8px; }
    .pubProfileBadges{ display:flex;flex-wrap:wrap;gap:6px;margin-top:6px; }
    .pubBadgeRole{ display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 11px;border-radius:20px;font-weight:600;border:1px solid transparent; }
    .pubBadgeRole.employer{ background:#f0fdf4;color:#059669;border-color:#bbf7d0; }
    .pubBadgeRole.candidate{ background:#eff6ff;color:#3b82f6;border-color:#bfdbfe; }
    .pubBadge{ display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 11px;border-radius:20px;font-weight:600; }
    .pubBadge.grade{ background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe; }
    .pubBadge.format{ background:#fff7ed;color:#c2410c;border:1px solid #fed7aa; }
    .pubBadge.active{ background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0; }
    .pubBadge.verified{ background:#fffbeb;color:#d97706;border:1px solid #fde68a; }
    .pubProfileMetaRow{ display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px; }
    .pubMetaPill{ display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#555;background:#f9fafb;border:1px solid #e5e7eb;padding:5px 12px;border-radius:20px; }
    .pubSkillsList{ display:flex;flex-wrap:wrap;gap:7px;margin-top:4px; }
    .pubSkillChip{ display:inline-flex;align-items:center;font-size:13px;padding:5px 12px;border-radius:20px;background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4;font-weight:500; }
    .pubProfileTextAccent{ font-size:14px;color:#1a5c68;line-height:1.6;font-weight:500; }
    .pubProfileEmptyHint{ text-align:center;color:#aaa;font-size:14px;padding:24px 0 8px; }
    .pubVerChips{ display:flex;flex-wrap:wrap;gap:6px;margin-top:4px; }
    .pubCvBtn{ display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:14px;border:1.5px solid #2a7a8a;color:#2a7a8a;background:#f0fdfa;cursor:pointer;font-size:14px;font-weight:600;transition:.15s; }
    .pubCvBtn:hover{ background:#e0f7f4;border-color:#1a5c68;color:#1a5c68; }
    .pubAccessChatRow{ display:flex;justify-content:flex-end;margin-bottom:10px; }
    .pubAccessButtons{ display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px; }
    .networkStats{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px; }
    .networkGroup{ display:flex;flex-direction:column;gap:8px; }
    .networkGroup + .networkGroup{ margin-top:8px; }
    .networkGroupTitle{ font-size:11px;font-weight:700;color:#8a8a8a;text-transform:uppercase;letter-spacing:.6px; }
    .networkRow{ display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #eef2f7;border-radius:14px;background:#fcfcfd; }
    .networkInfo{ min-width:0;flex:1; }
    .networkName{ font-size:13px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .networkMeta{ font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
    .networkActions{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end; }
    .networkHint{ font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:10px; }
    .networkInlineActions{ display:flex;gap:8px;flex-wrap:wrap; }
    .screenTopBarInset{ padding:0 16px; }
    .screenTopBarCluster{ display:flex;align-items:center;gap:10px; }
    .screenTopBarActions{ display:flex;gap:6px;align-items:center;flex-wrap:wrap; }
    .blockTitleInlineAction{ display:flex !important;align-items:center;justify-content:space-between;gap:12px; }
    .verifyLevelInfoBtn{ font-size:11px;color:#2a7a8a;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0; }
    .verifyLevelInfoBtn:hover{ color:#1a5c68; }
    .verifyLevelList{ display:flex;flex-direction:column;gap:10px;margin:12px 0; }
    .verifyLevelCard{ padding:10px 14px;border-radius:12px;border:1px solid transparent; }
    .verifyLevelCard.l1{ border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.07); }
    .verifyLevelCard.l2{ border-color:rgba(38,110,120,.2);background:rgba(38,110,120,.07); }
    .verifyLevelCard.l3{ border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.07); }
    .verifyLevelText{ margin:6px 0 0;font-size:13px;color:#555; }
    .verifyLevelNote{ font-size:12px;color:#888;border-top:1px solid #eee;padding-top:10px;margin-top:4px; }
    .userProfileModal{ display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.45);overflow-y:auto;padding:20px 16px; }
    .userProfileModal.open{ display:block; }
    .userProfileDialog{ max-width:560px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2); }
    .userProfileModalContent{ padding:24px; }
    .userProfileModalFooter{ padding:0 24px 20px;display:flex;gap:8px; }
    .userProfileCloseBtn{ flex:1;padding:10px;border-radius:12px;border:1.5px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:13px;font-weight:600; }
    .userProfileCloseBtn:hover{ background:#f3f4f6; }
    /* ── Social cards ── */
    .socialCard{ background:#fff;border:1.5px solid #f0f0f0;border-radius:18px;padding:16px 18px;transition:.15s;box-shadow:0 1px 4px rgba(0,0,0,.04); }
    .socialCard.clickable{ cursor:pointer; }
    .socialCard:hover{ border-color:rgba(38,110,120,.25);box-shadow:0 4px 18px rgba(38,110,120,.09);transform:translateY(-1px); }
    .scHead{ display:flex;gap:14px;align-items:flex-start; }
    .scAvatar{ width:54px;height:54px;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15); }
    .scAvatar.employer{ border-radius:14px; }
    .scAvatar.candidate{ border-radius:50%; }
    .scAvatarImage{ width:100%;height:100%;object-fit:cover;display:block; }
    .scAvatarFallback{ width:100%;height:100%;font-size:19px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center; }
    .scAvatarFallback.employer{ background:linear-gradient(135deg,#0f4c5c,#2a7a8a); }
    .scAvatarFallback.candidate{ background:linear-gradient(135deg,#2a7a8a,#38b2ac); }
    .scInfo{ flex:1;min-width:0; }
    .scNameRow{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px; }
    .scName{ font-size:15px;font-weight:700;color:#1a1a1a; }
    .scVerBadge{ font-size:11px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:2px 8px;border-radius:20px;font-weight:600;white-space:nowrap; }
    .scVerBadge.pending{ background:#fffbeb;color:#d97706;border-color:#fde68a; }
    .scChipRow{ display:flex;flex-wrap:wrap;gap:4px;align-items:center; }
    .scChipRow.compact{ margin-top:4px; }
    .scChipRow.regular{ margin-top:6px; }
    .scChipRow.spacious{ margin-top:8px; }
    .scChipLabel{ font-size:11px;color:#999;margin-right:4px; }
    .scVerItem{ font-size:11px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:2px 7px;border-radius:20px; }
    .scProject.hiring{ background:#eff6ff;color:#3b82f6;border-color:#bfdbfe; }
    .scSub{ font-size:12px;color:#888;margin-bottom:3px; }
    .scSub.compact{ margin-top:4px; }
    .scSubLink{ color:#2a7a8a;text-decoration:none; }
    .scSubLink:hover{ text-decoration:underline; }
    .scRoleRow{ margin-top:4px; }
    .scRoleTag{ font-size:11px;padding:2px 9px;border-radius:20px;font-weight:600; }
    .scRoleTag.candidate{ background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe; }
    .scRoleTag.employer{ background:#f0fdfa;color:#2a7a8a;border:1px solid #d1fae5; }
    .scBody{ margin-top:10px;padding-top:10px;border-top:1px solid #f5f5f5; }
    .scAbout{ font-size:13px;color:#555;line-height:1.4; }
    .scJobLine.muted{ color:#bbb;font-size:12px; }
    .scFooter{ margin-top:10px; }
    .scProjects{ display:flex;flex-wrap:wrap;gap:4px; }
    .scProject{ font-size:11px;background:#f0fdfa;color:#2a7a8a;border:1px solid #d1fae5;padding:3px 10px;border-radius:20px; }
    .feedTag.ok{ background:#f0fdf4;color:#16a34a;border-color:#bbf7d0; }
    .feedTag.warn{ background:#fffbeb;color:#d97706;border-color:#fde68a; }
    .feedTag.teal{ background:#f0fdfa;color:#2a7a8a;border-color:#d1fae5; }
    .feedTag.placeholder{ background:#f5f5f5;color:#999;border-color:#e5e7eb; }
    .feedEmpty{ text-align:center;padding:48px 20px;color:#aaa;font-size:14px; }
    .achRow.alignTop{ align-items:flex-start; }
    .achMain{ flex:1; }
    .actionsRow.spaced{ margin-top:10px; }
    /* ── Admin tabs ── */
    .adminBadge{ font-size:11px;background:#fee2e2;color:#991b1b;padding:2px 10px;border-radius:20px;font-weight:700;letter-spacing:.3px; }
    .adminTabBtn{ padding:7px 14px;border-radius:20px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:13px;font-weight:500;transition:.15s;white-space:nowrap; }
    .adminTabBtn.active{ background:#e0f2fe;color:#0369a1;border-color:#bae6fd; }
    /* ── LinkedIn-style employer cover ── */
    .empCover{ height:90px;border-radius:16px 16px 0 0;background:linear-gradient(120deg,#0f4c5c 0%,#2a7a8a 55%,#38b2ac 100%);position:relative; }
    .empLogoBox{ width:68px;height:68px;border-radius:14px;background:#fff;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-28px;left:18px;font-size:22px;font-weight:800;color:#2a7a8a; }
    .empLogoBox img{ width:100%;height:100%;object-fit:cover; }
    .empHdr{ padding:36px 20px 14px; }
    .empCompName{ font-size:21px;font-weight:800;color:#1a1a1a;margin-bottom:3px; }
    .empTagline{ font-size:13px;color:#555;margin-bottom:10px; }
    .empStats{ display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 0; }
    .empStat{ display:flex;flex-direction:column;align-items:center; }
    .empStatN{ font-size:17px;font-weight:700;color:#2a7a8a; }
    .empStatL{ font-size:11px;color:#999;margin-top:1px; }
    .empSection{ padding:14px 20px;border-top:1px solid #f3f4f6; }
    .empSTitle{ font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px; }
    .empSkill{ display:inline-block;background:#f0fdfa;color:#2a7a8a;border:1px solid #d1fae5;padding:3px 11px;border-radius:20px;font-size:12px;margin:3px 3px 3px 0; }
    .candidateAvatar{ width:46px; height:46px; border-radius:50%; background:linear-gradient(135deg,#d4eeef,#c5e8ee); display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; color:#1a5c68; flex-shrink:0; }
    .candidateInfo{ flex:1; min-width:0; }
    .candidateName{ font-size:14px; font-weight:700; color:#1a1a1a; }
    .candidateMeta{ font-size:12px; color:#666; margin-top:2px; }
    .candidateBadges{ display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
    .candidateBadge{ font-size:11px; padding:3px 8px; border-radius:999px; font-weight:700; }
    .candidateBadge.ok{ background:rgba(34,197,94,.12); color:#0d7040; border:1px solid rgba(34,197,94,.2); }
    .candidateBadge.warn{ background:rgba(245,158,11,.12); color:#92400e; border:1px solid rgba(245,158,11,.2); }
    .candidateBadge.ghost{ background:rgba(0,0,0,.06); color:#555; border:1px solid rgba(0,0,0,.10); }

    .searchBar{ display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
    .searchInput{ flex:1; min-width:200px; height:44px; border-radius:14px; border:1px solid rgba(38,110,120,.20); background:rgba(235,248,250,.60); padding:0 14px; font-size:14px; color:#1a1a1a; outline:none; }
    .searchInput:focus{ border-color:rgba(38,110,120,.40); background:rgba(235,248,250,.90); }
    .filterChip{ padding:6px 14px; border-radius:999px; font-size:12px; font-weight:700; cursor:pointer; border:1px solid rgba(38,110,120,.20); background:rgba(235,248,250,.60); color:#1a5c68; transition:all .15s; white-space:nowrap; }
    .filterChip.active{ background:#2a7a8a; color:#fff; border-color:#2a7a8a; }
    .filterChip:hover:not(.active){ background:rgba(235,248,250,.90); }

    .adminQueueItem{ border:1px solid rgba(38,110,120,.12); border-radius:16px; padding:14px 16px; background:rgba(235,248,250,.40); margin-bottom:10px; }
    .adminQueueHead{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
    .adminQueueInfo{ flex:1; min-width:0; }
    .adminQueueName{ font-size:13px; font-weight:700; color:#1a1a1a; }
    .adminQueueDoc{ font-size:12px; color:#666; margin-top:2px; }
    .adminQueueActions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
    .rejectInput{ padding:7px 12px; border-radius:10px; border:1px solid rgba(239,68,68,.25); background:rgba(239,68,68,.06); font-size:12px; color:#991b1b; outline:none; width:200px; }

    .statusChip{ display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; white-space:nowrap; cursor:pointer; }
    .statusChip .infoBtn{ width:14px; height:14px; border-radius:50%; background:rgba(0,0,0,.12); display:inline-flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; color:#555; margin-left:2px; cursor:pointer; vertical-align:middle; }
    .statusChip .infoBtn:hover{ background:rgba(38,110,120,.25); color:#1a5c68; }

    .privacyToggle{ display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:12px; background:rgba(235,248,250,.50); border:1px solid rgba(38,110,120,.12); margin-top:8px; cursor:pointer; }
    .privacyToggle label{ font-size:13px; font-weight:700; color:#1a5c68; cursor:pointer; flex:1; }
    .privacyToggle input{ accent-color:#2a7a8a; width:16px; height:16px; cursor:pointer; }

    .levelBadge{ display:inline-block; padding:2px 8px; border-radius:6px; font-size:11px; font-weight:700; }
    .levelBadge.l1{ background:rgba(245,158,11,.12); color:#92400e; }
    .levelBadge.l2{ background:rgba(38,110,120,.12); color:#1a5c68; }
    .levelBadge.l3{ background:rgba(34,197,94,.12); color:#0d7040; }

    .rejectReason{ margin-top:6px; padding:8px 12px; border-radius:10px; background:rgba(239,68,68,.06); border:1px solid rgba(239,68,68,.15); font-size:12px; color:#991b1b; line-height:1.4; }
    .rejectReasonLabel{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#991b1b; margin-bottom:3px; }

    .legalModal{ max-height:70vh; overflow:auto; }
    .legalModal h3{ font-size:15px; font-weight:700; margin:14px 0 8px; color:#1a1a1a; }
    .legalModal p{ font-size:13px; line-height:1.55; color:#444; margin-bottom:10px; }
    .legalModal .legalVersion{ font-size:11px; color:#999; margin-top:16px; margin-bottom:0; }

    .onboardingBanner{ background:rgba(235,248,250,.70); border:1px solid rgba(38,110,120,.15); border-radius:14px; padding:12px 16px; margin-bottom:14px; display:flex; gap:12px; align-items:flex-start; }
    .onboardingIcon{ font-size:20px; flex-shrink:0; margin-top:2px; }
    .onboardingText{ font-size:13px; color:#1a5c68; line-height:1.4; font-weight:700; }
    .onboardingDismiss{ font-size:11px; color:#2a7a8a; cursor:pointer; text-decoration:underline; margin-top:4px; display:block; }

    /* ── Status chips ── */
    .tagRow{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
    .tag{ font-size:12px; font-weight:700; padding:5px 12px; border-radius:999px; background:rgba(38,110,120,.10); border:1px solid rgba(38,110,120,.18); color:#1a5c68; white-space:nowrap; }
    .projectItem{ display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(38,110,120,.10); border-radius:14px; background:rgba(235,248,250,.50); font-size:14px; }
    .projectDot{ width:6px; height:6px; border-radius:50%; background:#3a9aaa; flex-shrink:0; }
    .verifyTooltip{ font-size:12px; color:#2a7a8a; background:rgba(38,110,120,.08); border:1px solid rgba(38,110,120,.18); border-radius:10px; padding:8px 12px; margin-top:8px; line-height:1.4; }
    .profileProgress{ margin:12px 0 16px; }
    .progressBar{ height:6px; background:rgba(38,110,120,.12); border-radius:999px; overflow:hidden; margin-bottom:6px; }
    .progressFill{ width:var(--progress-width, 10%); height:100%; background:linear-gradient(90deg,#2a7a8a,#3a8a9a); border-radius:999px; transition:width .4s ease; }
    .progressLabel{ font-size:12px; color:#2a7a8a; font-weight:700; }
    .progressHints{ margin-top:6px; display:flex; flex-direction:column; gap:4px; }
    .progressHint{ font-size:11px; color:#555; display:flex; align-items:center; gap:6px; }
    .progressHint.done{ color:#2a7a8a; }
    .progressHint::before{ content:'○'; font-size:10px; color:inherit; }
    .progressHint.done::before{ content:'●'; }
    /* Admin panel */
    .adminCard{ border:1px solid rgba(38,110,120,.12); border-radius:16px; padding:14px 16px; background:rgba(235,248,250,.40); margin-bottom:10px; }
    .adminCardHead{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
    .adminAvatar{ width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#d4eeef,#c5e8ee); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:#1a5c68; flex-shrink:0; }
    .adminCardInfo{ flex:1; min-width:0; }
    .adminCardName{ font-size:13px; font-weight:700; color:#1a1a1a; }
    .adminCardDoc{ font-size:12px; color:#666; margin-top:2px; }
    .adminSignalLinks{ display:flex;gap:6px;flex-wrap:wrap;margin-top:6px; }
    .adminSignalLinks a{
      border:1px solid rgba(38,110,120,.18);
      border-radius:999px;
      padding:3px 8px;
      color:#1a5c68;
      background:rgba(38,110,120,.07);
      font-size:11px;
      font-weight:700;
      text-decoration:none;
    }
    .reviewLevelBadge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:28px;
      height:28px;
      border-radius:999px;
      font-size:11px;
      font-weight:800;
    }
    .reviewLevelBadge.l1{ color:#8a5800;background:rgba(245,158,11,.12); }
    .reviewLevelBadge.l2{ color:#1a5c68;background:rgba(38,112,122,.12); }
    .reviewLevelBadge.l3{ color:#166534;background:rgba(34,197,94,.12); }
    .adminActions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:8px; }
    .adminBtn{ padding:8px 16px; border-radius:999px; font-size:12px; font-weight:700; cursor:pointer; border:1px solid rgba(38,110,120,.28); background:rgba(38,110,120,.10); color:#1a5c68; transition:all .15s; }
    .adminBtn:hover{ background:rgba(38,110,120,.18); }
    .adminBtn.ok{ background:#2a7a8a; color:#fff; border-color:#2a7a8a; }
    .adminBtn.danger{ background:rgba(239,68,68,.10); color:#991b1b; border-color:rgba(239,68,68,.25); }
    .adminBtn.danger:hover{ background:rgba(239,68,68,.18); }
    .adminBtn.compact{ font-size:11px; padding:4px 10px; }
    .adminEmptyState{ text-align:center; padding:24px; color:#888; font-size:14px; }
    .adminEmptyState.compact{ padding:8px; font-size:13px; }
    .adminListLoading{ text-align:center; padding:32px; color:#888; }
    .adminListLoading.compact{ padding:16px; }
    .adminLogoutBtn{ font-size:12px; }
    .adminSectionHead{ display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px; }
    .adminSectionHeadWrap{ flex-wrap:wrap; }
    .adminSectionHeading{ min-width:0;flex:1; }
    .adminSectionTitle{ font-size:18px;font-weight:700;color:#1a1a1a; }
    .adminSectionSub{ font-size:13px;color:#666;margin-top:2px; }
    .adminSearchInput{ width:220px; }
    .adminSearchInput.wide{ width:260px; }
    .adminQueueControls{ display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
    .adminQueueSortLabel{ font-size:12px;color:#667085;font-weight:700; }
    .adminQueueSort{
      min-height:38px;
      padding:0 12px;
      border:1px solid rgba(38,110,120,.18);
      border-radius:999px;
      background:rgba(255,255,255,.88);
      color:#1a5c68;
      font-size:12px;
      font-weight:700;
      outline:none;
    }
    .adminUsersTable{ width:100%; border-collapse:collapse; font-size:13px; }
    .adminUsersHeadRow{ border-bottom:1px solid rgba(38,110,120,.15); }
    .adminUsersHeadCell{ text-align:left; padding:6px 8px; color:#666; }
    .adminUsersRow{ border-bottom:1px solid rgba(0,0,0,.05); }
    .adminUsersCell{ padding:8px; }
    .adminUsersRoleTag{ display:inline-flex; align-items:center; padding:2px 8px; border-radius:6px; font-size:11px; font-weight:700; background:rgba(38,110,120,.10); color:#1a5c68; }
    #screenAdminQueue{
      background:
        radial-gradient(900px 420px at 10% 0%, rgba(38,130,145,.12), transparent 52%),
        #f5f8fa;
    }
    #screenAdminQueue .centerBlock{
      max-width:1040px;
      padding:24px 24px 72px;
    }
    .adminHero{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      width:100%;
      padding:18px max(24px, calc((100vw - 1040px) / 2));
      border-bottom:1px solid rgba(38,110,120,.10);
      background:rgba(255,255,255,.82);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      box-sizing:border-box;
    }
    .adminHeroCopy{
      display:flex;
      align-items:center;
      gap:14px;
      min-width:0;
    }
    .adminHeroTitle{
      font-size:22px;
      font-weight:800;
      letter-spacing:-.03em;
      color:#0e0f0f;
    }
    .adminHeroSub{
      margin-top:2px;
      font-size:13px;
      color:#667085;
    }
    .adminHeroActions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .adminThemeToggleBtn{
      min-height:42px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid rgba(38,110,120,.18);
      border-radius:999px;
      background:rgba(255,255,255,.92);
      color:#1a5c68;
      font-weight:700;
      font-size:13px;
      padding:0 14px;
      cursor:pointer;
      transition:background .18s,border-color .18s,transform .18s;
    }
    .adminThemeToggleBtn:hover{
      background:rgba(235,248,250,.96);
      border-color:rgba(38,110,120,.30);
      transform:translateY(-1px);
    }
    .adminTabRail{
      position:sticky;
      top:0;
      z-index:48;
      padding:12px max(24px, calc((100vw - 1040px) / 2));
      border-bottom:1px solid rgba(38,110,120,.10);
      background:rgba(245,248,250,.88);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
    }
    .adminTabRail .adminTabNav{
      margin-bottom:0;
      gap:10px;
    }
    .adminTabRail .adminTabBtn{
      min-height:42px;
      padding:0 16px;
      border-color:rgba(38,110,120,.14);
      background:rgba(255,255,255,.82);
      font-weight:700;
      color:#52606d;
    }
    .adminTabRail .adminTabBtn.active{
      color:#fff;
      background:#26707a;
      border-color:#26707a;
      box-shadow:0 10px 22px rgba(38,112,122,.18);
    }
    .adminPreviewBar{
      padding:18px;
      border-radius:20px;
      margin-bottom:18px;
    }
    .adminReviewSummary{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:16px 18px;
      margin-bottom:16px;
      border:1px solid rgba(38,110,120,.12);
      border-radius:20px;
      background:rgba(255,255,255,.78);
    }
    .adminReviewMetric{
      display:flex;
      flex-direction:column;
      gap:2px;
      min-width:90px;
    }
    .adminReviewMetricValue{
      font-size:28px;
      line-height:1;
      font-weight:800;
      color:#1a5c68;
    }
    .adminReviewMetricLabel{
      font-size:12px;
      color:#667085;
    }
    .adminReviewLegend{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      color:#667085;
      font-size:12px;
    }
    .adminCard{
      padding:16px 18px;
      border-radius:20px;
      background:rgba(255,255,255,.84);
    }
    .adminBtn.view{
      background:#e0f2fe;
      color:#0369a1;
      border-color:#bae6fd;
    }
    .adminBtn.view:hover{
      background:#cfeefd;
    }

    .dangerZoneCard{
      margin-top:18px;
      padding:16px;
      border-radius:18px;
      border:1px solid rgba(220,38,38,.18);
      background:linear-gradient(180deg, rgba(255,245,245,.88), rgba(255,250,250,.96));
    }
    .dangerZoneText{
      font-size:13px;
      line-height:1.55;
      color:#7f1d1d;
      margin-bottom:12px;
    }
    .dangerZoneRow{
      display:flex;
      gap:10px;
      align-items:center;
    }
    .dangerZoneRow .sqInput{
      flex:1;
    }
    .dangerPill{
      color:#991b1b;
      border-color:rgba(220,38,38,.22);
      background:rgba(255,255,255,.9);
    }
    .dangerPill:hover{
      background:rgba(254,242,242,.96);
      border-color:rgba(220,38,38,.3);
    }

    @media (max-width: 720px){
      .adminHero{
        align-items:flex-start;
        flex-direction:column;
        padding-inline:16px;
      }
      .adminTabRail{
        padding-inline:16px;
      }
      #screenAdminQueue .centerBlock{
        padding:18px 16px 72px;
      }
      .adminReviewSummary{
        align-items:flex-start;
        flex-direction:column;
      }
      .dangerZoneRow{
        flex-direction:column;
        align-items:stretch;
      }
      .dangerPill{
        width:100%;
      }
    }
    .rejectInput{ padding:7px 12px; border-radius:10px; border:1px solid rgba(239,68,68,.25); background:rgba(239,68,68,.06); font-size:12px; color:#991b1b; outline:none; flex:1; min-width:160px; }
    .statusBadge{ display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; }
    .statusBadge.ghost{ background:rgba(0,0,0,.06); color:#555; }
    .statusBadge.warn{ background:rgba(245,158,11,.12); color:#92400e; }
    .statusBadge.ok{ background:rgba(34,197,94,.12); color:#0d7040; }
    .statusBadge.bad{ background:rgba(239,68,68,.12); color:#991b1b; }

    /* ── Admin role filter chips ── */
    .adminRoleFilterRow{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
    .adminRoleChip{ padding:6px 16px; border-radius:999px; border:1px solid rgba(0,0,0,.12); background:#fff; color:#555; font-size:13px; font-weight:500; cursor:pointer; transition:all .18s; }
    .adminRoleChip:hover{ border-color:rgba(38,110,120,.32); color:#1a5c68; background:rgba(38,110,120,.06); }
    .adminRoleChip.active{ background:#0e0f0f; color:#fff; border-color:#0e0f0f; }

    /* ── Role tag colors ── */
    .adminUsersRoleTag.employee{ background:rgba(59,130,246,.10); color:#1d4ed8; }
    .adminUsersRoleTag.employer{ background:rgba(38,110,120,.12); color:#1a5c68; }
    .adminUsersRoleTag.admin{ background:rgba(139,92,246,.10); color:#6d28d9; }

    /* ── User name cell ── */
    .adminUserNameCell{ display:flex; flex-direction:column; gap:2px; }
    .adminUserEmail{ font-size:13px; color:#0e0f0f; font-weight:500; }
    .adminUserName{ font-size:12px; color:#888; }

    /* ── Online status ── */
    .adminUserActivity{ display:flex; align-items:center; gap:6px; }
    .adminOnlineDot{ width:8px; height:8px; border-radius:50%; flex-shrink:0; }
    .adminOnlineDot.online{ background:#22c55e; box-shadow:0 0 0 2px rgba(34,197,94,.25); }
    .adminOnlineDot.offline{ background:#d1d5db; }
    .adminActivityText{ font-size:12px; color:#888; }
    .adminActivityText.online{ color:#16a34a; font-weight:600; }

    /* ── Admin preview bar ── */
    .adminPreviewBar{ display:flex; align-items:center; justify-content:space-between; gap:12px; background:linear-gradient(135deg,rgba(38,110,120,.07) 0%,rgba(38,110,120,.03) 100%); border:1px solid rgba(38,110,120,.14); border-radius:14px; padding:14px 18px; margin-bottom:20px; flex-wrap:wrap; }
    .adminPreviewLabel{ font-size:12px; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; }
    .adminPreviewBtns{ display:flex; gap:10px; flex-wrap:wrap; }
    .adminPreviewBtn{ display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:12px; border:1px solid rgba(0,0,0,.10); background:#fff; cursor:pointer; transition:all .2s; box-shadow:0 1px 3px rgba(0,0,0,.06); }
    .adminPreviewBtn:hover{ box-shadow:0 4px 12px rgba(0,0,0,.10); transform:translateY(-1px); }
    .adminPreviewBtn.candidate:hover{ border-color:rgba(38,110,120,.35); background:rgba(38,110,120,.04); }
    .adminPreviewBtn.employer:hover{ border-color:rgba(99,102,241,.35); background:rgba(99,102,241,.04); }
    .adminPreviewIcon{ font-size:20px; line-height:1; }
    .adminPreviewBtnText{ display:flex; flex-direction:column; gap:1px; text-align:left; }
    .adminPreviewBtnTitle{ font-size:13px; font-weight:600; color:#0e0f0f; }
    .adminPreviewBtnSub{ font-size:11px; color:#999; }
    .adminBackBtn{ border:1px solid rgba(38,110,120,.3) !important; color:#1a5c68 !important; background:rgba(38,110,120,.06) !important; font-weight:600 !important; }
    /* ── Public profile: employer job items ── */
    .pubJobItem{ padding:10px 0; border-bottom:1px solid #f3f4f6; }
    .pubJobItem:last-child{ border-bottom:none; }
    .pubJobTitle{ font-size:14px; font-weight:600; color:#111827; margin-bottom:3px; }
    .pubJobMeta{ font-size:12px; color:#6b7280; }

/* ════════════════════════════════════════════════════════
   PREMIUM AUTH SCREENS
   ════════════════════════════════════════════════════════ */
.authBrandMark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: #2a7a8a;
  margin-bottom: -6px;
}
.authBrandLogo {
  font-size: 14px;
  color: #2a7a8a;
  display: inline-block;
  animation: authLogoSpin 8s linear infinite;
}
@keyframes authLogoSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.authBrandTitle {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: rgba(0,0,0,.88);
  text-align: center;
  margin-bottom: -4px;
}
#screenLoginForm .centerBlock { gap: 12px; }
#screenLoginForm .wrap { padding-top: 60px; justify-content: flex-start; }

/* ════════════════════════════════════════════════════════
   PREMIUM CHAT ENHANCEMENTS (light mode)
   ════════════════════════════════════════════════════════ */

/* Accent stripe at bottom of header */
.chatHeader::after {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(38,110,120,.18) 30%, rgba(56,178,172,.35) 50%, rgba(38,110,120,.18) 70%, transparent 100%);
}
/* Bubble glow */
.chatBubble.mine {
  box-shadow: 0 2px 12px rgba(38,110,120,.28);
}
/* Sidebar search */
.chatSearchWrap {
  padding: 10px 10px 6px;
  border-bottom: 1px solid rgba(0,0,0,.04);
}
.chatSearchInput {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 14px;
  border-radius: 12px;
  border: 1.5px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  font: inherit;
  font-size: 13px;
  color: #0e0f0f;
  outline: none;
  transition: border .15s, background .15s;
}
.chatSearchInput:focus {
  border-color: rgba(38,110,120,.30);
  background: rgba(38,110,120,.04);
}

/* ════════════════════════════════════════════════════════
   DRAWER THEME TOGGLE
   ════════════════════════════════════════════════════════ */
.drawerThemeBtn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 14px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.09);
  background: rgba(0,0,0,.03);
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0,0,0,.78);
  transition: background .18s, border-color .18s, color .18s;
  margin-bottom: 12px;
  text-align: left;
}
.drawerThemeBtn:hover {
  background: rgba(38,110,120,.07);
  border-color: rgba(38,110,120,.20);
  color: #1a5c68;
}
.drawerThemeIcon { font-size: 17px; line-height: 1; flex-shrink: 0; }
.drawerThemeLabel { flex: 1; }
.drawerThemeTrack {
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: rgba(0,0,0,.14);
  position: relative;
  flex-shrink: 0;
  transition: background .22s cubic-bezier(.4,0,.2,1);
}
.drawerThemeKnob {
  position: absolute;
  top: 2px; left: 2px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.22);
  transition: transform .22s cubic-bezier(.4,0,.2,1);
}

/* ════════════════════════════════════════════════════════
   DARK THEME — CSS VARIABLES
   ════════════════════════════════════════════════════════ */
:root[data-theme="dark"] {
  --bg: #0b1115;
  --label: rgba(239,246,248,.94);
  --placeholder: rgba(207,222,228,.56);
  --sqFill: rgba(255,255,255,.075);
  --sqBorder: rgba(190,224,229,.16);
  --sqHoverFill: rgba(255,255,255,.11);
  --sqHoverBorder: rgba(190,224,229,.24);
  --backFill: rgba(255,255,255,.07);
  --backBorder: rgba(190,224,229,.18);
  --accentFill: rgba(56,178,172,.16);
  --accentBorder: rgba(78,205,196,.34);
  --accentText: #66ddd4;
  --accentHoverFill: rgba(56,178,172,.22);
  --accentHoverBorder: rgba(56,178,172,.45);
}

/* Body background */
[data-theme="dark"] body {
  background:
    radial-gradient(900px 600px at 15% 0%, rgba(41,144,159,.16), transparent 55%),
    radial-gradient(760px 520px at 85% 8%, rgba(38,110,125,.12), transparent 52%),
    radial-gradient(700px 500px at 50% 100%, rgba(22,78,90,.10), transparent 58%),
    #0b1115;
  color: rgba(225,235,239,.86);
}
body { transition: background .22s ease; }

/* ── Drawer dark ── */
[data-theme="dark"] .drawerOverlay { background: rgba(0,0,0,.65); }
[data-theme="dark"] .drawer {
  background: rgba(18,26,29,.97);
  border-right-color: rgba(255,255,255,.08);
}
[data-theme="dark"] .drawerHead { border-bottom-color: rgba(255,255,255,.07); }
[data-theme="dark"] .drawerBrand { color: rgba(225,229,235,.88); }
[data-theme="dark"] .drawerClose {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: rgba(225,229,235,.60);
}
[data-theme="dark"] .drawerClose:hover { background: rgba(255,255,255,.09); }
[data-theme="dark"] .drawerItem {
  border-color: rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(225,229,235,.75) !important;
}
[data-theme="dark"] .drawerItem:hover {
  background: rgba(56,178,172,.10) !important;
  color: #4ecdc4 !important;
  box-shadow: none !important;
}
[data-theme="dark"] .drawerFoot { border-top-color: rgba(255,255,255,.07); }
[data-theme="dark"] .drawerHint { color: rgba(225,229,235,.30); }
[data-theme="dark"] .drawerThemeBtn {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: rgba(225,229,235,.80);
}
[data-theme="dark"] .drawerThemeBtn:hover {
  background: rgba(56,178,172,.10);
  border-color: rgba(56,178,172,.25);
  color: #4ecdc4;
}
[data-theme="dark"] .drawerThemeTrack { background: #26707a; }
[data-theme="dark"] .drawerThemeKnob { transform: translateX(16px); }

/* ── General inputs / buttons dark ── */
[data-theme="dark"] .sqInput {
  background: var(--sqFill);
  border-color: var(--sqBorder);
}
[data-theme="dark"] .sqInput input,
[data-theme="dark"] .sqInput textarea { color: var(--label); }
[data-theme="dark"] .sqInput input::placeholder,
[data-theme="dark"] .sqInput textarea::placeholder { color: var(--placeholder); }
[data-theme="dark"] .sqInput:focus-within {
  background: rgba(56,178,172,.07) !important;
  border-color: rgba(56,178,172,.38) !important;
}
[data-theme="dark"] .sqText { color: rgba(225,229,235,.90) !important; }
[data-theme="dark"] .sqSubtext { color: #4ecdc4 !important; opacity:1 !important; }
[data-theme="dark"] .backBtn,
[data-theme="dark"] .backBtnInline {
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(225,229,235,.75) !important;
}
[data-theme="dark"] .backBtn:hover,
[data-theme="dark"] .backBtnInline:hover {
  border-color: rgba(56,178,172,.35) !important;
  color: #4ecdc4 !important;
  background: rgba(56,178,172,.08) !important;
}

/* ── Auth screens dark ── */
[data-theme="dark"] #screenRegForm .wrap { background: #0d1117; }
[data-theme="dark"] .authBrandMark { color: #4ecdc4; }
[data-theme="dark"] .authBrandLogo { color: #4ecdc4; }
[data-theme="dark"] .authBrandTitle { color: rgba(225,229,235,.92); }
[data-theme="dark"] .regFormTitle { color: rgba(225,229,235,.92); }
[data-theme="dark"] .authFlowTitle { color: rgba(225,229,235,.92); }
[data-theme="dark"] .authFlowSub { color: rgba(225,229,235,.52); }
[data-theme="dark"] #screenLoginForm .sqInput,
[data-theme="dark"] #screenRoleReg .sqInput,
[data-theme="dark"] #screenRegForm .sqInput {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: none !important;
}
[data-theme="dark"] #screenLoginForm .sqInput input,
[data-theme="dark"] #screenRoleReg .sqInput input,
[data-theme="dark"] #screenRegForm .sqInput input { color: rgba(225,229,235,.90) !important; }
[data-theme="dark"] #screenLoginForm .sqInput input::placeholder,
[data-theme="dark"] #screenRoleReg .sqInput input::placeholder,
[data-theme="dark"] #screenRegForm .sqInput input::placeholder { color: rgba(225,229,235,.35) !important; }
[data-theme="dark"] #screenLoginForm .sqInput:focus-within,
[data-theme="dark"] #screenRoleReg .sqInput:focus-within,
[data-theme="dark"] #screenRegForm .sqInput:focus-within {
  background: rgba(56,178,172,.08) !important;
  border-color: rgba(56,178,172,.40) !important;
  box-shadow: 0 0 0 3px rgba(56,178,172,.08) !important;
}
[data-theme="dark"] #screenLoginForm .accentBtn,
[data-theme="dark"] #screenRoleReg .accentBtn,
[data-theme="dark"] #screenRegForm .accentBtn {
  background: #26707a; border-color: #26707a;
}
[data-theme="dark"] #screenLoginForm .accentBtn:hover,
[data-theme="dark"] #screenRoleReg .accentBtn:hover,
[data-theme="dark"] #screenRegForm .accentBtn:hover {
  background: #1f5c68; border-color: #1f5c68;
}
[data-theme="dark"] #screenLoginForm .backBtn,
[data-theme="dark"] #screenRoleReg .backBtn,
[data-theme="dark"] #screenRegForm .backBtn {
  color: rgba(225,229,235,.70) !important;
  border-color: rgba(255,255,255,.14) !important;
  background: transparent !important;
}
[data-theme="dark"] #screenRoleReg .sqBtn {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(225,229,235,.85) !important;
}
[data-theme="dark"] #screenRoleReg .sqBtn:hover {
  border-color: rgba(56,178,172,.30) !important;
  background: rgba(56,178,172,.08) !important;
}
[data-theme="dark"] #screenRoleReg .sqBtn.selected {
  border-color: rgba(56,178,172,.36) !important;
  background: rgba(56,178,172,.13) !important;
}
[data-theme="dark"] .consentBox {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}
[data-theme="dark"] .consentTitle { color: rgba(78,205,196,.70); }
[data-theme="dark"] .consentText { color: rgba(225,229,235,.60); }
[data-theme="dark"] .consentLinks { color: #4ecdc4; }
[data-theme="dark"] .regStep {
  border-color: rgba(255,255,255,.18);
  color: rgba(225,229,235,.45);
}
[data-theme="dark"] .regLine { background: rgba(255,255,255,.12); }
[data-theme="dark"] .fieldError { color: #f87171; }
[data-theme="dark"] .passwordToggle { color: rgba(225,229,235,.45); }
[data-theme="dark"] .strengthBar { background: rgba(255,255,255,.10); }
[data-theme="dark"] .linkBtn { color: rgba(225,229,235,.50) !important; }

/* ── Top bar / feed header dark ── */
[data-theme="dark"] .topBar {
  background: rgba(13,17,23,.97) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}
[data-theme="dark"] .feedHeaderWord { color: rgba(225,229,235,.90) !important; }
[data-theme="dark"] .feedHeaderBurger span { background: rgba(225,229,235,.80) !important; }
[data-theme="dark"] .ldBurger span { background: rgba(225,229,235,.80) !important; }

/* ── Feed cards dark ── */
[data-theme="dark"] .feedCard {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .feedCard:hover {
  border-color: rgba(56,178,172,.25);
  box-shadow: 0 2px 12px rgba(0,0,0,.40);
}
[data-theme="dark"] .feedName { color: rgba(225,229,235,.92) !important; }
[data-theme="dark"] .feedSub { color: rgba(225,229,235,.50) !important; }
[data-theme="dark"] .feedTag { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.09); color: rgba(225,229,235,.60); }
[data-theme="dark"] .feedTag.teal { background: rgba(56,178,172,.12); border-color: rgba(56,178,172,.22); color: #4ecdc4; }
[data-theme="dark"] .feedTag.ok,.feedTag.verified { background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.18); color: #4ade80; }
[data-theme="dark"] .feedTag.warn,.feedTag.pending { background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.18); color: #fbbf24; }
[data-theme="dark"] .feedEmpty { color: rgba(225,229,235,.35); }

/* ── Social cards dark ── */
[data-theme="dark"] .socialCard {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
  box-shadow: none;
}
[data-theme="dark"] .socialCard:hover {
  border-color: rgba(56,178,172,.25);
  box-shadow: 0 4px 18px rgba(0,0,0,.40);
}
[data-theme="dark"] .scName { color: rgba(225,229,235,.92); }
[data-theme="dark"] .scSub { color: rgba(225,229,235,.50); }
[data-theme="dark"] .scAbout { color: rgba(225,229,235,.62); }
[data-theme="dark"] .scBody { border-top-color: rgba(255,255,255,.06); }
[data-theme="dark"] .scJobLine { color: #4ecdc4; }

/* ── Public profile dark ── */
[data-theme="dark"] .pubProfileCard { background: #141c1e; }
[data-theme="dark"] .pubProfileName { color: rgba(225,229,235,.95); }
[data-theme="dark"] .pubProfileSubtitle { color: rgba(225,229,235,.58); }
[data-theme="dark"] .pubProfileSection { border-top-color: rgba(255,255,255,.07); }
[data-theme="dark"] .pubProfileSTitle { color: rgba(225,229,235,.40); }
[data-theme="dark"] .pubProfileText { color: rgba(225,229,235,.72); }
[data-theme="dark"] .pubProfileTextAccent { color: #4ecdc4; }
[data-theme="dark"] .pubMetaPill {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
  color: rgba(225,229,235,.65);
}
[data-theme="dark"] .pubSkillChip {
  background: rgba(56,178,172,.12);
  border-color: rgba(56,178,172,.22);
  color: #4ecdc4;
}
[data-theme="dark"] .pubProfileEmptyHint { color: rgba(225,229,235,.35); }
[data-theme="dark"] .pubJobItem { border-bottom-color: rgba(255,255,255,.07); }
[data-theme="dark"] .pubJobTitle { color: rgba(225,229,235,.88); }
[data-theme="dark"] .pubJobMeta { color: rgba(225,229,235,.50); }
[data-theme="dark"] .pubCvBtn {
  border-color: rgba(56,178,172,.35);
  color: #4ecdc4;
  background: rgba(56,178,172,.08);
}
[data-theme="dark"] .pubVerChip {
  background: rgba(34,197,94,.10);
  color: #4ade80;
  border-color: rgba(34,197,94,.20);
}
[data-theme="dark"] .pubVerChip.pending {
  background: rgba(245,158,11,.10);
  color: #fbbf24;
  border-color: rgba(245,158,11,.20);
}

/* ── Chat screen dark ── */
[data-theme="dark"] #screenChat { background: #0d1117; }
[data-theme="dark"] .chatHeader {
  background: rgba(13,17,23,.97);
  border-bottom-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .chatHeader::after {
  background: linear-gradient(90deg, transparent 0%, rgba(56,178,172,.12) 30%, rgba(78,205,196,.25) 50%, rgba(56,178,172,.12) 70%, transparent 100%);
}
[data-theme="dark"] .chatHeaderWord { color: rgba(225,229,235,.90); }
[data-theme="dark"] .chatHeaderBack { color: rgba(225,229,235,.50); }
[data-theme="dark"] .chatHeaderBack:hover { background: rgba(56,178,172,.10); color: #4ecdc4; }
[data-theme="dark"] .chatAutoBadge {
  background: rgba(56,178,172,.12);
  border-color: rgba(56,178,172,.20);
  color: #4ecdc4;
}
[data-theme="dark"] .chatSidebar,
[data-theme="dark"] .chatThread {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .chatSidebarTitle { color: rgba(225,229,235,.90); }
[data-theme="dark"] .chatSidebarMeta { color: rgba(225,229,235,.38); }
[data-theme="dark"] .chatSidebarHead,
[data-theme="dark"] .chatConnectionInbox { border-bottom-color: rgba(255,255,255,.06); }
[data-theme="dark"] .chatSearchWrap { border-bottom-color: rgba(255,255,255,.05); }
[data-theme="dark"] .chatSearchInput {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.09);
  color: rgba(225,229,235,.88);
}
[data-theme="dark"] .chatSearchInput::placeholder { color: rgba(225,229,235,.35); }
[data-theme="dark"] .chatSearchInput:focus {
  border-color: rgba(56,178,172,.35);
  background: rgba(56,178,172,.07);
}
[data-theme="dark"] .chatConversationItem:hover { background: rgba(255,255,255,.05); }
[data-theme="dark"] .chatConversationItem.active { background: rgba(38,110,120,.14); }
[data-theme="dark"] .chatConversationName { color: rgba(225,229,235,.90); }
[data-theme="dark"] .chatConversationPreview { color: rgba(225,229,235,.48); }
[data-theme="dark"] .chatConversationTime { color: rgba(225,229,235,.32); }
[data-theme="dark"] .chatConversationMeta { color: rgba(225,229,235,.38); }
[data-theme="dark"] .chatConversationEmpty { color: rgba(225,229,235,.32); }
[data-theme="dark"] .chatThreadHead { border-bottom-color: rgba(255,255,255,.06); }
[data-theme="dark"] .chatThreadTitle { color: rgba(225,229,235,.90); }
[data-theme="dark"] .chatThreadMeta { color: rgba(225,229,235,.38); }
[data-theme="dark"] .chatThreadBack { color: rgba(225,229,235,.48); }
[data-theme="dark"] .chatThreadBack:hover { background: rgba(255,255,255,.07); color: rgba(225,229,235,.88); }
[data-theme="dark"] .chatEmptyIco { opacity: .28; }
[data-theme="dark"] .chatEmptyTitle { color: rgba(225,229,235,.52); }
[data-theme="dark"] .chatEmptyText { color: rgba(225,229,235,.36); }
[data-theme="dark"] .chatBubble { background: #1e2c30; }
[data-theme="dark"] .chatBubbleText { color: rgba(225,229,235,.88); }
[data-theme="dark"] .chatBubble.mine { background: #1a4f57; box-shadow: 0 2px 12px rgba(0,0,0,.35); }
[data-theme="dark"] .chatBubble.mine .chatBubbleText { color: #ddf4f7; }
[data-theme="dark"] .chatBubbleMeta { color: rgba(225,229,235,.28); }
[data-theme="dark"] .chatBubble.mine .chatBubbleMeta { color: rgba(221,244,247,.40); }
[data-theme="dark"] .chatComposer {
  background: #141c1e;
  border-top-color: rgba(255,255,255,.06);
}
[data-theme="dark"] .chatComposerInput {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.09);
  color: rgba(225,229,235,.88);
}
[data-theme="dark"] .chatComposerInput::placeholder { color: rgba(225,229,235,.38); }
[data-theme="dark"] .chatComposerInput:focus {
  border-color: rgba(56,178,172,.38);
  box-shadow: 0 0 0 3px rgba(56,178,172,.08);
  background: rgba(255,255,255,.07);
}
[data-theme="dark"] .chatComposerMeta { color: rgba(225,229,235,.32); }
[data-theme="dark"] .chatSendBtn { box-shadow: 0 2px 8px rgba(0,0,0,.35); }
[data-theme="dark"] .chatSendBtn:disabled { background: rgba(255,255,255,.12); }
[data-theme="dark"] .chatRefreshIconBtn { color: rgba(225,229,235,.28); }
[data-theme="dark"] .chatRefreshIconBtn:hover { color: #4ecdc4; background: rgba(56,178,172,.10); }
[data-theme="dark"] .chatConnectionCard {
  background: #1a2528;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .chatConnectionCard.incoming {
  background: rgba(38,110,120,.10);
  border-color: rgba(56,178,172,.15);
}
[data-theme="dark"] .chatConnectionName { color: rgba(225,229,235,.90); }
[data-theme="dark"] .chatConnectionMeta { color: rgba(225,229,235,.50); }
[data-theme="dark"] .chatConnectionBtn {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
  color: rgba(225,229,235,.75);
}
[data-theme="dark"] .chatConnectionBtn.primary { background: #26707a; border-color: #26707a; color: #fff; }
[data-theme="dark"] .chatConnectionBtn.danger { color: #f87171; }
[data-theme="dark"] .chatInboxTitle { color: rgba(225,229,235,.42); }
[data-theme="dark"] .chatInboxCount { background: rgba(56,178,172,.15); color: #4ecdc4; }
[data-theme="dark"] .chatNewMessagesBtn {
  background: rgba(13,17,23,.97);
  border-color: rgba(56,178,172,.25);
  color: #4ecdc4;
  box-shadow: 0 4px 14px rgba(0,0,0,.30);
}
[data-theme="dark"] .chatProfileBtn {
  border-color: rgba(56,178,172,.28);
  color: #4ecdc4;
}
[data-theme="dark"] .chatProfileBtn:hover { background: rgba(56,178,172,.10); }
[data-theme="dark"] .chatMessageList::-webkit-scrollbar-thumb { background: rgba(255,255,255,.09); }
[data-theme="dark"] .chatConversationList::-webkit-scrollbar-thumb { background: rgba(255,255,255,.09); }

/* ── Modal dark ── */
[data-theme="dark"] .modalOverlay { background: rgba(0,0,0,.65); }
[data-theme="dark"] .modalCard {
  background: #141c1e;
  border-color: rgba(255,255,255,.09);
  box-shadow: 0 24px 64px rgba(0,0,0,.55);
}
[data-theme="dark"] .modalTitle { color: rgba(225,229,235,.95); }
[data-theme="dark"] .modalParagraph { color: rgba(225,229,235,.68); }
[data-theme="dark"] .modalList li { color: rgba(225,229,235,.65); }
[data-theme="dark"] .modalClose {
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: rgba(225,229,235,.60);
}

/* ── Toast dark ── */
[data-theme="dark"] #toast {
  background: #1e2c30;
  box-shadow: 0 8px 32px rgba(0,0,0,.50);
}
[data-theme="dark"] #toast.success { background: #1a3a30; border-color: rgba(34,197,94,.25); }
[data-theme="dark"] #toast.error   { background: #2a1a1a; border-color: rgba(239,68,68,.25); }
[data-theme="dark"] #toast.info    { background: #1a2a3a; border-color: rgba(59,130,246,.25); }

/* ════════════════════════════════════════════════════════
   DARK THEME — LANDING PAGE
   ════════════════════════════════════════════════════════ */

/* Nav */
[data-theme="dark"] .ldNavWord { color: rgba(225,229,235,.90); }
[data-theme="dark"] .ldBtnGhost {
  border-color: rgba(255,255,255,.13);
  color: rgba(225,229,235,.78);
  background: transparent;
}
[data-theme="dark"] .ldBtnGhost:hover {
  border-color: rgba(56,178,172,.35);
  color: #4ecdc4;
  background: rgba(56,178,172,.08);
}
[data-theme="dark"] .ldBtnDark {
  background: rgba(56,178,172,.18);
  color: #4ecdc4;
  border: 1.5px solid rgba(56,178,172,.30);
}
[data-theme="dark"] .ldBtnDark:hover {
  background: rgba(56,178,172,.26);
  transform: translateY(-1px);
}

/* Hero text */
[data-theme="dark"] .ldH1 { color: rgba(225,229,235,.95); }
[data-theme="dark"] .ldH1 span { color: #4ecdc4; }
[data-theme="dark"] .ldSub { color: rgba(225,229,235,.55); }

/* Hero CTA buttons */
[data-theme="dark"] .ldBtnPrimary {
  background: rgba(56,178,172,.20);
  color: #4ecdc4;
  border: 1.5px solid rgba(56,178,172,.32);
}
[data-theme="dark"] .ldBtnPrimary:hover {
  background: rgba(56,178,172,.30);
  transform: translateY(-1px);
}
[data-theme="dark"] .ldBtnOutline {
  border-color: rgba(255,255,255,.13);
  color: rgba(225,229,235,.78);
}
[data-theme="dark"] .ldBtnOutline:hover {
  border-color: rgba(56,178,172,.35);
  color: #4ecdc4;
  background: rgba(56,178,172,.08);
}

/* Landing hero cards */
[data-theme="dark"] .ldCard {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
  box-shadow: 0 4px 24px rgba(0,0,0,.40);
}
[data-theme="dark"] .ldCard:hover {
  box-shadow: 0 20px 56px rgba(0,0,0,.55);
}
[data-theme="dark"] .ldCardName { color: rgba(225,229,235,.92); }
[data-theme="dark"] .ldDetails { color: rgba(225,229,235,.52); }

/* Mini cards (secondary row on landing) */
[data-theme="dark"] .ldMiniCard {
  background: #1a2528;
  border-color: rgba(255,255,255,.07);
  box-shadow: none;
}
[data-theme="dark"] .ldMiniName { color: rgba(225,229,235,.88); }
[data-theme="dark"] .ldMiniSub { color: rgba(225,229,235,.42); }
[data-theme="dark"] .ldMiniAv { background: rgba(255,255,255,.08); color: rgba(225,229,235,.55); }

/* Niche cards */
[data-theme="dark"] .ldNiche {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
  box-shadow: none;
}
[data-theme="dark"] .ldNicheAccent {
  background: rgba(56,178,172,.07);
  border-color: rgba(56,178,172,.14);
}
[data-theme="dark"] .ldNiche:hover {
  border-color: rgba(56,178,172,.22);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
}
[data-theme="dark"] .ldNicheH { color: rgba(225,229,235,.92); }
[data-theme="dark"] .ldNicheP { color: rgba(225,229,235,.52); }

/* Step cards */
[data-theme="dark"] .ldStep {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .ldStepH { color: rgba(225,229,235,.92); }
[data-theme="dark"] .ldStepP { color: rgba(225,229,235,.52); }

/* Path cards */
[data-theme="dark"] .ldPathLight {
  background: #141c1e;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .ldPathLight .ldPathH { color: rgba(225,229,235,.92); }
[data-theme="dark"] .ldPathLight .ldPathSub { color: rgba(225,229,235,.52); }
[data-theme="dark"] .ldPathLight .ldPathItem { color: rgba(225,229,235,.52); }
[data-theme="dark"] .ldPathLight .ldPathCheck {
  background: rgba(56,178,172,.10);
  color: #4ecdc4;
  border-color: rgba(56,178,172,.22);
}
[data-theme="dark"] .ldPathLight .ldPathTag {
  background: rgba(56,178,172,.10);
  color: #4ecdc4;
  border-color: rgba(56,178,172,.22);
}
[data-theme="dark"] .ldPathLight .ldPathCta button {
  background: rgba(56,178,172,.18);
  color: #4ecdc4;
  border: 1px solid rgba(56,178,172,.30);
}
[data-theme="dark"] .ldPathLight .ldPathCta button:hover {
  background: rgba(56,178,172,.26);
}

/* Stats area */
[data-theme="dark"] .ldStatNum { color: rgba(225,229,235,.92); }
[data-theme="dark"] .ldStatLabel { color: rgba(225,229,235,.42); }
[data-theme="dark"] .ldStatDivider { background: rgba(255,255,255,.08); }

/* Landing stats counters */
[data-theme="dark"] .ldCounterNum { color: #4ecdc4; }
[data-theme="dark"] .ldCounterLabel { color: rgba(225,229,235,.42); }
[data-theme="dark"] .ldCounterDiv { background: rgba(255,255,255,.08); }

/* Footer */
[data-theme="dark"] .ldFooter { border-top-color: rgba(255,255,255,.07); }
[data-theme="dark"] .ldFooterCopy { color: rgba(225,229,235,.35); }
[data-theme="dark"] .ldFooterLink { color: rgba(225,229,235,.38); }
[data-theme="dark"] .ldFooterLink:hover { color: #4ecdc4; }

/* ════════════════════════════════════════════════════════
   DARK THEME — FEED SCREENS
   ════════════════════════════════════════════════════════ */

[data-theme="dark"] #screenCandidateFeed,
[data-theme="dark"] #screenEmployerSearch { background: #0d1117; }

/* Feed sticky header */
[data-theme="dark"] .feedHeader {
  background: rgba(13,17,23,.97) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}
[data-theme="dark"] .feedNavBtn { color: rgba(225,229,235,.60); }
[data-theme="dark"] .feedNavBtn:hover {
  background: rgba(56,178,172,.09);
  color: #4ecdc4;
}
[data-theme="dark"] .feedNavBtn.accent {
  background: #26707a;
  color: #fff;
  border-color: #26707a;
}
[data-theme="dark"] .feedNavBtn.accent:hover {
  background: #1f5c68;
  border-color: #1f5c68;
}
[data-theme="dark"] .feedNavBtn.ghost { color: rgba(225,229,235,.35); }
[data-theme="dark"] .feedNavBtn.ghost:hover {
  color: #f87171;
  background: rgba(239,68,68,.07);
}

/* Search hero block */
[data-theme="dark"] .feedSearchHero {
  background: #141c1e;
  border-bottom-color: rgba(255,255,255,.06);
}
[data-theme="dark"] .feedTitle { color: rgba(225,229,235,.92); }
[data-theme="dark"] .feedSearchInput {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.09);
  color: rgba(225,229,235,.90);
}
[data-theme="dark"] .feedSearchInput::placeholder { color: rgba(225,229,235,.28); }
[data-theme="dark"] .feedSearchInput:focus {
  border-color: rgba(56,178,172,.40);
  box-shadow: 0 0 0 3px rgba(56,178,172,.08);
  background: rgba(255,255,255,.07);
}
[data-theme="dark"] .feedSearchIco { color: rgba(225,229,235,.25); }

/* Filter chips */
[data-theme="dark"] .feedFilterChip,
[data-theme="dark"] .empFilterChip {
  border-color: rgba(255,255,255,.10);
  color: rgba(225,229,235,.58);
}
[data-theme="dark"] .feedFilterChip:hover,
[data-theme="dark"] .empFilterChip:hover {
  border-color: rgba(56,178,172,.30);
  color: #4ecdc4;
  background: rgba(56,178,172,.07);
}
[data-theme="dark"] .feedFilterChip.active,
[data-theme="dark"] .empFilterChip.active {
  background: #26707a;
  color: #fff;
  border-color: #26707a;
}
[data-theme="dark"] .feedFilterChip.active:hover,
[data-theme="dark"] .empFilterChip.active:hover {
  background: #1f5c68;
  border-color: #1f5c68;
}
[data-theme="dark"] .feedFilterChip[data-feed-view="favorites"].active {
  background: rgba(245,158,11,.15);
  color: #fbbf24;
  border-color: rgba(245,158,11,.28);
}
[data-theme="dark"] .feedVerifiedChip { border-color: rgba(56,178,172,.25); color: #4ecdc4; }
[data-theme="dark"] .feedVerifiedChip:hover { background: rgba(56,178,172,.09); border-color: rgba(56,178,172,.42); }
[data-theme="dark"] .feedVerifiedChip.active { background: #26707a; color: #fff; border-color: #26707a; }

/* Pull refresh */
[data-theme="dark"] .feedPullRefresh {
  background: rgba(20,28,30,.97);
  border-color: rgba(56,178,172,.20);
  color: #4ecdc4;
}
[data-theme="dark"] .feedPullRefresh.ready { background: #26707a; border-color: #26707a; color: #fff; }
[data-theme="dark"] .feedScreen { background: #0d1117; }
[data-theme="dark"] .feedMainTabs {
  background: #10181c;
  border-bottom-color: rgba(255,255,255,.08);
}
[data-theme="dark"] .feedMainTab { color: rgba(225,235,239,.58); }
[data-theme="dark"] .feedMainTab.active {
  color: #66ddd4;
  border-bottom-color: #66ddd4;
}
[data-theme="dark"] .feedMainTab:hover:not(.active) { color: rgba(239,246,248,.90); }

/* ════════════════════════════════════════════════════════
   DARK THEME — PROFILE SCREENS
   ════════════════════════════════════════════════════════ */

[data-theme="dark"] #screenRecruiterPublic,
[data-theme="dark"] #screenEmployeePublic,
[data-theme="dark"] #screenMyEmployerProfile,
[data-theme="dark"] #screenMyEmployeeProfile { background: #0b1115; }

/* Sticky profile header */
[data-theme="dark"] .profileHeader {
  background: rgba(11,17,21,.94) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}
[data-theme="dark"] .profileHeaderTitle { color: rgba(225,229,235,.45); }

/* Profile edit sticky bar */
[data-theme="dark"] .profileEditStickyBar {
  background: rgba(11,17,21,.94);
  border-bottom-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .profileTab {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.09);
  color: rgba(225,229,235,.52);
}
[data-theme="dark"] .profileTab.active {
  background: #26707a;
  color: #fff;
  border-color: #26707a;
}

/* Section cards */
[data-theme="dark"] .profileSection {
  background: linear-gradient(180deg, rgba(24,35,39,.96), rgba(18,28,32,.98));
  border-color: rgba(190,224,229,.11);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}
[data-theme="dark"] .profileEditSection {
  background: linear-gradient(180deg, rgba(24,35,39,.96), rgba(18,28,32,.98));
  border-color: rgba(190,224,229,.11);
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}
[data-theme="dark"] .profileEditAvatar { border-bottom-color: rgba(255,255,255,.07); }

/* Profile typography */
[data-theme="dark"] .profileName { color: rgba(225,229,235,.95); }
[data-theme="dark"] .profileMeta { color: rgba(225,229,235,.50); }
[data-theme="dark"] .profileSub { color: rgba(225,235,239,.68); }
[data-theme="dark"] .profileAbout { color: rgba(225,235,239,.78); }
[data-theme="dark"] .profileSectionHead { color: #66ddd4; }
[data-theme="dark"] .achTitle,
[data-theme="dark"] .jobTitle { color: rgba(239,246,248,.94); }
[data-theme="dark"] .achMeta,
[data-theme="dark"] .jobMeta,
[data-theme="dark"] .miniHint { color: rgba(225,235,239,.62); }
[data-theme="dark"] .chip.ghost,
[data-theme="dark"] .statusTag,
[data-theme="dark"] .statusTag.ghost {
  background: rgba(255,255,255,.06);
  border-color: rgba(190,224,229,.14);
  color: rgba(225,235,239,.74);
}
[data-theme="dark"] .ghostBtn {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(190,224,229,.14) !important;
  color: rgba(239,246,248,.82) !important;
}
[data-theme="dark"] .verifyLevelInfoBtn { color: #66ddd4; }
[data-theme="dark"] .verifyLevelInfoBtn:hover { color: #8be8df; }
[data-theme="dark"] .onboardingBanner {
  background: rgba(56,178,172,.08);
  border-color: rgba(78,205,196,.16);
}
[data-theme="dark"] .onboardingText { color: rgba(239,246,248,.88); }
[data-theme="dark"] .onboardingDismiss { color: #66ddd4; }

/* Badges */
[data-theme="dark"] .badge { background: rgba(225,229,235,.90); color: #0d1117; }
[data-theme="dark"] .badge.ghost {
  background: rgba(255,255,255,.06);
  color: rgba(225,229,235,.72);
  border-color: rgba(255,255,255,.10);
}
[data-theme="dark"] .badge.ok {
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.22);
  color: #4ade80;
}

/* Logo mark (topbar brand) */
[data-theme="dark"] .logoMark {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: rgba(225,229,235,.88) !important;
}
[data-theme="dark"] .logoMarkBtn:hover .logoMark {
  background: rgba(255,255,255,.11) !important;
}

/* Avatar border on profile hero */
[data-theme="dark"] .avatarCircle.xl { border-color: rgba(255,255,255,.15); }

/* Employer profile cover / header elements */
[data-theme="dark"] .empLogoBox {
  background: #1a2528;
  border-color: rgba(255,255,255,.10);
}
[data-theme="dark"] .empCompanyName { color: rgba(225,229,235,.92); }
[data-theme="dark"] .empTagline { color: rgba(225,229,235,.52); }
[data-theme="dark"] .empStatNum { color: #4ecdc4; }
[data-theme="dark"] .empStatLabel { color: rgba(225,229,235,.40); }

/* Tags / chips on profile */
[data-theme="dark"] .tag {
  background: rgba(56,178,172,.10);
  border-color: rgba(56,178,172,.18);
  color: #4ecdc4;
}
[data-theme="dark"] .chip.ok,
[data-theme="dark"] .statusTag.ok { background: rgba(34,197,94,.12) !important; border-color: rgba(34,197,94,.22) !important; color: #4ade80 !important; }
[data-theme="dark"] .chip.warn,
[data-theme="dark"] .statusTag.warn { background: rgba(245,158,11,.12) !important; border-color: rgba(245,158,11,.22) !important; color: #fbbf24 !important; }
[data-theme="dark"] .chip.bad,
[data-theme="dark"] .statusTag.bad { background: rgba(239,68,68,.12) !important; border-color: rgba(239,68,68,.22) !important; color: #f87171 !important; }

/* Achievement / document rows */
[data-theme="dark"] .achRow {
  border-color: rgba(255,255,255,.07) !important;
  background: rgba(255,255,255,.04) !important;
}
[data-theme="dark"] .achRow:hover { background: rgba(255,255,255,.07) !important; }

/* Dropzone */
[data-theme="dark"] .dropZone {
  border-color: rgba(190,224,229,.22) !important;
  color: rgba(225,235,239,.72) !important;
  background: rgba(255,255,255,.025);
}
[data-theme="dark"] .dropZone:hover { background: rgba(255,255,255,.04) !important; }

/* Progress bar */
[data-theme="dark"] .progressBar { background: rgba(255,255,255,.08); }
[data-theme="dark"] .progressLabel { color: #4ecdc4; }
[data-theme="dark"] .progressHint { color: rgba(225,229,235,.45); }
[data-theme="dark"] .progressHint.done { color: #4ecdc4; }

/* University / job autocomplete dropdowns */
[data-theme="dark"] .uniDropdown {
  background: #1a2528;
  border-color: rgba(56,178,172,.18);
  box-shadow: 0 4px 20px rgba(0,0,0,.55);
}
[data-theme="dark"] .uniOption {
  color: rgba(225,229,235,.82);
  border-bottom-color: rgba(255,255,255,.05);
}
[data-theme="dark"] .uniOption:hover,
[data-theme="dark"] .uniOption:focus { background: rgba(56,178,172,.08); }
[data-theme="dark"] .uniOption.add-custom { color: #4ecdc4; }

/* Onboarding banner */
[data-theme="dark"] #epOnboardBanner {
  background: rgba(38,112,122,.14);
  border-color: rgba(56,178,172,.18);
}

/* Verify tooltip */
[data-theme="dark"] .verifyTooltip {
  background: rgba(56,178,172,.08);
  border-color: rgba(56,178,172,.18);
  color: #4ecdc4;
}

/* Mini link */
[data-theme="dark"] .miniLink {
  background: rgba(56,178,172,.10) !important;
  color: #4ecdc4 !important;
}
[data-theme="dark"] .miniLink:hover { background: rgba(56,178,172,.17) !important; }

/* Done check */
[data-theme="dark"] .doneCheck {
  background: rgba(56,178,172,.12) !important;
  border-color: rgba(56,178,172,.22) !important;
  color: #4ecdc4 !important;
}

/* Candidate card (profile feed) */
[data-theme="dark"] .candidateCard {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .candidateCard:hover {
  background: rgba(255,255,255,.07);
  border-color: rgba(56,178,172,.22);
}

/* Mini card (profile small stats) */
[data-theme="dark"] .miniCard {
  border-color: rgba(190,224,229,.13) !important;
  background: rgba(255,255,255,.055) !important;
}
[data-theme="dark"] .miniLabel { color: rgba(225,235,239,.72) !important; }
[data-theme="dark"] .miniValue { color: rgba(225,229,235,.85) !important; }
[data-theme="dark"] .miniOptional { color: rgba(225,235,239,.50) !important; }
[data-theme="dark"] .docHelpText { color: rgba(225,235,239,.60) !important; }

[data-theme="dark"] #screenMyEmployeeProfile .candidateVerifyIntro {
  background:
    linear-gradient(135deg, rgba(56,178,172,.15), rgba(255,255,255,.035)),
    rgba(255,255,255,.035);
  border-color: rgba(78,205,196,.18);
}
[data-theme="dark"] #screenMyEmployeeProfile .candidateVerifyIntroTitle,
[data-theme="dark"] #screenMyEmployeeProfile .candidateSignalTitle {
  color: #8be8df;
}
[data-theme="dark"] #screenMyEmployeeProfile .candidateVerifyIntroText,
[data-theme="dark"] #screenMyEmployeeProfile .candidateVerifyGroupSub {
  color: rgba(225,235,239,.70);
}
[data-theme="dark"] #screenMyEmployeeProfile .candidateVerifyGroupTitle {
  color: rgba(239,246,248,.95);
}
[data-theme="dark"] #screenMyEmployeeProfile .verifyLevelPill.l1 {
  color: #fbbf24;
  background: rgba(245,158,11,.14);
  border-color: rgba(245,158,11,.24);
}
[data-theme="dark"] #screenMyEmployeeProfile .verifyLevelPill.l2 {
  color: #66ddd4;
  background: rgba(56,178,172,.14);
  border-color: rgba(78,205,196,.24);
}
[data-theme="dark"] #screenMyEmployeeProfile .verifyLevelPill.l3 {
  color: #6ee7b7;
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.24);
}
[data-theme="dark"] #screenMyEmployeeProfile .candidateSignalCard {
  background: rgba(255,255,255,.045);
  border-color: rgba(190,224,229,.14);
}

/* Network rows (connections panel) */
[data-theme="dark"] .networkRow {
  background: #1a2528;
  border-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .networkGroupTitle { color: rgba(225,229,235,.35); }
[data-theme="dark"] .networkName { color: rgba(225,229,235,.90); }
[data-theme="dark"] .networkMeta { color: rgba(225,229,235,.45); }
[data-theme="dark"] .networkHint { color: rgba(225,229,235,.42); }

/* Company verification form blocks */
[data-theme="dark"] .companyFormBlock {
  background: linear-gradient(180deg, rgba(24,35,39,.96), rgba(18,28,32,.98));
  border-color: rgba(190,224,229,.11);
}
[data-theme="dark"] .companyFormBlockHead { color: rgba(225,229,235,.90); }
[data-theme="dark"] .companyFormBlockSub { color: rgba(225,229,235,.38); }
[data-theme="dark"] .companyTypeSwitchLabel { color: rgba(225,229,235,.65); }
[data-theme="dark"] .companyTypeBtn {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  color: rgba(225,229,235,.72);
}
[data-theme="dark"] .companyTypeBtn:hover {
  background: rgba(56,178,172,.09);
  border-color: rgba(56,178,172,.28);
  color: #4ecdc4;
}
[data-theme="dark"] .companyTypeBtn.active {
  background: #26707a;
  border-color: #26707a;
  color: #fff;
}

/* Checklist items */
[data-theme="dark"] .checklistItem.ok {
  background: rgba(34,197,94,.10);
  color: #4ade80;
}
[data-theme="dark"] .checklistItem.miss {
  background: rgba(255,255,255,.05);
  color: rgba(225,229,235,.52);
}
[data-theme="dark"] .checklistItem.ok .ciIcon {
  background: rgba(34,197,94,.18);
  color: #4ade80;
}
[data-theme="dark"] .checklistItem.miss .ciIcon {
  background: rgba(255,255,255,.09);
  color: rgba(225,229,235,.38);
}
[data-theme="dark"] .companyVerifyAction .accentBtn {
  background: #26707a;
  border-color: #26707a;
  color: #fff;
}
[data-theme="dark"] .companyVerifyAction .accentBtn:hover {
  background: #1f5c68;
  border-color: #1f5c68;
}

/* Admin company warnings */
[data-theme="dark"] .adminCompanyWarnings {
  background: rgba(245,158,11,.08);
  border-color: rgba(245,158,11,.28);
}
[data-theme="dark"] .adminCompanyWarningsHead { color: #fbbf24; }
[data-theme="dark"] .adminCompanyWarning { color: rgba(251,191,36,.80); border-top-color: rgba(245,158,11,.15); }

[data-theme="dark"] .adminQueueSortLabel { color: rgba(225,235,239,.66); }
[data-theme="dark"] .adminQueueSort {
  background: rgba(255,255,255,.06);
  border-color: rgba(190,224,229,.16);
  color: rgba(239,246,248,.90);
}
[data-theme="dark"] .adminSignalLinks a {
  color: #66ddd4;
  background: rgba(56,178,172,.10);
  border-color: rgba(78,205,196,.18);
}
[data-theme="dark"] .reviewLevelBadge.l1 { color:#fbbf24;background:rgba(245,158,11,.14); }
[data-theme="dark"] .reviewLevelBadge.l2 { color:#66ddd4;background:rgba(56,178,172,.14); }
[data-theme="dark"] .reviewLevelBadge.l3 { color:#6ee7b7;background:rgba(34,197,94,.14); }
[data-theme="dark"] #screenAdminQueue{
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(56,178,172,.12), transparent 52%),
    #0b1115;
}
[data-theme="dark"] .adminHero{
  background: rgba(11,17,21,.92);
  border-bottom-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .adminHeroTitle { color: rgba(239,246,248,.96); }
[data-theme="dark"] .adminHeroSub { color: rgba(225,235,239,.58); }
[data-theme="dark"] .adminThemeToggleBtn{
  background: rgba(255,255,255,.055);
  border-color: rgba(190,224,229,.16);
  color: #66ddd4;
}
[data-theme="dark"] .adminThemeToggleBtn:hover{
  background: rgba(56,178,172,.12);
  border-color: rgba(78,205,196,.26);
}
[data-theme="dark"] .adminTabRail{
  background: rgba(11,17,21,.88);
  border-bottom-color: rgba(255,255,255,.07);
}
[data-theme="dark"] .adminTabRail .adminTabBtn{
  background: rgba(255,255,255,.05);
  border-color: rgba(190,224,229,.12);
  color: rgba(225,235,239,.72);
}
[data-theme="dark"] .adminTabRail .adminTabBtn.active{
  background: #26707a;
  border-color: #26707a;
  color: #fff;
}
[data-theme="dark"] .adminPreviewBar,
[data-theme="dark"] .adminReviewSummary{
  background: linear-gradient(135deg, rgba(56,178,172,.10), rgba(255,255,255,.03));
  border-color: rgba(190,224,229,.12);
}
[data-theme="dark"] .adminPreviewLabel,
[data-theme="dark"] .adminReviewMetricLabel,
[data-theme="dark"] .adminReviewLegend,
[data-theme="dark"] .adminSectionSub,
[data-theme="dark"] .adminCardDoc,
[data-theme="dark"] .adminEmptyState,
[data-theme="dark"] .adminListLoading,
[data-theme="dark"] .adminUsersHeadCell,
[data-theme="dark"] .adminUserName,
[data-theme="dark"] .adminActivityText{
  color: rgba(225,235,239,.58);
}
[data-theme="dark"] .adminReviewMetricValue,
[data-theme="dark"] .adminSectionTitle,
[data-theme="dark"] .adminCardName,
[data-theme="dark"] .adminUserEmail,
[data-theme="dark"] .adminUsersCell{
  color: rgba(239,246,248,.94);
}
[data-theme="dark"] .adminPreviewBtn{
  background: rgba(255,255,255,.055);
  border-color: rgba(190,224,229,.12);
  box-shadow: none;
}
[data-theme="dark"] .adminPreviewBtn:hover{
  background: rgba(56,178,172,.10);
  border-color: rgba(78,205,196,.24);
}
[data-theme="dark"] .adminPreviewBtnTitle{ color: rgba(239,246,248,.94); }
[data-theme="dark"] .adminPreviewBtnSub{ color: rgba(225,235,239,.58); }
[data-theme="dark"] .adminCard{
  background: linear-gradient(180deg, rgba(24,35,39,.96), rgba(18,28,32,.98));
  border-color: rgba(190,224,229,.11);
}
[data-theme="dark"] .adminAvatar{
  background: linear-gradient(135deg, rgba(56,178,172,.22), rgba(38,112,122,.35));
  color: #8be8df;
}
[data-theme="dark"] .adminBtn.view{
  background: rgba(56,178,172,.11);
  border-color: rgba(78,205,196,.22);
  color: #66ddd4;
}
[data-theme="dark"] .adminBtn.view:hover{
  background: rgba(56,178,172,.18);
}
[data-theme="dark"] .statusBadge.ghost{
  background: rgba(255,255,255,.06);
  color: rgba(225,235,239,.72);
}
[data-theme="dark"] .statusBadge.warn{
  background: rgba(245,158,11,.12);
  color: #fbbf24;
}
[data-theme="dark"] .statusBadge.ok{
  background: rgba(34,197,94,.12);
  color: #4ade80;
}
[data-theme="dark"] .statusBadge.bad{
  background: rgba(239,68,68,.12);
  color: #f87171;
}
[data-theme="dark"] .adminRoleChip{
  background: rgba(255,255,255,.05);
  border-color: rgba(190,224,229,.12);
  color: rgba(225,235,239,.72);
}
[data-theme="dark"] .adminRoleChip:hover{
  background: rgba(56,178,172,.08);
  border-color: rgba(78,205,196,.22);
  color: #66ddd4;
}
[data-theme="dark"] .adminRoleChip.active{
  background: #26707a;
  border-color: #26707a;
  color: #fff;
}
[data-theme="dark"] .adminSearchInput{
  background: rgba(255,255,255,.055);
  border-color: rgba(190,224,229,.14);
  color: rgba(239,246,248,.92);
}
[data-theme="dark"] .adminSearchInput::placeholder{
  color: rgba(225,235,239,.34);
}
[data-theme="dark"] .adminUsersHeadRow,
[data-theme="dark"] .adminUsersRow{
  border-bottom-color: rgba(255,255,255,.07);
}

/* Danger zone dark */
[data-theme="dark"] .dangerZoneCard {
  background: rgba(30,10,10,.85);
  border-color: rgba(220,38,38,.22);
}
[data-theme="dark"] .dangerZoneText { color: rgba(252,165,165,.75); }
[data-theme="dark"] .dangerPill {
  color: #f87171;
  border-color: rgba(220,38,38,.28);
  background: rgba(255,255,255,.05);
}
[data-theme="dark"] .dangerPill:hover { background: rgba(239,68,68,.10); border-color: rgba(220,38,38,.38); }