:root {
  --bg:#eef3f0; --card:#fbfaf6; --text:#17211b; --muted:#60706a; --line:#d6e0da; --primary:#24483b; --accent:#2f6f5e; --danger:#b42318;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#eef3f0 0%,#f4f1e8 100%);color:var(--text)} a{color:#2563eb;text-decoration:none} a:hover{text-decoration:underline}
.topbar{height:64px;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(251,250,246,.94);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{font-weight:900;color:var(--text);letter-spacing:-.03em;font-size:1.1rem}.page{max-width:1180px;margin:0 auto;padding:36px 22px 80px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--primary);color:#fff!important;font-weight:750;padding:10px 16px;cursor:pointer;box-shadow:0 8px 20px rgba(17,24,39,.12)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn.secondary{background:#eef2ff;color:#1d4ed8!important;box-shadow:none}.btn.big{padding:14px 20px;font-size:1rem}.btn.danger{background:var(--danger);padding:8px 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:22px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.muted{color:var(--muted)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:26px;align-items:stretch;margin-bottom:34px}.hero-copy{background:linear-gradient(135deg,#fbfaf6 0%,#e7f1ec 58%,#f3eadb 100%);border:1px solid var(--line);border-radius:30px;padding:52px;box-shadow:0 24px 70px rgba(37,99,235,.11)}.hero-copy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;margin:12px 0 20px;letter-spacing:-.07em}.hero-copy p{font-size:1.15rem;line-height:1.7;color:#3f514a;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.trust-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.trust-strip span{background:#fbfaf6;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#50615a}.trust-strip strong{color:#111827}.hero-card{position:relative;overflow:hidden;background:#24483b;color:#fff;border-radius:30px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;box-shadow:0 24px 70px rgba(17,24,39,.2)}.hero-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:999px;background:#7db7a0;filter:blur(50px);opacity:.5;top:-70px;right:-90px}.hero-card h3,.hero-card p{position:relative}.pulse-dot{width:16px;height:16px;background:#22c55e;border-radius:999px;position:absolute;top:30px;left:30px;box-shadow:0 0 0 12px rgba(34,197,94,.18)}
.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:26px 0 18px}.section-header h1,.section-header h2{margin:0;letter-spacing:-.04em}.job-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.job-card{background:#fbfaf6;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 40px rgba(15,23,42,.05);min-height:190px;display:flex;flex-direction:column;gap:10px}.job-card h3{margin:0;line-height:1.25;letter-spacing:-.02em}.job-card p{color:var(--muted);margin:0;flex:1}.company-badge{width:fit-content;border-radius:999px;padding:6px 10px;background:#e1f0e9;color:#276052;font-weight:800;font-size:.85rem}.conversion-card{margin-top:26px;padding:34px;border-radius:26px;background:#24483b;color:#fff;text-align:center}.conversion-card p{color:#d1d5db}.empty-state{text-align:center}.plan-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px} table{width:100%;border-collapse:collapse} th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top} th{background:#eef3f0;font-weight:850} input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d0d5dd;margin:8px 0 14px}
@media(max-width:850px){.landing-hero{grid-template-columns:1fr}.hero-copy{padding:34px}.section-header,.plan-card{align-items:flex-start;flex-direction:column}.topbar{gap:12px;padding:0 14px;overflow-x:auto}}
.filter-card{margin-top:18px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.filter-actions{display:flex;gap:10px;align-items:center;padding-bottom:14px}.inline-form{display:flex;gap:12px;align-items:end;max-width:760px}.inline-form input{margin:0;max-width:360px}.table-wrap{width:100%;overflow-x:auto}.pagination{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.section-header.compact{margin-top:0}.pricing-card ul{padding-left:20px;color:#475467;line-height:1.8}.premium-card{border-color:#bfdbfe;background:linear-gradient(180deg,#fbfaf6,#e7f1ec)}code{background:#eef3f0;border:1px solid #d6e0da;border-radius:6px;padding:2px 6px;color:#111827}
@media(max-width:900px){.filter-grid{grid-template-columns:1fr}.filter-actions{padding-bottom:0}.inline-form{flex-direction:column;align-items:stretch}.inline-form input{max-width:none}}

.profile-menu { margin-left:auto; position:relative; }
.avatar-button { width:40px; height:40px; border-radius:999px; border:1px solid #d8dee9; background:#24483b; color:white; font-weight:700; cursor:pointer; }
.profile-dropdown { display:none; position:absolute; right:0; top:48px; min-width:260px; background:#fbfaf6; border:1px solid #e5e7eb; border-radius:18px; box-shadow:0 18px 45px rgba(15,23,42,.14); padding:12px; z-index:20; }
.profile-menu:hover .profile-dropdown, .profile-menu:focus-within .profile-dropdown { display:block; }
.profile-dropdown a, .profile-dropdown button { display:block; width:100%; text-align:left; padding:10px 12px; border:0; background:transparent; color:#111827; text-decoration:none; border-radius:12px; cursor:pointer; font:inherit; }
.profile-dropdown a:hover, .profile-dropdown button:hover { background:#eef3f0; }
.profile-summary { display:flex; gap:12px; align-items:center; padding:8px 8px 12px; border-bottom:1px solid #eef0f4; margin-bottom:8px; }
.avatar-large { width:64px; height:64px; border-radius:999px; background:#111827; color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:800; }
.avatar-large.small { width:44px; height:44px; font-size:18px; }
.profile-card { display:flex; gap:18px; align-items:center; }

.coverage-card .section-header{align-items:flex-start}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}.company-pill{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;color:#111827;text-decoration:none}.company-pill:hover{text-decoration:none;border-color:#bfdbfe;background:#f8fbff}.company-pill span{font-weight:800}.company-pill small{color:#667085;font-size:.78rem}


.company-showcase{margin:26px 0}.company-logo-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 2px 16px;scrollbar-width:thin}.company-logo-card{min-width:178px;scroll-snap-align:start;border:1px solid var(--line);background:linear-gradient(180deg,#fbfaf6,#f3eadb);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px;color:#111827;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.05)}.company-logo-card:hover{text-decoration:none;border-color:#bfdbfe;transform:translateY(-2px)}.logo-mark{width:48px;height:48px;border-radius:16px;background:#24483b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.04em}.company-logo-name{font-weight:900;line-height:1.15}.company-logo-card small{color:#667085}.dashboard-company-scroll{max-height:260px;flex-wrap:wrap;overflow-y:auto;overflow-x:hidden;padding-right:6px}.compact-logo-card{min-width:185px;max-width:220px;flex:1 0 185px}.compact-logo-card .logo-mark{width:40px;height:40px;border-radius:14px}.notification-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#fff,#f8fbff)}.switch-row{display:flex;align-items:center;gap:12px;font-weight:800;white-space:nowrap}.switch-row input{width:48px;height:26px;margin:0;accent-color:#111827;cursor:pointer}@media(max-width:850px){.notification-card{align-items:flex-start;flex-direction:column}.switch-row{white-space:normal}.company-logo-card{min-width:155px}.dashboard-company-scroll{max-height:320px}}


.logo-image-wrap{width:52px;height:52px;border-radius:16px;background:#fbfaf6;border:1px solid #d6e0da;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 18px rgba(15,23,42,.06)}
.company-logo-img{width:34px;height:34px;object-fit:contain;display:block}.logo-fallback{display:none;width:52px;height:52px;border-radius:16px}.company-logo-card .logo-mark.logo-fallback{display:none}.company-logo-card:hover .company-logo-img{transform:scale(1.04)}
.company-showcase .company-logo-scroll{max-height:330px;overflow-y:auto;flex-wrap:wrap;align-items:stretch}.company-showcase .company-logo-card{min-width:170px;max-width:210px;flex:1 0 170px}.company-showcase .section-header.compact{position:sticky;top:64px;background:rgba(251,250,246,.94);z-index:1;padding-bottom:10px;backdrop-filter:blur(8px)}
@media(max-width:850px){.logo-image-wrap{width:46px;height:46px}.company-logo-img{width:30px;height:30px}.company-showcase .company-logo-card{min-width:145px}}
.site-footer{margin-top:48px;padding:28px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#e7f1ec;color:#33483f}.site-footer p{margin:.35rem 0 0;color:#667085}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#334155;font-weight:700}.request-layout{grid-template-columns:minmax(280px,380px) 1fr}.stack-form{display:flex;flex-direction:column;gap:10px}.stack-form textarea{resize:vertical}.inline-filter select,.stack-form select,.stack-form textarea{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfaf6;font:inherit}.request-list{display:flex;flex-direction:column;gap:14px}.request-item{border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;justify-content:space-between;gap:16px;background:#fbfaf6}.request-main h3{margin:.55rem 0 .35rem}.request-main p{margin:.25rem 0}.vote-panel{display:flex;flex-direction:column;gap:8px;min-width:92px}.vote-btn{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}.vote-btn:hover{background:#eef2ff}.vote-btn.secondary:hover{background:#fff1f2}.small-note{font-size:.88rem;margin-top:10px}@media(max-width:850px){.site-footer,.request-item{flex-direction:column}.request-layout{grid-template-columns:1fr}.vote-panel{flex-direction:row}}

/* Dark mode and toast notifications */
:root[data-theme="dark"] {
  --bg:#0b1120;
  --card:#111827;
  --text:#f8fafc;
  --muted:#94a3b8;
  --line:#243044;
  --primary:#f8fafc;
  --accent:#60a5fa;
  --danger:#f87171;
}
:root[data-theme="dark"] body{background:var(--bg);color:var(--text)}
:root[data-theme="dark"] .topbar{background:rgba(15,23,42,.92);border-bottom-color:var(--line)}
:root[data-theme="dark"] .brand{color:var(--text)}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .job-card,
:root[data-theme="dark"] .company-logo-card,
:root[data-theme="dark"] .request-item,
:root[data-theme="dark"] .profile-dropdown{background:#111827;border-color:var(--line);color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.35)}
:root[data-theme="dark"] .hero-copy{background:linear-gradient(135deg,#111827 0%,#172554 100%);border-color:var(--line)}
:root[data-theme="dark"] .hero-copy p,
:root[data-theme="dark"] .pricing-card ul,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .site-footer p{color:var(--muted)}
:root[data-theme="dark"] .trust-strip span,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .stack-form select,
:root[data-theme="dark"] .stack-form textarea{background:#0f172a;border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] th{background:#0f172a;color:var(--text)}
:root[data-theme="dark"] .profile-dropdown a,
:root[data-theme="dark"] .profile-dropdown button{color:var(--text)}
:root[data-theme="dark"] .profile-dropdown a:hover,
:root[data-theme="dark"] .profile-dropdown button:hover,
:root[data-theme="dark"] .vote-btn{background:#0f172a;color:var(--text)}
:root[data-theme="dark"] .company-badge{background:#172554;color:#bfdbfe}
:root[data-theme="dark"] .site-footer{background:#0f172a;border-top-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .footer-links a{color:#cbd5e1}
:root[data-theme="dark"] .btn{background:#f8fafc;color:#111827!important}
:root[data-theme="dark"] .btn.secondary{background:#172554;color:#bfdbfe!important}

.toast-host{position:fixed;top:82px;right:22px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:280px;max-width:380px;padding:14px 16px;border-radius:16px;background:#111827;color:white;box-shadow:0 18px 45px rgba(15,23,42,.24);opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;font-weight:750;line-height:1.35}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:#047857}.toast-error{background:#b42318}.toast-warning{background:#b45309}.toast-info{background:#1d4ed8}@media(max-width:700px){.toast-host{left:14px;right:14px;top:76px}.toast{min-width:0;max-width:none;width:100%}}

/* Persistent dark-mode fixes for home-page coverage and mixed hard-coded cards */
:root[data-theme="dark"] .company-showcase .section-header.compact {
  background: rgba(17,24,39,.94);
}
:root[data-theme="dark"] .company-logo-card {
  background: linear-gradient(180deg,#111827,#0f172a);
  color: var(--text);
}
:root[data-theme="dark"] .company-logo-card small,
:root[data-theme="dark"] .company-pill small {
  color: var(--muted);
}
:root[data-theme="dark"] .company-pill,
:root[data-theme="dark"] .job-card {
  background: #111827;
  color: var(--text);
  border-color: var(--line);
}
:root[data-theme="dark"] .company-pill:hover,
:root[data-theme="dark"] .company-logo-card:hover {
  background: #0f172a;
  border-color: #334155;
}
:root[data-theme="dark"] .premium-card,
:root[data-theme="dark"] .notification-card {
  background: linear-gradient(180deg,#111827,#0f172a);
  border-color: var(--line);
}
:root[data-theme="dark"] code {
  background:#0f172a;
  border-color:var(--line);
  color:var(--text);
}

/* Cookie-persisted dark-mode contrast fixes */
:root[data-theme="dark"] .trust-strip span {
  background:#0f172a;
  border-color:var(--line);
  color:var(--muted);
}
:root[data-theme="dark"] .trust-strip strong {
  color:#f8fafc;
}
:root[data-theme="dark"] .hero-copy h1,
:root[data-theme="dark"] .hero-copy h2,
:root[data-theme="dark"] .hero-copy h3,
:root[data-theme="dark"] .section-header h1,
:root[data-theme="dark"] .section-header h2,
:root[data-theme="dark"] .card h1,
:root[data-theme="dark"] .card h2,
:root[data-theme="dark"] .card h3 {
  color:var(--text);
}
:root[data-theme="dark"] .company-showcase.card,
:root[data-theme="dark"] .coverage-card,
:root[data-theme="dark"] .empty-state {
  background:#111827;
  color:var(--text);
  border-color:var(--line);
}
:root[data-theme="dark"] .conversion-card {
  background:#0f172a;
  border:1px solid var(--line);
  color:var(--text);
}
:root[data-theme="dark"] .conversion-card .btn {
  background:#f8fafc;
  color:#0f172a!important;
}
:root[data-theme="dark"] .logo-image-wrap {
  background:#0f172a;
  border-color:var(--line);
}

/* Theme v3 contrast and cache-reset fixes */
:root[data-theme="dark"] .trust-strip span,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .summary-card,
:root[data-theme="dark"] .plan-card,
:root[data-theme="dark"] .filter-card,
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] .inline-filter,
:root[data-theme="dark"] .profile-card {
  background:#111827;
  color:#f8fafc;
  border-color:#243044;
}
:root[data-theme="dark"] .trust-strip span *,
:root[data-theme="dark"] .stat-card *,
:root[data-theme="dark"] .metric-card *,
:root[data-theme="dark"] .summary-card * {
  color:inherit;
}
:root[data-theme="dark"] td {
  color:#e5e7eb;
}
:root[data-theme="dark"] a {
  color:#93c5fd;
}
:root[data-theme="dark"] .topbar a:not(.brand) {
  color:#cbd5e1;
}
:root[data-theme="dark"] .eyebrow {
  color:#93c5fd;
}
:root[data-theme="dark"] .company-showcase .section-header.compact,
:root[data-theme="dark"] .company-showcase .section-header.compact * {
  color:#f8fafc;
}
:root[data-theme="dark"] .company-showcase .section-header.compact .muted,
:root[data-theme="dark"] .company-showcase .section-header.compact p {
  color:#cbd5e1;
}


/* Calm fixed theme. No dark/light toggle. */
html, body { background: linear-gradient(180deg,#eef3f0 0%,#f4f1e8 100%) !important; color: var(--text); }
.topbar { background: rgba(251,250,246,.94) !important; }
.card, .job-card, .request-item, .profile-dropdown, .company-logo-card, .company-pill, .notification-card, .premium-card, .table-wrap, .filter-card, .profile-card, .empty-state { background-color: var(--card) !important; color: var(--text) !important; border-color: var(--line) !important; }
.hero-copy { background: linear-gradient(135deg,#fbfaf6 0%,#e7f1ec 58%,#f3eadb 100%) !important; color: var(--text) !important; }
.hero-card, .conversion-card { background: linear-gradient(135deg,#24483b,#406558) !important; color:#fff !important; }
.hero-card p, .conversion-card p { color:#e6f1ec !important; }
.company-showcase .section-header.compact { background: rgba(251,250,246,.94) !important; }
.trust-strip span, .stat-card, .metric-card, .summary-card, .plan-card, th { background:#eef3f0 !important; color: var(--text) !important; border-color: var(--line) !important; }
input, select, textarea, .stack-form select, .stack-form textarea { background:#fffdf8 !important; color:var(--text) !important; border-color:#cbd8d1 !important; }
.btn { background: var(--primary) !important; color:#fff !important; }
.btn.secondary { background:#dbe9e3 !important; color:#24483b !important; }
.site-footer { background:#e7f1ec !important; color:#33483f !important; }

/* Apple-inspired calm green refresh v2: remove blue accents and soften company coverage */
:root {
  --bg:#f5f7f2;
  --card:#fbfbf7;
  --text:#17211b;
  --muted:#566a60;
  --line:#d6e4dc;
  --primary:#1f4d3d;
  --accent:#2f765f;
  --accent-soft:#e7f3ed;
  --accent-soft-2:#f2f7f3;
  --danger:#b42318;
}
body{
  background:
    radial-gradient(circle at 15% 8%, rgba(73,128,104,.16), transparent 26%),
    radial-gradient(circle at 85% 18%, rgba(226,211,174,.26), transparent 28%),
    linear-gradient(180deg,#f6f8f4 0%,#edf4ef 52%,#f7f1e6 100%) !important;
}
a{color:#1f6b50;text-decoration:none;font-weight:650}a:hover{color:#164b39;text-decoration:none}.topbar a:not(.brand){color:#1f6b50}.topbar a:not(.brand):hover{color:#143d31}.brand{color:#13231b!important}.eyebrow{color:#2f765f!important}.btn.secondary{background:#e6f2ec!important;color:#1f4d3d!important}.premium-card{border-color:#c8ddd2!important;background:linear-gradient(180deg,#fbfbf7,#eff7f2)!important}.hero-copy{background:linear-gradient(135deg,#fbfbf7 0%,#edf7f1 56%,#f6efe0 100%)!important;box-shadow:0 28px 80px rgba(31,77,61,.10)!important}.hero-card{background:linear-gradient(145deg,#1f4d3d 0%,#3f755f 100%)!important;box-shadow:0 28px 80px rgba(31,77,61,.18)!important}.hero-card:before{background:#9bc8b4!important}.card{box-shadow:0 24px 70px rgba(31,77,61,.08)!important}.company-showcase.card{background:rgba(251,251,247,.72)!important;backdrop-filter:blur(18px);border-color:#d4e3da!important}.company-showcase .section-header.compact{background:linear-gradient(180deg,rgba(251,251,247,.92),rgba(251,251,247,.72))!important}.company-logo-scroll{gap:16px!important;padding:10px 4px 18px!important}.company-logo-card{
  border:1px solid #d4e3da!important;
  background:linear-gradient(145deg,#f8fbf7 0%,#edf7f1 62%,#e2f0e8 100%)!important;
  color:#15231b!important;
  box-shadow:0 12px 34px rgba(31,77,61,.08)!important;
  border-radius:24px!important;
}
.company-logo-card:hover{
  border-color:#a9cdbd!important;
  background:linear-gradient(145deg,#f2faf5 0%,#e2f2ea 100%)!important;
  box-shadow:0 18px 45px rgba(31,77,61,.13)!important;
}
.company-logo-card small,.company-pill small{color:#607267!important}.company-logo-name{color:#15231b!important}.company-pill{background:linear-gradient(145deg,#f8fbf7,#edf7f1)!important;border-color:#d4e3da!important;color:#15231b!important}.company-pill:hover{background:#e7f3ed!important;border-color:#a9cdbd!important}.company-badge{background:#dff0e7!important;color:#1f5a45!important}.notification-card{background:linear-gradient(135deg,#fbfbf7,#edf7f1)!important}.site-footer{background:#e7f3ed!important;color:#263f34!important}.footer-links a{color:#1f6b50!important}.toast-info{background:#1f6b50!important}th{background:#eef6f1!important}.trust-strip span{background:rgba(251,251,247,.78)!important}.topbar{box-shadow:0 1px 0 rgba(31,77,61,.08)}

/* Professional footer + Apple-inspired animated green landing refresh */
.apple-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.apple-hero::before {
  content: "";
  position: absolute;
  inset: -120px -80px auto auto;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(84, 160, 125, .28), transparent 66%);
  filter: blur(8px);
  animation: heroGlowFloat 9s ease-in-out infinite alternate;
  z-index: -1;
}
.apple-hero .hero-copy h1 {
  letter-spacing: -0.065em;
  line-height: .94;
  max-width: 760px;
}
.hero-video-panel {
  position: relative;
  min-height: 500px;
  border-radius: 42px;
  padding: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 24% 18%, rgba(183, 230, 206, .72), transparent 32%),
    radial-gradient(circle at 80% 72%, rgba(80, 132, 105, .45), transparent 34%),
    linear-gradient(145deg, #0f2b22 0%, #1f4d3d 42%, #dfeee6 100%);
  box-shadow: 0 34px 90px rgba(31,77,61,.24);
  border: 1px solid rgba(255,255,255,.42);
}
.hero-video-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.24) 45%, transparent 72%);
  transform: translateX(-100%);
  animation: panelSheen 5.5s ease-in-out infinite;
}
.glass-device {
  position: absolute;
  inset: 70px 58px 58px 58px;
  border-radius: 34px;
  background: rgba(255,255,255,.34);
  border: 1px solid rgba(255,255,255,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 28px 70px rgba(10,40,30,.24);
  backdrop-filter: blur(18px);
  padding: 28px;
  animation: deviceFloat 6s ease-in-out infinite;
  z-index: 2;
}
.device-topbar {
  width: 76px;
  height: 10px;
  border-radius: 999px;
  background: rgba(15,43,34,.45);
  margin-bottom: 36px;
}
.device-line {
  height: 15px;
  width: 62%;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  margin: 14px 0;
}
.device-line.wide { width: 82%; height: 18px; }
.device-job {
  height: 58px;
  border-radius: 20px;
  background: rgba(255,255,255,.56);
  border: 1px solid rgba(255,255,255,.62);
  margin-top: 18px;
  position: relative;
  overflow: hidden;
}
.device-job::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 18px;
  width: 52%;
  height: 12px;
  border-radius: 999px;
  background: rgba(31,77,61,.42);
}
.device-job.active {
  background: rgba(231,243,237,.9);
  box-shadow: 0 18px 34px rgba(31,77,61,.16);
  animation: activePulse 2.6s ease-in-out infinite;
}
.device-job.small { width: 74%; }
.orbit {
  position: absolute;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  z-index: 1;
}
.orbit-one {
  width: 360px;
  height: 360px;
  right: -70px;
  top: -80px;
  animation: slowSpin 22s linear infinite;
}
.orbit-two {
  width: 240px;
  height: 240px;
  left: -70px;
  bottom: -50px;
  animation: slowSpin 18s linear infinite reverse;
}
.floating-card {
  position: absolute;
  z-index: 4;
  display: grid;
  gap: 3px;
  min-width: 190px;
  padding: 16px 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 18px 50px rgba(10,40,30,.18);
  backdrop-filter: blur(18px);
  color: #12241b;
}
.floating-card span {
  color: #2f765f;
  font-size: .76rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.floating-card strong { font-size: 1.02rem; letter-spacing: -.02em; }
.floating-card small { color: #5c6f64; font-weight: 650; }
.floating-card-one {
  top: 42px;
  right: 28px;
  animation: cardFloatOne 5.8s ease-in-out infinite;
}
.floating-card-two {
  left: 28px;
  bottom: 42px;
  animation: cardFloatTwo 6.2s ease-in-out infinite;
}
.pro-footer {
  margin-top: 70px;
  padding: 42px max(24px, calc((100vw - 1180px) / 2));
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 28px 42px;
  background:
    radial-gradient(circle at 12% 8%, rgba(92, 154, 125, .20), transparent 28%),
    linear-gradient(180deg, #edf7f1 0%, #dcebe3 100%) !important;
  border-top: 1px solid rgba(31,77,61,.14);
  color: #1a3127 !important;
}
.footer-brand-block {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 680px;
}
.footer-mark {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.04em;
  background: linear-gradient(145deg, #1f4d3d, #3d8067);
  box-shadow: 0 14px 30px rgba(31,77,61,.22);
}
.pro-footer strong {
  display: block;
  font-size: 1.1rem;
  margin-bottom: 8px;
  letter-spacing: -.02em;
}
.pro-footer p {
  margin: 0 0 8px;
  color: #4d6459 !important;
  line-height: 1.55;
}
.pro-footer .footer-note { font-size: .94rem; }
.pro-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px 18px;
  align-content: start;
}
.pro-footer .footer-links a {
  color: #1f6b50 !important;
  font-weight: 750;
  padding: 8px 10px;
  border-radius: 999px;
}
.pro-footer .footer-links a:hover {
  background: rgba(31,77,61,.08);
  color: #143d31 !important;
}
.footer-bottom {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  padding-top: 22px;
  border-top: 1px solid rgba(31,77,61,.12);
  color: #5b6e64;
  font-size: .9rem;
}
@keyframes heroGlowFloat { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-60px,40px,0) scale(1.12); } }
@keyframes panelSheen { 0%, 42% { transform: translateX(-110%); } 70%, 100% { transform: translateX(110%); } }
@keyframes deviceFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes activePulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.018); } }
@keyframes slowSpin { to { transform: rotate(360deg); } }
@keyframes cardFloatOne { 0%,100% { transform: translateY(0) rotate(.4deg); } 50% { transform: translateY(14px) rotate(-1deg); } }
@keyframes cardFloatTwo { 0%,100% { transform: translateY(0) rotate(-.5deg); } 50% { transform: translateY(-12px) rotate(1deg); } }
@media (max-width: 980px) {
  .hero-video-panel { min-height: 420px; }
  .glass-device { inset: 82px 28px 44px; }
  .pro-footer { grid-template-columns: 1fr; }
  .pro-footer .footer-links { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .hero-video-panel { min-height: 380px; border-radius: 30px; padding: 20px; }
  .glass-device { inset: 96px 18px 54px; border-radius: 26px; }
  .floating-card { min-width: 160px; padding: 13px 14px; }
  .floating-card-one { right: 14px; top: 28px; }
  .floating-card-two { left: 14px; bottom: 24px; }
  .footer-brand-block { flex-direction: column; }
}

/* Final dashboard/admin filter and moderation fixes */
.filter-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:18px!important;
  align-items:end!important;
}
.filter-grid > div{min-width:0!important;}
.filter-grid label{display:block;margin-bottom:8px;font-weight:800;color:#17211b;}
.filter-grid input,.filter-grid select{width:100%!important;min-height:48px;border-radius:14px;padding:10px 14px;font-size:1rem;}
.filter-actions{grid-column:1 / -1!important;display:flex!important;gap:12px!important;align-items:center!important;padding-bottom:0!important;margin-top:2px;}
.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.table-input{width:100%;min-width:180px;border-radius:10px;padding:8px 10px;}
.table-wrap table{min-width:920px;}
@media(max-width:760px){.filter-actions{flex-direction:column;align-items:stretch!important}.filter-actions .btn{width:100%;}.table-wrap table{min-width:780px;}}
.edit-stack{display:grid;gap:8px;}

/* Loading feedback for admin/dashboard page transitions */
.page-loading-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(248,252,249,.62);
  backdrop-filter:blur(4px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.loader-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 22px;
  border:1px solid rgba(31,77,61,.16);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 45px rgba(31,77,61,.16);
  color:#153e31;
  font-weight:800;
}
.loader-spinner{
  width:24px;
  height:24px;
  border-radius:50%;
  border:3px solid rgba(31,77,61,.18);
  border-top-color:#1f4d3d;
  animation:slowSpin .8s linear infinite;
}
body.page-loading::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(248,252,249,.54);
  backdrop-filter:blur(3px);
}
body.page-loading::after{
  content:"Loading...";
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:9999;
  padding:16px 22px 16px 54px;
  border:1px solid rgba(31,77,61,.16);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 45px rgba(31,77,61,.16);
  color:#153e31;
  font-weight:800;
}
.notification-filter-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end;width:100%;max-width:780px}.notification-filter-grid label{display:block;margin-bottom:8px;font-weight:800}.notification-filter-grid input,.notification-filter-grid select{width:100%;min-height:44px;border-radius:14px;padding:10px 12px;border:1px solid var(--line);background:var(--card);color:var(--text)}@media(max-width:850px){.notification-filter-grid{grid-template-columns:1fr}.notification-filter-grid .switch-row{margin-top:4px}}

/* Professional refresh: crisp dashboard, unified filters, and product video */
body.page-loading::before,
body.page-loading::after { display: none !important; content: none !important; }

.product-video-section{
  display:grid;
  grid-template-columns:minmax(260px,.48fr) minmax(320px,1fr);
  gap:28px;
  align-items:center;
  padding:30px;
  overflow:hidden;
  background:linear-gradient(135deg,#fbfaf6 0%,#edf7f1 100%);
}
.video-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1;margin:10px 0 12px;letter-spacing:-.05em;}
.video-copy p{font-size:1.05rem;line-height:1.65;max-width:460px;}
.video-shell{position:relative;border-radius:28px;padding:10px;background:linear-gradient(145deg,#1f4d3d,#79a994);box-shadow:0 24px 60px rgba(31,77,61,.18);}
.video-shell:after{content:"";position:absolute;inset:10px;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);pointer-events:none;}
.video-shell video{display:block;width:100%;border:0;border-radius:22px;background:#0f231b;aspect-ratio:16/9;object-fit:cover;}

.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(135deg,#fbfaf6 0%,#edf7f1 62%,#f3eadb 100%);padding:34px;}
.dashboard-hero h1{font-size:clamp(2rem,4vw,3.7rem);line-height:.95;margin:10px 0 14px;letter-spacing:-.065em;}
.dashboard-hero p{max-width:760px;font-size:1.04rem;line-height:1.65;}
.dashboard-metric{min-width:170px;border-radius:26px;padding:22px;background:rgba(255,255,255,.72);border:1px solid rgba(31,77,61,.12);box-shadow:0 18px 40px rgba(31,77,61,.10);text-align:center;}
.dashboard-metric strong{display:block;font-size:2.35rem;letter-spacing:-.06em;color:#1f4d3d;}
.dashboard-metric span{display:block;color:#60706a;font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;}
.loading-card-inline{display:flex;gap:14px;align-items:center;padding:22px 24px;}
.loading-card-inline strong{display:block;color:#153e31;}
.loading-card-inline p{margin:4px 0 0;}
.pro-plan-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border-left:5px solid #2f6f5e;}
.pro-plan-card h2{margin:8px 0 8px;letter-spacing:-.04em;}
.pro-plan-card p{margin:0;color:#60706a;line-height:1.55;}
.command-center-card{padding:28px;background:rgba(251,250,246,.92);}
.command-header{align-items:start!important;margin-bottom:22px!important;}
.notification-pill{margin:0!important;padding:10px 14px;border-radius:999px;background:#eef7f2;border:1px solid rgba(31,77,61,.14);white-space:nowrap;}
.notification-pill span{font-weight:850;color:#153e31;}
.unified-filter-grid{grid-template-columns:1.35fr repeat(3,minmax(180px,.85fr)) auto!important;gap:16px!important;align-items:end!important;}
.unified-filter-grid .field-wide{min-width:260px;}
.unified-filter-grid input,.unified-filter-grid select{background:#fff!important;border:1px solid rgba(31,77,61,.16)!important;box-shadow:0 8px 18px rgba(31,77,61,.04);transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;}
.unified-filter-grid input:focus,.unified-filter-grid select:focus{outline:none;border-color:#2f6f5e!important;box-shadow:0 0 0 4px rgba(47,111,94,.13);}
.unified-actions{grid-column:auto!important;margin:0!important;align-self:end;white-space:nowrap;}
.jobs-card{padding:28px;}
.modern-table-wrap{border-radius:20px;border:1px solid rgba(31,77,61,.12);overflow:auto;background:#fff;}
.modern-table-wrap table{border-collapse:separate;border-spacing:0;width:100%;}
.modern-table-wrap th{background:#edf7f1;color:#24483b;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;}
.modern-table-wrap th,.modern-table-wrap td{padding:15px 16px;border-bottom:1px solid rgba(31,77,61,.10);}
.modern-table-wrap tr:last-child td{border-bottom:0;}
.modern-table-wrap tbody tr:hover{background:#f7fbf8;}
.soft-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef7f2;color:#1f6b50;font-weight:800;font-size:.82rem;white-space:nowrap;}
.table-link{font-weight:850;color:#1f6b50!important;}
.compact-empty{margin:0;padding:24px;border:1px dashed rgba(31,77,61,.20);background:#f7fbf8;}
.compact-empty h3{margin-top:0;}

@media(max-width:1050px){
  .unified-filter-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important;}
  .unified-actions{grid-column:1 / -1!important;}
  .product-video-section{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .dashboard-hero,.pro-plan-card,.command-header{flex-direction:column;align-items:flex-start!important;}
  .dashboard-metric{width:100%;}
  .unified-filter-grid{grid-template-columns:1fr!important;}
  .notification-pill{width:100%;justify-content:space-between;}
  .product-video-section{padding:22px;}
}

/* Career-focused animated product section: replaces recorded-video style */
.career-animation-section{
  display:grid;
  grid-template-columns:minmax(280px,.48fr) minmax(360px,1fr);
  gap:30px;
  align-items:center;
  padding:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(95,159,127,.16), transparent 32%),
    linear-gradient(135deg,#fbfbf7 0%,#edf7f1 62%,#f8f0df 100%)!important;
}
.career-animation-copy h2{
  font-size:clamp(1.9rem,3vw,3rem);
  line-height:.98;
  margin:10px 0 14px;
  letter-spacing:-.055em;
  color:#14251c;
}
.career-animation-copy p{font-size:1.05rem;line-height:1.68;max-width:500px;}
.career-stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.career-stats-row span{
  display:inline-flex;gap:6px;align-items:center;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(31,77,61,.12);
  background:rgba(255,255,255,.72);
  color:#50665b;
  font-weight:750;
  box-shadow:0 10px 24px rgba(31,77,61,.06);
}
.career-stats-row strong{color:#1f4d3d;}
.career-animation-stage{
  position:relative;
  min-height:430px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(201,239,218,.9), transparent 30%),
    radial-gradient(circle at 82% 78%, rgba(246,228,188,.82), transparent 36%),
    linear-gradient(145deg,#10291f 0%,#1f4d3d 38%,#dceee5 100%);
  border:1px solid rgba(255,255,255,.46);
  box-shadow:0 34px 90px rgba(31,77,61,.22);
  isolation:isolate;
}
.career-animation-stage::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 44%,transparent 72%);
  transform:translateX(-110%);
  animation:panelSheen 6s ease-in-out infinite;
  z-index:1;
}
.career-orb{position:absolute;border-radius:50%;filter:blur(.2px);z-index:0;}
.career-orb-one{width:240px;height:240px;right:-70px;top:-60px;background:rgba(182,229,205,.36);animation:careerOrbFloat 7s ease-in-out infinite alternate;}
.career-orb-two{width:170px;height:170px;left:-48px;bottom:30px;background:rgba(245,226,183,.36);animation:careerOrbFloat 8s ease-in-out infinite alternate-reverse;}
.career-path{
  position:absolute;left:54px;right:54px;top:52%;height:2px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.72),rgba(255,255,255,.08));
  z-index:1;
}
.career-path::after{
  content:"";position:absolute;top:-6px;left:0;width:14px;height:14px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.16),0 0 30px rgba(255,255,255,.8);
  animation:pathDot 4.8s ease-in-out infinite;
}
.animated-layer{position:absolute;z-index:3;}
.candidate-card,
.opportunity-board,
.career-alert-card,
.apply-lane{
  border:1px solid rgba(255,255,255,.64);
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(18px);
  box-shadow:0 22px 55px rgba(10,40,30,.18);
  color:#14251c;
}
.candidate-card{
  left:28px;top:30px;display:flex;gap:14px;align-items:center;
  width:min(310px,calc(100% - 56px));padding:16px;border-radius:24px;
  animation:careerFloatA 6.2s ease-in-out infinite;
}
.candidate-avatar{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;flex:0 0 auto;
  color:#fff;font-weight:950;letter-spacing:-.04em;background:linear-gradient(145deg,#1f4d3d,#65a782);
  box-shadow:0 12px 24px rgba(31,77,61,.20);
}
.candidate-card span,.board-header span{display:block;color:#2f765f;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.candidate-card strong{display:block;font-size:1.05rem;letter-spacing:-.02em;margin:2px 0;}
.candidate-card small,.career-alert-card small,.opportunity-row small{display:block;color:#5f7168;font-weight:650;}
.opportunity-board{
  right:26px;top:104px;width:min(430px,calc(100% - 52px));border-radius:28px;padding:18px;
  animation:careerFloatB 6.7s ease-in-out infinite;
}
.board-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;}
.board-header strong{color:#1f4d3d;}
.opportunity-row{
  display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;
  padding:12px;border-radius:18px;background:rgba(247,251,248,.78);border:1px solid rgba(31,77,61,.08);
  margin-top:10px;transform-origin:center;animation:rowGlow 4s ease-in-out infinite;
}
.opportunity-row.row-two{animation-delay:.5s}.opportunity-row.row-three{animation-delay:1s}
.opportunity-row i{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#daf1e6,#a9d8c4);display:block;}
.opportunity-row strong{display:block;font-size:.96rem;letter-spacing:-.02em;}
.opportunity-row b{color:#1f6b50;background:#e7f3ed;border-radius:999px;padding:7px 9px;font-size:.82rem;}
.career-alert-card{
  left:40px;bottom:74px;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:22px;
  animation:alertPop 4.8s ease-in-out infinite;
}
.alert-dot{width:13px;height:13px;border-radius:50%;background:#2f765f;box-shadow:0 0 0 0 rgba(47,118,95,.42);animation:alertPing 1.7s ease-out infinite;}
.apply-lane{
  right:32px;bottom:28px;display:flex;gap:8px;padding:10px;border-radius:999px;animation:careerFloatA 7s ease-in-out infinite reverse;
}
.apply-lane span{padding:9px 12px;border-radius:999px;background:rgba(231,243,237,.82);color:#1f4d3d;font-weight:900;font-size:.82rem;}
@keyframes careerOrbFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-28px,28px,0) scale(1.12)}}
@keyframes pathDot{0%{left:0;opacity:.15}18%{opacity:1}82%{opacity:1}100%{left:calc(100% - 14px);opacity:.15}}
@keyframes careerFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes careerFloatB{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(10px) rotate(-.4deg)}}
@keyframes rowGlow{0%,100%{box-shadow:none;transform:scale(1)}50%{box-shadow:0 12px 30px rgba(31,77,61,.12);transform:scale(1.012)}}
@keyframes alertPop{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}
@keyframes alertPing{0%{box-shadow:0 0 0 0 rgba(47,118,95,.42)}100%{box-shadow:0 0 0 13px rgba(47,118,95,0)}}
@media(max-width:1050px){.career-animation-section{grid-template-columns:1fr}.career-animation-stage{min-height:420px}}
@media(max-width:680px){
  .career-animation-section{padding:22px}.career-animation-stage{min-height:500px;border-radius:28px}
  .candidate-card{left:18px;top:24px;width:calc(100% - 36px)}
  .opportunity-board{left:18px;right:auto;top:132px;width:calc(100% - 36px)}
  .career-alert-card{left:18px;bottom:80px;right:18px}.apply-lane{left:18px;right:18px;justify-content:center;bottom:24px}
}

/* Senior UI polish pass: human copy, immersive motion, no extra text block beside animation */
.landing-hero.apple-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  align-items:center;
}
.apple-hero .hero-copy{
  position:relative;
  overflow:hidden;
}
.apple-hero .hero-copy::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-76px;
  bottom:-88px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(47,118,95,.18), transparent 68%);
  animation:careerOrbFloat 8s ease-in-out infinite alternate;
}
.apple-hero .hero-copy p{
  font-size:clamp(1.05rem,1.5vw,1.22rem);
  max-width:650px;
}
.hero-actions,.trust-strip{position:relative;z-index:2;}
.trust-strip span{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.trust-strip span:hover{
  transform:translateY(-3px);
  border-color:rgba(47,118,95,.28)!important;
  box-shadow:0 14px 28px rgba(31,77,61,.09);
}
.hero-video-panel{
  min-height:560px;
  transform:translateZ(0);
}
.hero-video-panel:hover .glass-device{animation-duration:4.2s;}
.hero-video-panel:hover .floating-card{box-shadow:0 24px 70px rgba(10,40,30,.24);}
.device-job:nth-of-type(4)::after,
.device-job:nth-of-type(5)::after,
.device-job:nth-of-type(6)::after{
  content:"";
  position:absolute;
  left:18px;
  bottom:15px;
  height:9px;
  width:34%;
  border-radius:999px;
  background:rgba(31,77,61,.20);
}

.career-animation-feature{
  display:block;
  padding:0;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:32px 0 36px;
}
.career-animation-feature .career-animation-stage{
  min-height:520px;
  border-radius:42px;
}
.stage-caption{
  position:absolute;
  z-index:5;
  left:34px;
  top:32px;
  max-width:330px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(10,40,30,.16);
  color:#14251c;
  animation:careerFloatA 6.5s ease-in-out infinite;
}
.stage-caption span{
  display:block;
  color:#2f765f;
  font-size:.74rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.095em;
  margin-bottom:5px;
}
.stage-caption strong{
  display:block;
  font-size:1.04rem;
  line-height:1.25;
  letter-spacing:-.025em;
}
.career-animation-feature .candidate-card{top:130px;left:44px;}
.career-animation-feature .opportunity-board{top:84px;right:44px;}
.career-animation-feature .career-alert-card{left:70px;bottom:92px;}
.career-animation-feature .apply-lane{right:54px;bottom:42px;}
.career-animation-feature .career-path{left:86px;right:86px;}

.animated-section{
  animation:sectionRise .75s ease both;
  animation-delay:.08s;
}
.company-showcase.card{
  position:relative;
  overflow:hidden;
}
.company-showcase.card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 48%, transparent 78%);
  transform:translateX(-110%);
  animation:panelSheen 8s ease-in-out infinite;
}
.company-logo-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.company-logo-card::after{
  content:"Career page";
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(231,243,237,.9);
  color:#1f4d3d;
  font-size:.75rem;
  font-weight:900;
}
.company-logo-card:hover{
  transform:translateY(-5px)!important;
}
.job-card{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.job-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#1f4d3d,#77b893,#f1d89a);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.job-card:hover{
  transform:translateY(-6px);
  border-color:rgba(47,118,95,.24)!important;
  box-shadow:0 22px 55px rgba(31,77,61,.12)!important;
}
.job-card:hover::before{transform:scaleX(1);}
.job-card a{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.job-card a::after{content:"→";transition:transform .18s ease;}
.job-card a:hover::after{transform:translateX(3px);}
.btn{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(31,77,61,.16);
  filter:saturate(1.02);
}
.section-header{
  animation:sectionRise .65s ease both;
}
@keyframes sectionRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1050px){
  .landing-hero.apple-hero{grid-template-columns:1fr;}
  .career-animation-feature .career-animation-stage{min-height:560px;}
  .career-animation-feature .candidate-card{left:24px;top:128px;width:min(330px,calc(100% - 48px));}
  .career-animation-feature .opportunity-board{right:24px;top:220px;width:min(460px,calc(100% - 48px));}
  .career-animation-feature .career-alert-card{left:24px;bottom:92px;}
  .career-animation-feature .apply-lane{right:24px;bottom:34px;}
}
@media(max-width:680px){
  .career-animation-feature .career-animation-stage{min-height:620px;border-radius:30px;}
  .stage-caption{left:18px;right:18px;top:20px;max-width:none;}
  .career-animation-feature .candidate-card{left:18px;top:124px;width:calc(100% - 36px);}
  .career-animation-feature .opportunity-board{left:18px;right:auto;top:236px;width:calc(100% - 36px);}
  .career-animation-feature .career-alert-card{left:18px;right:18px;bottom:82px;}
  .career-animation-feature .apply-lane{left:18px;right:18px;bottom:24px;justify-content:center;}
  .career-animation-feature .career-path{left:32px;right:32px;top:58%;}
}

/* Green-apple ScoutJob brand system */
.brand{display:flex!important;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em;}
.brand-apple-mark,.mini-apple-mark{
  position:relative;display:inline-grid;place-items:center;flex:0 0 auto;
  width:38px;height:38px;border-radius:44% 48% 50% 46%;
  background:radial-gradient(circle at 35% 28%,#dcffe8 0 10%,transparent 11%),linear-gradient(145deg,#84d69d 0%,#2f8d58 48%,#143d31 100%);
  color:#fff;font-size:.74rem;font-weight:950;letter-spacing:-.04em;
  box-shadow:inset 0 -9px 18px rgba(20,61,49,.22),0 12px 28px rgba(31,77,61,.18);
}
.brand-apple-mark .apple-leaf,.mini-apple-mark:before{content:"";position:absolute;width:13px;height:8px;border-radius:13px 2px 13px 2px;background:linear-gradient(135deg,#9be7a6,#2f765f);top:-6px;right:5px;transform:rotate(-18deg);box-shadow:0 4px 10px rgba(31,77,61,.16)}
.brand-apple-mark .apple-shine{position:absolute;left:9px;top:8px;width:8px;height:12px;border-radius:99px;background:rgba(255,255,255,.38);transform:rotate(22deg)}
.footer-mark.brand-apple-mark{width:52px;height:52px;font-size:.88rem;border-radius:44% 48% 50% 46%;}
.mini-apple-mark{width:22px;height:22px;margin-right:8px;font-size:0;vertical-align:-5px;display:inline-grid;}
.mini-apple-mark:before{width:8px;height:5px;top:-4px;right:3px}.brand-eyebrow{display:flex;align-items:center;}
.hero-copy:after{content:"";position:absolute;right:28px;bottom:28px;width:74px;height:74px;border-radius:44% 48% 50% 46%;background:linear-gradient(145deg,rgba(132,214,157,.36),rgba(47,118,95,.16));filter:blur(.2px);animation:brandAppleFloat 7s ease-in-out infinite;}
@keyframes brandAppleFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(5deg)}}

/* Owner-admin bulk moderation polish */
.admin-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.bulk-action-panel{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#f8fbf7,#edf7f1);box-shadow:0 12px 30px rgba(31,77,61,.07)}
.bulk-action-panel span{font-weight:850;color:#1f4d3d;margin-right:4px;}
.select-col{width:44px;text-align:center;}
.select-col input{width:18px;height:18px;accent-color:#2f765f;cursor:pointer;}
.selected-row{background:#edf7f1!important;box-shadow:inset 4px 0 0 #2f765f;}
button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65);}
@media(max-width:850px){.admin-card-header{flex-direction:column}.bulk-action-panel{justify-content:flex-start;width:100%;}.bulk-action-panel .btn{width:100%;}}

/* Animation now explains why ScoutJob is useful */
.stage-caption{z-index:5;max-width:420px;}
.stage-caption span{color:#2f765f;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;}
.stage-caption strong{display:block;font-size:clamp(1.4rem,2.6vw,2.25rem);line-height:1.02;letter-spacing:-.055em;color:#13231b;margin-top:6px;}
.why-card{position:absolute;z-index:4;width:270px;padding:15px 16px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(31,77,61,.10);animation:whyFloat 6.8s ease-in-out infinite;}
.why-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2f4e9;color:#1f4d3d;font-weight:950;margin-bottom:9px;}
.why-card strong{display:block;color:#15231b;font-size:1rem;line-height:1.15;margin-bottom:5px;}
.why-card small{color:#566a60;line-height:1.45;}
.why-card-one{left:34px;top:238px;animation-delay:.1s}.why-card-two{right:34px;top:310px;animation-delay:.9s}.why-card-three{left:42%;bottom:112px;animation-delay:1.6s}
@keyframes whyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.career-animation-feature .apply-lane span{white-space:nowrap;}
@media(max-width:900px){.why-card{width:calc(100% - 36px);left:18px!important;right:auto!important}.why-card-one{top:360px}.why-card-two{top:470px}.why-card-three{bottom:110px}.career-animation-feature .career-animation-stage{min-height:760px!important}.career-animation-feature .apply-lane{bottom:28px!important;}}

/* Final refinement: non-overlapping career animation + stronger green-apple branding */
.refined-career-stage{
  min-height:640px!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.86fr) minmax(420px,1.14fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:34px!important;
  row-gap:22px!important;
  overflow:hidden!important;
}
.refined-career-stage .animated-layer,
.refined-career-stage .stage-caption{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:3!important;
}
.refined-career-stage .stage-caption{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  max-width:none!important;
  width:100%!important;
  padding:22px 24px!important;
  border-radius:30px!important;
}
.refined-career-stage .stage-caption strong{
  font-size:clamp(1.65rem,2.5vw,2.5rem)!important;
  line-height:1.03!important;
}
.refined-career-stage .candidate-card{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  width:100%!important;
  margin-top:4px!important;
}
.refined-career-stage .career-alert-card{
  grid-column:1!important;
  grid-row:2!important;
  align-self:end!important;
  width:100%!important;
  margin-bottom:8px!important;
}
.refined-career-stage .opportunity-board{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  width:100%!important;
  max-width:560px!important;
  justify-self:end!important;
  padding:22px!important;
  border-radius:34px!important;
}
.refined-career-stage .why-card{
  position:relative!important;
  width:auto!important;
  min-height:156px!important;
  padding:19px 20px!important;
  border-radius:26px!important;
  z-index:4!important;
}
.refined-career-stage .why-card-one,
.refined-career-stage .why-card-two,
.refined-career-stage .why-card-three{
  grid-row:3!important;
  align-self:stretch!important;
}
.refined-career-stage .why-card-one{grid-column:1!important;animation-delay:.1s!important;}
.refined-career-stage .why-card-two{grid-column:2!important;justify-self:start!important;width:calc(50% - 10px)!important;animation-delay:.7s!important;}
.refined-career-stage .why-card-three{grid-column:2!important;justify-self:end!important;width:calc(50% - 10px)!important;animation-delay:1.2s!important;}
.refined-career-stage .apply-lane{
  grid-column:2!important;
  grid-row:2!important;
  align-self:end!important;
  justify-self:end!important;
  margin-bottom:-2px!important;
}
.refined-career-stage .career-path{
  left:calc(34px + 28%)!important;
  right:calc(34px + 28%)!important;
  top:46%!important;
  opacity:.48!important;
}
.refined-career-stage .career-orb-one{right:-60px!important;top:-50px!important;}
.refined-career-stage .career-orb-two{left:-60px!important;bottom:12px!important;}
.apple-watermark{
  position:absolute;
  display:grid;
  place-items:center;
  width:132px;
  height:132px;
  border-radius:44% 48% 50% 46%;
  background:linear-gradient(145deg,rgba(172,237,190,.34),rgba(47,118,95,.22));
  color:rgba(255,255,255,.40);
  font-weight:950;
  letter-spacing:-.08em;
  box-shadow:inset 0 -22px 38px rgba(20,61,49,.10);
  z-index:0;
  pointer-events:none;
  animation:brandAppleFloat 8s ease-in-out infinite;
}
.apple-watermark::before{
  content:"";
  position:absolute;
  width:42px;
  height:24px;
  top:-18px;
  right:22px;
  border-radius:42px 4px 42px 4px;
  background:linear-gradient(135deg,rgba(194,244,205,.78),rgba(47,118,95,.45));
  transform:rotate(-18deg);
}
.apple-watermark-one{right:36px;top:34px;opacity:.52;}
.apple-watermark-two{left:22px;bottom:28px;opacity:.26;transform:scale(1.25);}
.apple-step{
  position:relative;
  border-radius:44% 48% 50% 46%!important;
  background:linear-gradient(145deg,#dffbe8,#84d69d 52%,#2f765f)!important;
  color:#123528!important;
  box-shadow:inset 0 -7px 12px rgba(20,61,49,.16),0 10px 22px rgba(31,77,61,.10)!important;
}
.apple-step::after{
  content:"";
  position:absolute;
  width:13px;
  height:8px;
  top:-6px;
  right:3px;
  border-radius:13px 2px 13px 2px;
  background:linear-gradient(135deg,#b8f4c6,#2f765f);
  transform:rotate(-18deg);
}
.refined-career-stage .opportunity-row i{
  border-radius:44% 48% 50% 46%;
  position:relative;
}
.refined-career-stage .opportunity-row i::after{
  content:"";
  position:absolute;
  width:11px;
  height:7px;
  top:-5px;
  right:4px;
  border-radius:11px 2px 11px 2px;
  background:#6db98e;
  transform:rotate(-18deg);
}
.refined-career-stage .candidate-avatar{
  border-radius:44% 48% 50% 46%!important;
  position:relative;
}
.refined-career-stage .candidate-avatar::after{
  content:"";
  position:absolute;
  width:16px;
  height:9px;
  top:-7px;
  right:7px;
  border-radius:16px 2px 16px 2px;
  background:linear-gradient(135deg,#aaf0b8,#2f765f);
  transform:rotate(-18deg);
}
.company-logo-card::before{
  content:"SJ";
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:44% 48% 50% 46%;
  background:linear-gradient(145deg,#dffbe8,#84d69d 48%,#2f765f);
  color:#123528;
  font-size:.72rem;
  font-weight:950;
  box-shadow:inset 0 -7px 12px rgba(20,61,49,.14),0 10px 22px rgba(31,77,61,.10);
}
.job-card .company-badge::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:7px;
  border-radius:44% 48% 50% 46%;
  background:linear-gradient(145deg,#9be7a6,#2f765f);
  vertical-align:-1px;
}
@media(max-width:1050px){
  .refined-career-stage{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto auto!important;
  }
  .refined-career-stage .stage-caption,
  .refined-career-stage .candidate-card,
  .refined-career-stage .opportunity-board,
  .refined-career-stage .career-alert-card,
  .refined-career-stage .apply-lane,
  .refined-career-stage .why-card{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    margin:0!important;
  }
  .refined-career-stage .stage-caption{grid-row:1!important;}
  .refined-career-stage .candidate-card{grid-row:2!important;}
  .refined-career-stage .opportunity-board{grid-row:3!important;}
  .refined-career-stage .career-alert-card{grid-row:4!important;}
  .refined-career-stage .why-card-one{grid-row:5!important;}
  .refined-career-stage .why-card-two{grid-row:6!important;}
  .refined-career-stage .why-card-three{grid-row:7!important;}
  .refined-career-stage .apply-lane{grid-row:8!important;justify-content:center!important;flex-wrap:wrap!important;}
  .refined-career-stage .career-path{display:none!important;}
}
@media(max-width:680px){
  .refined-career-stage{padding:20px!important;border-radius:28px!important;row-gap:14px!important;}
  .refined-career-stage .stage-caption{padding:18px!important;border-radius:24px!important;}
  .refined-career-stage .stage-caption strong{font-size:1.45rem!important;line-height:1.08!important;}
  .refined-career-stage .opportunity-board{padding:16px!important;border-radius:24px!important;}
  .refined-career-stage .opportunity-row{grid-template-columns:28px 1fr auto!important;gap:9px!important;padding:10px!important;}
  .refined-career-stage .opportunity-row i{width:28px!important;height:28px!important;}
  .refined-career-stage .opportunity-row strong{font-size:.86rem!important;}
  .refined-career-stage .apply-lane span{font-size:.78rem!important;padding:8px 10px!important;}
  .apple-watermark{display:none!important;}
}

/* Final pass: one consistent dark-green apple mark + non-floating career animation */
:root{
  --apple-dark:#123d2f;
  --apple-mid:#1f6f52;
  --apple-light:#63c083;
  --apple-shine:rgba(255,255,255,.46);
}
.brand-apple-mark,
.mini-apple-mark,
.company-logo-card::before,
.apple-step,
.refined-career-stage .opportunity-row i,
.refined-career-stage .candidate-avatar{
  background:
    radial-gradient(circle at 34% 24%, var(--apple-shine) 0 9%, transparent 10%),
    linear-gradient(145deg, var(--apple-light) 0%, var(--apple-mid) 42%, var(--apple-dark) 100%) !important;
  color:#ffffff!important;
  box-shadow:inset 0 -10px 18px rgba(9,40,31,.28),0 12px 28px rgba(18,61,47,.18)!important;
}
.brand-apple-mark .apple-leaf,
.mini-apple-mark:before,
.apple-step::after,
.refined-career-stage .opportunity-row i::after,
.refined-career-stage .candidate-avatar::after,
.apple-watermark::before{
  background:linear-gradient(135deg,#6ed18f 0%,#1f6f52 58%,#123d2f 100%)!important;
  box-shadow:0 5px 12px rgba(18,61,47,.18)!important;
}
.brand-apple-mark .apple-shine{
  background:var(--apple-shine)!important;
}
.mini-apple-mark::after,
.apple-step::before,
.company-logo-card::after,
.refined-career-stage .opportunity-row i::before,
.refined-career-stage .candidate-avatar::before{
  content:"";
  position:absolute;
  left:24%;
  top:20%;
  width:18%;
  height:30%;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  transform:rotate(22deg);
  pointer-events:none;
}
.company-logo-card{position:relative;overflow:visible;}
.company-logo-card::before{position:relative;}
.company-logo-card::after{
  left:17px;
  top:16px;
  width:6px;
  height:11px;
}
.hero-copy:after,
.apple-watermark{
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.24) 0 9%, transparent 10%),
    linear-gradient(145deg,rgba(99,192,131,.30),rgba(18,61,47,.18))!important;
}

/* Make the second homepage animation different from the hero: guided scan instead of floating cards */
.refined-career-stage::after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:52%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(99,192,131,.72),transparent);
  opacity:.7;
  z-index:1;
  animation:careerScanLine 5.5s cubic-bezier(.22,.8,.28,1) infinite;
  filter:drop-shadow(0 0 14px rgba(99,192,131,.38));
}
@keyframes careerScanLine{
  0%{transform:translateX(-80%) scaleX(.25);opacity:0;}
  18%{opacity:.78;}
  48%{transform:translateX(0%) scaleX(1);opacity:.78;}
  82%{opacity:.4;}
  100%{transform:translateX(80%) scaleX(.25);opacity:0;}
}
.refined-career-stage .why-card,
.refined-career-stage .candidate-card,
.refined-career-stage .career-alert-card,
.refined-career-stage .opportunity-board{
  animation:careerCardGlow 6.8s ease-in-out infinite!important;
}
.refined-career-stage .candidate-card{animation-delay:.1s!important;}
.refined-career-stage .opportunity-board{animation-delay:1.05s!important;}
.refined-career-stage .career-alert-card{animation-delay:2.05s!important;}
.refined-career-stage .why-card-one{animation-delay:3.05s!important;}
.refined-career-stage .why-card-two{animation-delay:3.65s!important;}
.refined-career-stage .why-card-three{animation-delay:4.25s!important;}
@keyframes careerCardGlow{
  0%,100%{transform:none;box-shadow:0 18px 48px rgba(31,77,61,.10);}
  42%{transform:none;box-shadow:0 18px 48px rgba(31,77,61,.10);}
  52%{transform:none;box-shadow:0 26px 70px rgba(31,111,82,.22),0 0 0 1px rgba(99,192,131,.22) inset;}
  64%{transform:none;box-shadow:0 18px 48px rgba(31,77,61,.10);}
}
.refined-career-stage .opportunity-row{
  position:relative;
  overflow:hidden;
}
.refined-career-stage .opportunity-row::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(99,192,131,.14),transparent);
  transform:translateX(-110%);
  animation:rowSweep 4.8s ease-in-out infinite;
}
.refined-career-stage .row-one::after{animation-delay:.2s;}
.refined-career-stage .row-two::after{animation-delay:.8s;}
.refined-career-stage .row-three::after{animation-delay:1.4s;}
@keyframes rowSweep{
  0%,35%{transform:translateX(-110%);}
  58%{transform:translateX(110%);}
  100%{transform:translateX(110%);}
}
.refined-career-stage .apply-lane span{
  animation:applyStepPulse 5.4s ease-in-out infinite;
}
.refined-career-stage .apply-lane span:nth-child(2){animation-delay:.8s;}
.refined-career-stage .apply-lane span:nth-child(3){animation-delay:1.6s;}
@keyframes applyStepPulse{
  0%,100%{transform:none;background:rgba(255,255,255,.76);}
  40%{transform:none;background:rgba(255,255,255,.76);}
  52%{transform:none;background:rgba(225,249,234,.96);}
  64%{transform:none;background:rgba(255,255,255,.76);}
}
/* Keep decorative apple watermarks steady so the second animation does not feel like another floating section */
.apple-watermark{animation:none!important;}
@media(max-width:680px){.refined-career-stage::after{display:none!important;}}

/* 2026-05-10 polish pass: layout consistency, company grid, aligned filters, opened-job state */
html, body { min-height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
.page { flex: 1 0 auto; width: 100%; }
.site-footer.pro-footer { flex-shrink: 0; margin-top: auto !important; }

.company-showcase.card { overflow: hidden !important; padding: 32px !important; }
.company-showcase .section-header.compact {
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  background: transparent !important;
  padding-bottom: 18px !important;
  margin-bottom: 8px !important;
  align-items: center !important;
}
.company-showcase .section-header.compact a {
  position: relative;
  z-index: 3;
  background: rgba(251,251,247,.88);
  border: 1px solid rgba(31,77,61,.10);
  border-radius: 999px;
  padding: 10px 14px;
  white-space: nowrap;
}
.company-showcase .company-logo-scroll {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 18px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 4px 0 0 !important;
  align-items: stretch !important;
}
.company-showcase .company-logo-card {
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-height: 150px !important;
  height: 100% !important;
  padding: 24px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  overflow: hidden !important;
}
.company-showcase .company-logo-card::before,
.company-showcase .company-logo-card::after { content: none !important; display: none !important; }
.company-apple-mark {
  width: 46px;
  height: 46px;
  border-radius: 44% 48% 50% 46%;
  display: inline-grid;
  place-items: center;
  position: relative;
  color: #fff;
  font-weight: 950;
  letter-spacing: -.04em;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.46) 0 9%, transparent 10%),
    linear-gradient(145deg, var(--apple-light) 0%, var(--apple-mid) 42%, var(--apple-dark) 100%);
  box-shadow: inset 0 -10px 18px rgba(9,40,31,.28), 0 12px 28px rgba(18,61,47,.16);
}
.company-apple-mark::before {
  content:"";
  position:absolute;
  width: 14px;
  height: 8px;
  border-radius: 13px 2px 13px 2px;
  right: 8px;
  top: -6px;
  transform: rotate(-18deg);
  background: linear-gradient(135deg,#6ed18f 0%,#1f6f52 58%,#123d2f 100%);
  box-shadow: 0 5px 12px rgba(18,61,47,.18);
}
.company-apple-mark::after {
  content:"";
  position:absolute;
  left: 11px;
  top: 9px;
  width: 8px;
  height: 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.42);
  transform: rotate(22deg);
}
.company-logo-name { margin-top: 4px; font-size: 1.08rem; }

.command-center-card { padding: 32px !important; }
.command-header { align-items: flex-start !important; }
.unified-filter-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.2fr) minmax(190px,.85fr) minmax(190px,.85fr) minmax(210px,.9fr) auto !important;
  gap: 18px !important;
  align-items: end !important;
}
.unified-filter-grid > div:not(.filter-actions) {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 9px;
}
.unified-filter-grid label {
  min-height: 28px;
  display: flex;
  align-items: flex-end;
  margin: 0 !important;
  line-height: 1.1;
}
.unified-filter-grid input,
.unified-filter-grid select {
  width: 100%;
  min-height: 54px;
}
.unified-actions {
  height: 54px;
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
}
.unified-actions .btn { display: inline-flex; align-items: center; justify-content: center; }

.job-title-cell { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.checked-badge {
  display: none;
  width: max-content;
  border-radius: 999px;
  padding: 5px 9px;
  background: #e1f6ea;
  color: #15523e;
  border: 1px solid rgba(31,111,82,.18);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.checked-badge.is-visible { display: inline-flex; align-items: center; gap: 5px; }
.checked-badge.is-visible::before { content: "✓"; font-weight: 950; }
.job-row-opened td { background: rgba(225,246,234,.26); }
.job-row-opened .table-link::after { content: " · checked"; font-size: .78rem; color: #607267; }

@media(max-width: 1180px) {
  .unified-filter-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)) !important; }
  .unified-actions { grid-column: 1 / -1 !important; width: max-content; }
}
@media(max-width: 760px) {
  .company-showcase.card { padding: 24px !important; }
  .company-showcase .section-header.compact { align-items: flex-start !important; }
  .company-showcase .company-logo-scroll { grid-template-columns: 1fr !important; }
  .unified-filter-grid { grid-template-columns: 1fr !important; }
  .unified-actions { width: 100%; }
  .unified-actions .btn { flex: 1; }
}

/* 2026-05-10 final UI correction pass: tighter command center, 2-row company watchlist, equal preview cards, targeted opportunity animation */
.command-center-card{overflow:hidden!important;}
.command-center-card .command-header{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:20px!important;}
.command-center-card .notification-pill{justify-self:end!important;}
.unified-filter-grid{
  grid-template-columns:minmax(235px,1.15fr) minmax(165px,.85fr) minmax(165px,.85fr) minmax(190px,.9fr) minmax(260px,auto)!important;
  gap:16px!important;
  align-items:start!important;
}
.unified-filter-grid > div:not(.filter-actions){display:grid!important;grid-template-rows:32px 56px!important;gap:8px!important;align-items:start!important;}
.unified-filter-grid label{min-height:0!important;height:32px!important;align-items:center!important;line-height:1.05!important;}
.unified-filter-grid input,.unified-filter-grid select{min-height:56px!important;height:56px!important;box-sizing:border-box!important;}
.unified-actions{height:56px!important;padding-top:40px!important;box-sizing:content-box!important;align-self:start!important;display:flex!important;gap:10px!important;min-width:0!important;}
.unified-actions .btn{height:56px!important;padding:0 22px!important;white-space:nowrap!important;}
.unified-actions .btn.secondary{padding:0 18px!important;}
@media(max-width:1280px){
  .unified-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .unified-actions{grid-column:1 / -1!important;padding-top:0!important;width:100%!important;justify-content:flex-end!important;}
}
@media(max-width:760px){
  .command-center-card .command-header{grid-template-columns:1fr!important;}
  .command-center-card .notification-pill{justify-self:stretch!important;}
  .unified-filter-grid{grid-template-columns:1fr!important;}
  .unified-actions{justify-content:stretch!important;}
  .unified-actions .btn{flex:1!important;}
}

.company-showcase.card{padding:30px!important;}
.company-showcase .company-logo-scroll{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  grid-auto-rows:142px!important;
  max-height:302px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:4px 8px 4px 0!important;
  scrollbar-width:thin;
}
.company-showcase .company-logo-card{
  min-height:142px!important;
  height:142px!important;
  justify-content:center!important;
  gap:10px!important;
}
.company-initial-mark{
  width:44px;height:44px;border-radius:16px;display:inline-grid;place-items:center;
  color:#14513d;font-weight:950;font-size:.86rem;letter-spacing:-.03em;
  background:linear-gradient(145deg,#effaf3,#d8f0e3);
  border:1px solid rgba(31,111,82,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(31,77,61,.08);
}
.company-logo-card:hover .company-initial-mark{transform:translateY(-2px);box-shadow:0 14px 30px rgba(31,77,61,.14);}

.job-preview-grid{grid-auto-rows:1fr!important;align-items:stretch!important;}
.job-preview-grid .job-card{height:100%!important;min-height:250px!important;}
.job-preview-grid .job-card h3{min-height:3.75em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.job-preview-grid .job-card p{flex:0!important;}
.job-preview-grid .job-card .muted{margin-top:auto!important;}

.opportunity-hit-section{padding:0!important;overflow:hidden!important;background:transparent!important;}
.opportunity-hit-stage{
  position:relative;min-height:560px;padding:34px;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(360px,1fr);grid-template-rows:auto 1fr;gap:24px 34px;overflow:hidden;border-radius:34px;
  background:radial-gradient(circle at 74% 47%,rgba(128,211,155,.22),transparent 28%),radial-gradient(circle at 10% 90%,rgba(245,226,183,.32),transparent 34%),linear-gradient(145deg,#f9fbf6 0%,#edf7f1 54%,#f7eedc 100%);
  border:1px solid rgba(31,77,61,.10);box-shadow:0 30px 80px rgba(31,77,61,.10);
}
.hit-copy-card{grid-column:1;align-self:start;border:1px solid rgba(31,77,61,.10);background:rgba(255,255,255,.72);border-radius:30px;padding:26px;box-shadow:0 20px 55px rgba(31,77,61,.08);}
.hit-copy-card h2{font-size:clamp(1.8rem,3vw,3.1rem);line-height:.98;letter-spacing:-.06em;margin:8px 0 14px;color:#13231b;}
.hit-copy-card p{margin:0;color:#5f7168;line-height:1.65;font-size:1.05rem;}
.target-zone{grid-column:2;grid-row:1 / span 2;position:relative;min-height:490px;border-radius:32px;background:linear-gradient(145deg,#123d2f,#1f6f52);overflow:hidden;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 25px 70px rgba(18,61,47,.20);}
.target-zone::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.12),transparent 28%);animation:slowSpin 18s linear infinite;}
.opportunity-rings{position:absolute;right:18%;top:50%;width:250px;height:250px;border-radius:50%;transform:translateY(-50%);border:2px solid rgba(255,255,255,.22);box-shadow:0 0 0 34px rgba(255,255,255,.07),0 0 0 76px rgba(255,255,255,.04);animation:ringPulse 2.8s ease-in-out infinite;}
.target-apple{position:absolute;right:calc(18% + 78px);top:50%;width:94px;height:94px;transform:translateY(-50%);border-radius:44% 48% 50% 46%;display:grid;place-items:center;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.5) 0 9%,transparent 10%),linear-gradient(145deg,var(--apple-light),var(--apple-mid) 42%,var(--apple-dark));box-shadow:inset 0 -16px 26px rgba(9,40,31,.30),0 22px 52px rgba(0,0,0,.22);color:#fff;font-weight:950;letter-spacing:-.05em;}
.target-apple::before{content:"";position:absolute;width:30px;height:17px;top:-12px;right:16px;border-radius:30px 3px 30px 3px;background:linear-gradient(135deg,#6ed18f,#123d2f);transform:rotate(-18deg);}
.target-apple span{position:relative;z-index:2;}
.flying-arrow{position:absolute;left:8%;top:50%;height:44px;width:52%;transform:translateY(-50%);animation:arrowHit 3.2s cubic-bezier(.28,.78,.22,1) infinite;}
.arrow-line{position:absolute;left:0;right:34px;top:21px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,#a5f3c2);box-shadow:0 0 22px rgba(165,243,194,.5);}
.arrow-head{position:absolute;right:0;top:0;color:#fff;font-size:40px;line-height:1;text-shadow:0 0 18px rgba(165,243,194,.7);}
.hit-spark{position:absolute;right:calc(18% + 114px);top:50%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #baf7cb;opacity:0;animation:sparkPop 3.2s ease-out infinite;}
.spark-one{transform:translate(0,0)}.spark-two{animation-delay:.05s}.spark-three{animation-delay:.1s}
.hit-benefit-grid{grid-column:1;display:grid;grid-template-columns:1fr;gap:12px;align-self:end;}
.hit-benefit-card{padding:17px 18px;border-radius:22px;background:rgba(255,255,255,.74);border:1px solid rgba(31,77,61,.10);box-shadow:0 14px 35px rgba(31,77,61,.07);}
.hit-benefit-card strong{display:block;color:#13231b;font-size:1.02rem;margin-bottom:4px;letter-spacing:-.02em}.hit-benefit-card small{color:#5f7168;line-height:1.45;}
@keyframes ringPulse{0%,100%{transform:translateY(-50%) scale(.94);opacity:.72}50%{transform:translateY(-50%) scale(1.04);opacity:1}}
@keyframes arrowHit{0%{transform:translate(-18%, -50%);opacity:0}18%{opacity:1}58%{transform:translate(54%, -50%);opacity:1}70%{transform:translate(54%, -50%);opacity:0}100%{transform:translate(-18%, -50%);opacity:0}}
@keyframes sparkPop{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}61%{opacity:1;transform:translate(18px,-28px) scale(1)}72%,100%{opacity:0;transform:translate(44px,-52px) scale(.2)}}
.spark-two{--sparkY:30px}.spark-two{animation-name:sparkPopTwo}@keyframes sparkPopTwo{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}61%{opacity:1;transform:translate(22px,28px) scale(1)}72%,100%{opacity:0;transform:translate(50px,54px) scale(.2)}}
.spark-three{animation-name:sparkPopThree}@keyframes sparkPopThree{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}61%{opacity:1;transform:translate(-28px,-8px) scale(1)}72%,100%{opacity:0;transform:translate(-54px,-16px) scale(.2)}}
@media(max-width:980px){.opportunity-hit-stage{grid-template-columns:1fr;}.target-zone{grid-column:1;grid-row:auto;min-height:380px}.hit-benefit-grid{grid-column:1}.flying-arrow{width:58%;}.opportunity-rings{right:12%;}.target-apple{right:calc(12% + 78px)}}
@media(max-width:620px){.opportunity-hit-stage{padding:20px;border-radius:26px}.target-zone{min-height:310px}.opportunity-rings{width:190px;height:190px;right:4%;}.target-apple{width:74px;height:74px;right:calc(4% + 58px)}.flying-arrow{left:4%;width:58%;}.hit-copy-card{padding:20px}.hit-benefit-card{padding:15px}}

/* 2026-05-10 surgical polish: visible target animation, aligned filters, continuous job table lines, transparent apple favicon support */
.command-center-card{
  overflow:hidden!important;
  padding:clamp(24px,2.5vw,34px)!important;
}
.command-center-card .command-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin-bottom:24px!important;
}
.unified-filter-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,.95fr) max-content!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
}
.unified-filter-grid > div:not(.filter-actions){
  display:grid!important;
  grid-template-rows:30px 56px!important;
  gap:8px!important;
  min-width:0!important;
  align-items:start!important;
}
.unified-filter-grid label{
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  line-height:1!important;
  font-size:1rem!important;
}
.unified-filter-grid input,
.unified-filter-grid select{
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  width:100%!important;
  min-width:0!important;
}
.unified-actions{
  display:grid!important;
  grid-template-rows:30px 56px!important;
  grid-template-columns:auto auto!important;
  gap:8px 10px!important;
  align-items:start!important;
  height:auto!important;
  padding:0!important;
  min-width:0!important;
}
.unified-actions::before{content:"";grid-column:1 / -1;height:30px;display:block;}
.unified-actions .btn{
  height:56px!important;
  min-height:56px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:16px!important;
}
.unified-actions .btn.secondary{padding:0 18px!important;}
@media(max-width:1380px){
  .unified-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .unified-actions{grid-column:1 / -1!important;justify-content:end!important;grid-template-columns:auto auto!important;}
}
@media(max-width:760px){
  .command-center-card .command-header{grid-template-columns:1fr!important;}
  .command-center-card .notification-pill{justify-self:stretch!important;}
  .unified-filter-grid{grid-template-columns:1fr!important;}
  .unified-actions{grid-template-columns:1fr 1fr!important;justify-content:stretch!important;}
  .unified-actions .btn{width:100%!important;}
}

.modern-table-wrap table{
  border-collapse:separate!important;
  border-spacing:0!important;
  width:100%!important;
}
.modern-table-wrap thead th{
  border-bottom:1px solid var(--line)!important;
}
.modern-table-wrap tbody tr{
  box-shadow:inset 0 -1px 0 var(--line)!important;
}
.modern-table-wrap tbody td{
  border-bottom:0!important;
  vertical-align:middle!important;
}
.modern-table-wrap tbody tr:last-child{box-shadow:none!important;}
.job-title-cell{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.job-title-cell > span:first-child{min-width:min(520px,100%);}

.job-preview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;align-items:stretch!important;}
.job-preview-grid .job-card{min-height:270px!important;height:100%!important;}
.job-preview-grid .job-card h3{min-height:4.3em!important;}

.opportunity-hit-section{padding:0!important;background:transparent!important;overflow:visible!important;}
.opportunity-hit-stage{
  display:grid!important;
  grid-template-columns:minmax(300px,420px) minmax(420px,1fr)!important;
  grid-template-rows:auto 1fr!important;
  gap:24px 28px!important;
  min-height:560px!important;
  padding:32px!important;
  overflow:hidden!important;
  border-radius:34px!important;
  position:relative!important;
  background:radial-gradient(circle at 72% 48%,rgba(128,211,155,.18),transparent 28%),radial-gradient(circle at 12% 90%,rgba(245,226,183,.30),transparent 34%),linear-gradient(145deg,#f9fbf6 0%,#edf7f1 54%,#f7eedc 100%)!important;
}
.target-zone{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  grid-column:2!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  min-height:496px!important;
  height:100%!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#123d2f 0%,#1f6f52 54%,#2d8b62 100%)!important;
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 25px 70px rgba(18,61,47,.22)!important;
}
.target-zone::before{content:""!important;position:absolute!important;inset:-45%!important;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.16),transparent 30%)!important;animation:slowSpin 18s linear infinite!important;}
.target-zone::after{content:"Early opportunity";position:absolute;left:28px;top:26px;color:rgba(255,255,255,.86);font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;}
.opportunity-rings,.target-apple,.flying-arrow,.hit-spark{display:block!important;visibility:visible!important;}
.opportunity-rings{position:absolute!important;right:18%!important;top:50%!important;width:250px!important;height:250px!important;border-radius:50%!important;transform:translateY(-50%)!important;border:2px solid rgba(255,255,255,.28)!important;box-shadow:0 0 0 34px rgba(255,255,255,.08),0 0 0 78px rgba(255,255,255,.045), inset 0 0 45px rgba(255,255,255,.10)!important;animation:ringPulse 2.8s ease-in-out infinite!important;}
.target-apple{position:absolute!important;right:calc(18% + 78px)!important;top:50%!important;width:94px!important;height:94px!important;transform:translateY(-50%)!important;border-radius:44% 48% 50% 46%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.52) 0 9%,transparent 10%),linear-gradient(145deg,var(--apple-light),var(--apple-mid) 42%,var(--apple-dark))!important;box-shadow:inset 0 -16px 26px rgba(9,40,31,.30),0 22px 52px rgba(0,0,0,.22)!important;color:#fff!important;font-weight:950!important;letter-spacing:-.05em!important;z-index:4!important;}
.flying-arrow{position:absolute!important;left:7%!important;top:50%!important;height:44px!important;width:53%!important;transform:translateY(-50%)!important;animation:arrowHit 3.2s cubic-bezier(.28,.78,.22,1) infinite!important;z-index:3!important;}
.arrow-line{display:block!important;position:absolute!important;left:0!important;right:34px!important;top:21px!important;height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#fff,#a5f3c2)!important;box-shadow:0 0 22px rgba(165,243,194,.5)!important;}
.arrow-head{display:block!important;position:absolute!important;right:0!important;top:0!important;color:#fff!important;font-size:40px!important;line-height:1!important;text-shadow:0 0 18px rgba(165,243,194,.7)!important;}
.hit-benefit-grid{grid-column:1!important;}
@media(max-width:980px){
  .opportunity-hit-stage{grid-template-columns:1fr!important;}
  .target-zone{grid-column:1!important;grid-row:auto!important;min-height:380px!important;}
}


/* 2026-05-10 final requested fixes: visible opportunity animation, clean favicon, 2-column previews, table and filter alignment */
.command-center-card{overflow:hidden!important;}
.unified-filter-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,1.35fr) minmax(160px,.9fr) minmax(160px,.9fr) minmax(180px,1fr) minmax(230px,.75fr)!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
}
.unified-filter-grid > div:not(.filter-actions){
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-width:0!important;
}
.unified-filter-grid label{
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:flex-end!important;
  margin:0!important;
  line-height:1!important;
}
.unified-filter-grid input,.unified-filter-grid select{
  height:58px!important;
  min-height:58px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.unified-actions{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  align-items:end!important;
  padding:40px 0 0!important;
  height:auto!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.unified-actions::before{content:none!important;}
.unified-actions .btn{height:58px!important;min-height:58px!important;width:100%!important;padding:0 14px!important;border-radius:16px!important;white-space:nowrap!important;}
.unified-actions .btn.secondary{width:auto!important;min-width:94px!important;padding:0 16px!important;}
@media(max-width:1500px){
  .unified-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .unified-actions{grid-column:1 / -1!important;grid-template-columns:auto auto!important;justify-content:end!important;padding-top:0!important;}
  .unified-actions .btn{width:auto!important;padding:0 22px!important;}
}
@media(max-width:760px){
  .unified-filter-grid{grid-template-columns:1fr!important;}
  .unified-actions{grid-template-columns:1fr 1fr!important;justify-content:stretch!important;}
  .unified-actions .btn,.unified-actions .btn.secondary{width:100%!important;min-width:0!important;}
}

.modern-table-wrap table{border-collapse:collapse!important;border-spacing:0!important;width:100%!important;}
.modern-table-wrap thead th{border-bottom:1px solid var(--line)!important;}
.modern-table-wrap tbody tr{box-shadow:none!important;}
.modern-table-wrap tbody td{border-bottom:1px solid var(--line)!important;vertical-align:middle!important;}
.modern-table-wrap tbody tr:last-child td{border-bottom:0!important;}
.modern-table-wrap td.job-title-cell{display:table-cell!important;}
.job-title-cell span:first-child{display:inline!important;min-width:0!important;}
.job-title-cell .checked-badge{display:inline-flex!important;margin-left:10px!important;vertical-align:middle!important;}

.job-preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;}
.job-preview-grid .job-card{height:100%!important;min-height:285px!important;display:flex!important;flex-direction:column!important;}
.job-preview-grid .job-card h3{min-height:4.4em!important;}
.job-preview-grid .job-card a{margin-top:auto!important;}
@media(max-width:800px){.job-preview-grid{grid-template-columns:1fr!important;}}

.opportunity-hit-stage{
  display:grid!important;
  grid-template-columns:minmax(280px,400px) minmax(520px,1fr)!important;
  gap:26px!important;
  min-height:560px!important;
  align-items:stretch!important;
}
.opportunity-target-canvas{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  display:block!important;
  min-height:500px!important;
  height:100%!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0f352b 0%,#16553f 48%,#2f8a61 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 26px 70px rgba(18,61,47,.24)!important;
  opacity:1!important;
  visibility:visible!important;
}
.opportunity-target-canvas::before{
  content:"";position:absolute;inset:-30%;
  background:radial-gradient(circle at 72% 50%,rgba(186,247,203,.26),transparent 20%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.13),transparent 20%),conic-gradient(from 90deg,transparent,rgba(255,255,255,.12),transparent 30%);
  animation:slowSpin 18s linear infinite;
}
.scan-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black 20%,black 86%,transparent);opacity:.28;}
.opportunity-label{position:absolute;left:30px;top:28px;color:rgba(255,255,255,.88);font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-size:.84rem;z-index:2;}
.target-card{position:absolute;left:34px;width:260px;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 55px rgba(0,0,0,.18);z-index:3;animation:cardGlow 3.4s ease-in-out infinite;}
.target-card.card-one{top:92px;}.target-card.card-two{bottom:86px;animation-delay:.45s;}
.target-card span{display:block;color:#2b765f;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:6px;}.target-card strong{display:block;color:#10241b;font-size:1.04rem;}
.target-ring{position:absolute;right:17%;top:50%;border-radius:999px;transform:translateY(-50%);border:2px solid rgba(255,255,255,.38);z-index:2;animation:ringPulse 2.8s ease-in-out infinite;}
.ring-large{width:310px;height:310px;box-shadow:0 0 0 42px rgba(255,255,255,.07),0 0 0 92px rgba(255,255,255,.04);}.ring-mid{width:210px;height:210px;animation-delay:.2s;}.ring-small{width:116px;height:116px;animation-delay:.4s;}
.target-apple-lockup{position:absolute;right:calc(17% + 108px);top:50%;width:98px;height:98px;transform:translateY(-50%);border-radius:45% 48% 51% 45%;display:grid;place-items:center;background:radial-gradient(circle at 33% 25%,rgba(255,255,255,.64) 0 8%,transparent 9%),linear-gradient(145deg,#49b976 0%,#17714d 46%,#0b4b36 100%);box-shadow:inset 0 -17px 28px rgba(9,40,31,.32),0 24px 55px rgba(0,0,0,.24);color:#fff;font-weight:950;font-size:1.05rem;letter-spacing:-.06em;z-index:5;}
.target-apple-lockup::before{content:"";position:absolute;width:33px;height:18px;right:16px;top:-13px;border-radius:30px 4px 30px 4px;background:linear-gradient(135deg,#76d994,#0b4b36);transform:rotate(-20deg);box-shadow:0 5px 10px rgba(0,0,0,.15);}
.target-apple-lockup span{position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.22);}
.opportunity-arrow{position:absolute;left:34%;top:50%;width:34%;height:46px;transform:translateY(-50%);z-index:4;animation:arrowHitClean 3.1s cubic-bezier(.28,.78,.22,1) infinite;}
.opportunity-arrow-line{position:absolute;left:0;right:34px;top:21px;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,#baf7cb);box-shadow:0 0 24px rgba(186,247,203,.7);}
.opportunity-arrow-head{position:absolute;right:0;top:-2px;color:#fff;font-size:42px;line-height:1;text-shadow:0 0 22px rgba(186,247,203,.85);}
.impact-burst{position:absolute;right:calc(17% + 150px);top:50%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 20px #baf7cb;opacity:0;z-index:6;animation:burstPop 3.1s ease-out infinite;}.burst-two{animation-name:burstPopTwo;animation-delay:.04s}.burst-three{animation-name:burstPopThree;animation-delay:.08s}
@keyframes arrowHitClean{0%{transform:translate(-58%,-50%);opacity:0}18%{opacity:1}58%{transform:translate(30%,-50%);opacity:1}70%{transform:translate(30%,-50%);opacity:0}100%{transform:translate(-58%,-50%);opacity:0}}
@keyframes burstPop{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}61%{opacity:1;transform:translate(20px,-30px) scale(1)}76%,100%{opacity:0;transform:translate(48px,-56px) scale(.1)}}
@keyframes burstPopTwo{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}61%{opacity:1;transform:translate(24px,30px) scale(1)}76%,100%{opacity:0;transform:translate(54px,58px) scale(.1)}}
@keyframes burstPopThree{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}61%{opacity:1;transform:translate(-28px,-6px) scale(1)}76%,100%{opacity:0;transform:translate(-54px,-14px) scale(.1)}}
@keyframes cardGlow{0%,100%{transform:translateX(0);box-shadow:0 20px 55px rgba(0,0,0,.16)}50%{transform:translateX(8px);box-shadow:0 24px 62px rgba(186,247,203,.18)}}
@media(max-width:1100px){.opportunity-hit-stage{grid-template-columns:1fr!important;}.opportunity-target-canvas{grid-column:1!important;grid-row:auto!important;min-height:430px!important;}.target-card{width:220px}.opportunity-arrow{left:20%;width:43%;}}
@media(max-width:620px){.opportunity-target-canvas{min-height:360px!important}.target-card{display:none!important}.target-ring{right:8%;}.target-apple-lockup{right:calc(8% + 92px);width:82px;height:82px}.opportunity-arrow{left:7%;width:55%;}}

/* 2026-05-10 final animation/render and table status fixes */
.career-animation-section.opportunity-hit-section{
  display:block!important;
  grid-template-columns:none!important;
  padding:0!important;
  overflow:visible!important;
}
.career-animation-section.opportunity-hit-section > .opportunity-hit-stage{
  width:100%!important;
  box-sizing:border-box!important;
}
.career-animation-section.opportunity-hit-section .opportunity-target-canvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:linear-gradient(135deg,#062c22 0%,#0b4f3a 46%,#17764f 100%)!important;
  min-width:0!important;
}
.checked-status-cell{min-width:108px!important;white-space:nowrap!important;}
.checked-status-cell .checked-badge{margin:0!important;}
.job-title-cell{display:table-cell!important;}
.job-title-cell .checked-badge{display:none!important;}
.job-row-opened .table-link::after{content:""!important;}
.modern-table-wrap th,.modern-table-wrap td{border-bottom:1px solid var(--line)!important;}
.modern-table-wrap tbody tr:last-child td{border-bottom:0!important;}

/* 2026-05-10 requested UX pass: page loading overlay, reordered homepage, stronger why animation, 2-row previews */
.page-loading-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(246,250,246,.72);
  backdrop-filter:blur(10px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.page-loading-overlay.is-visible{opacity:1;pointer-events:auto;}
.page-loading-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(30,93,70,.14);
  box-shadow:0 24px 70px rgba(22,72,54,.16);
  color:#0f3529;
  font-weight:900;
}
.page-loading-spinner{
  width:28px;height:28px;border-radius:50%;
  border:3px solid rgba(20,95,69,.16);
  border-top-color:#0b5a40;
  animation:pageSpin .82s linear infinite;
}
@keyframes pageSpin{to{transform:rotate(360deg)}}

.company-showcase{margin-top:28px!important;}
.company-logo-scroll{max-height:330px!important;overflow-y:auto!important;scrollbar-width:thin;}
.company-logo-scroll::-webkit-scrollbar{width:10px}.company-logo-scroll::-webkit-scrollbar-thumb{background:rgba(18,83,61,.25);border-radius:999px}.company-logo-scroll::-webkit-scrollbar-track{background:rgba(18,83,61,.06);border-radius:999px}

.premium-why-section{margin-top:28px!important;padding:24px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,249,243,.78))!important;}
.premium-why-stage{
  display:grid!important;
  grid-template-columns:minmax(280px,390px) minmax(520px,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:22px!important;
  min-height:auto!important;
  align-items:stretch!important;
}
.premium-why-copy{padding:34px!important;border-radius:32px!important;box-shadow:0 28px 80px rgba(26,70,53,.10)!important;background:rgba(255,255,255,.86)!important;}
.premium-why-copy h2{font-size:clamp(2rem,3.2vw,3.95rem)!important;line-height:.95!important;letter-spacing:-.075em!important;margin:12px 0 18px!important;}
.premium-why-copy p{font-size:1.02rem!important;line-height:1.65!important;}
.premium-opportunity-canvas{
  grid-column:2!important;grid-row:1 / span 2!important;
  min-height:560px!important;
  border-radius:36px!important;
  background:linear-gradient(135deg,#05291f 0%,#0a4d38 46%,#16764f 100%)!important;
  overflow:hidden!important;
  position:relative!important;
  display:block!important;
  opacity:1!important;visibility:visible!important;
}
.premium-opportunity-canvas::before{content:none!important;}
.radar-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;opacity:.26;mask-image:radial-gradient(circle at 62% 50%,black 0 54%,transparent 78%);}
.radar-sweep{position:absolute;inset:-25%;background:conic-gradient(from 250deg at 62% 50%,transparent 0 72%,rgba(188,247,204,.32) 78%,rgba(255,255,255,.16) 84%,transparent 90%);animation:radarSweep 5.2s linear infinite;transform-origin:62% 50%;}
@keyframes radarSweep{to{transform:rotate(360deg)}}
.radar-header{position:absolute;left:34px;top:30px;z-index:4;color:#fff;}
.radar-header span{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950;color:rgba(210,250,222,.82);margin-bottom:6px;}.radar-header strong{font-size:1.45rem;letter-spacing:-.04em;}
.radar-job-card{position:absolute;z-index:5;width:290px;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 22px 55px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.5);}
.radar-job-card span{display:block;color:#1b7655;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:950;margin-bottom:8px;}.radar-job-card strong{display:block;color:#10231b;font-size:1.1rem;line-height:1.2}.radar-job-card small{display:block;color:#607269;margin-top:7px;line-height:1.35}
.radar-job-one{left:34px;top:112px;animation:matchCardIn 5.4s ease-in-out infinite;}.radar-job-two{left:34px;bottom:112px;animation:matchCardIn 5.4s ease-in-out infinite 1.05s;}
@keyframes matchCardIn{0%,100%{transform:translateX(0);box-shadow:0 22px 55px rgba(0,0,0,.18)}45%,60%{transform:translateX(12px);box-shadow:0 24px 68px rgba(188,247,204,.22)}}
.radar-target-wrap{position:absolute;right:12%;top:50%;width:330px;height:330px;transform:translateY(-50%);z-index:3;}
.radar-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.34);animation:premiumRing 2.7s ease-in-out infinite;}.radar-ring-two{inset:52px;animation-delay:.18s}.radar-ring-three{inset:104px;animation-delay:.36s;background:rgba(255,255,255,.05)}
@keyframes premiumRing{0%,100%{opacity:.58;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}
.premium-target-apple{right:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:112px!important;height:112px!important;}
.precision-arrow{position:absolute;left:43%;top:50%;width:29%;height:46px;transform:translateY(-50%);z-index:7;animation:precisionHit 4.2s cubic-bezier(.26,.86,.23,1) infinite;}
.precision-arrow-line{position:absolute;left:0;right:35px;top:22px;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,#bdf9ce);box-shadow:0 0 26px rgba(189,249,206,.76)}
.precision-arrow-head{position:absolute;right:0;top:-3px;color:#fff;font-size:44px;line-height:1;text-shadow:0 0 20px rgba(189,249,206,.95)}
@keyframes precisionHit{0%{transform:translate(-64%,-50%);opacity:0}18%{opacity:1}54%{transform:translate(18%,-50%);opacity:1}66%{transform:translate(18%,-50%);opacity:0}100%{transform:translate(-64%,-50%);opacity:0}}
.hit-pulse{position:absolute;right:calc(12% + 162px);top:50%;width:16px;height:16px;border-radius:50%;border:2px solid #fff;opacity:0;z-index:8;animation:hitPulse 4.2s ease-out infinite;}.hit-pulse-two{animation-delay:.14s}
@keyframes hitPulse{0%,52%{opacity:0;transform:translate(-50%,-50%) scale(.2)}56%{opacity:1;transform:translate(-50%,-50%) scale(.8)}74%,100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}
.apply-window-card{position:absolute;right:34px;bottom:32px;z-index:6;max-width:280px;padding:18px 20px;border-radius:24px;background:rgba(240,255,245,.92);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 55px rgba(0,0,0,.16);}
.apply-window-card span{display:block;color:#1b7655;text-transform:uppercase;letter-spacing:.13em;font-weight:950;font-size:.72rem;margin-bottom:7px}.apply-window-card strong{display:block;color:#10231b;line-height:1.2}
.premium-benefit-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
.premium-benefit-grid .hit-benefit-card{border-radius:22px!important;background:rgba(255,255,255,.82)!important;padding:18px 20px!important;}

.job-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.job-preview-grid .job-card:nth-child(n+5){display:none!important;}
@media(max-width:1080px){.premium-why-stage{grid-template-columns:1fr!important}.premium-opportunity-canvas{grid-column:1!important;grid-row:auto!important;min-height:480px!important}.radar-target-wrap{right:8%;}.precision-arrow{left:31%;width:36%;}.premium-benefit-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.premium-why-section{padding:16px!important}.premium-opportunity-canvas{min-height:440px!important}.radar-job-card{width:235px}.radar-job-two{bottom:26px}.radar-target-wrap{right:-22px;width:260px;height:260px}.precision-arrow{left:12%;width:50%}.premium-benefit-grid{grid-template-columns:1fr!important}.job-preview-grid{grid-template-columns:1fr!important}.job-preview-grid .job-card:nth-child(n+5){display:none!important}}


/* 2026-05-10 requested update: latest job preview shows 2 rows x 4 columns on desktop */
.job-preview-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
}
.job-preview-grid .job-card{
    min-height:260px!important;
    height:100%!important;
}
.job-preview-grid .job-card:nth-child(n+5){display:flex!important;}
.job-preview-grid .job-card:nth-child(n+9){display:none!important;}
@media(max-width:1180px){
    .job-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
    .job-preview-grid{grid-template-columns:1fr!important;}
    .job-preview-grid .job-card:nth-child(n+9){display:none!important;}
}

/* 2026-05-10 refinement: clean aligned arrow + feature reveal after apple hit */
.premium-opportunity-canvas .precision-arrow.clean-arrow{
    position:absolute!important;
    left:36%!important;
    top:50%!important;
    width:34%!important;
    height:56px!important;
    transform:translateY(-50%)!important;
    z-index:8!important;
    animation:cleanArrowHit 5.8s cubic-bezier(.22,.84,.22,1) infinite!important;
    filter:drop-shadow(0 0 18px rgba(189,249,206,.72));
}
.clean-arrow .arrow-shaft{
    position:absolute!important;
    left:0!important;
    right:34px!important;
    top:26px!important;
    height:6px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(255,255,255,0),#ffffff 26%,#c8ffd9 100%)!important;
    box-shadow:0 0 22px rgba(200,255,217,.58)!important;
}
.clean-arrow .arrow-tip{
    position:absolute!important;
    right:0!important;
    top:15px!important;
    width:0!important;
    height:0!important;
    border-top:14px solid transparent!important;
    border-bottom:14px solid transparent!important;
    border-left:34px solid #ffffff!important;
}
.clean-arrow .arrow-tip::after{
    content:"";
    position:absolute;
    left:-33px;
    top:-10px;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:25px solid #c8ffd9;
    opacity:.95;
}
.clean-arrow .arrow-fletch{
    position:absolute!important;
    left:2px!important;
    width:38px!important;
    height:5px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#c8ffd9,#ffffff)!important;
    transform-origin:right center!important;
    opacity:.92!important;
}
.clean-arrow .arrow-fletch-top{top:16px!important;transform:rotate(24deg)!important;}
.clean-arrow .arrow-fletch-bottom{top:35px!important;transform:rotate(-24deg)!important;}
@keyframes cleanArrowHit{
    0%{transform:translate(-82%,-50%);opacity:0;}
    12%{opacity:1;}
    46%{transform:translate(28%,-50%);opacity:1;}
    54%{transform:translate(28%,-50%) scale(.98);opacity:0;}
    100%{transform:translate(-82%,-50%);opacity:0;}
}
.premium-opportunity-canvas .hit-pulse{animation-duration:5.8s!important;right:calc(12% + 165px)!important;}
@keyframes hitPulse{
    0%,45%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
    49%{opacity:1;transform:translate(-50%,-50%) scale(.75)}
    66%,100%{opacity:0;transform:translate(-50%,-50%) scale(5.2)}
}
.feature-reveal-card{
    position:absolute;
    z-index:9;
    width:245px;
    padding:15px 16px;
    border-radius:22px;
    background:rgba(247,255,250,.94);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 22px 60px rgba(0,0,0,.18);
    opacity:0;
    transform:translateY(14px) scale(.96);
}
.feature-reveal-card span{
    display:inline-grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:50%;
    background:linear-gradient(145deg,#d9f7e3,#9ee3ba);
    color:#0d4f39;
    font-weight:950;
    margin-bottom:8px;
}
.feature-reveal-card strong{display:block;color:#10231b;font-size:1rem;line-height:1.18;margin-bottom:5px;}
.feature-reveal-card small{display:block;color:#5b6e64;line-height:1.38;}
.feature-reveal-one{right:34px;top:74px;animation:featureRevealOne 5.8s ease-in-out infinite;}
.feature-reveal-two{right:34px;top:222px;animation:featureRevealTwo 5.8s ease-in-out infinite;}
.feature-reveal-three{right:34px;bottom:42px;animation:featureRevealThree 5.8s ease-in-out infinite;}
@keyframes featureRevealOne{
    0%,49%{opacity:0;transform:translateY(14px) scale(.96)}
    55%,92%{opacity:1;transform:translateY(0) scale(1)}
    100%{opacity:0;transform:translateY(-8px) scale(.98)}
}
@keyframes featureRevealTwo{
    0%,57%{opacity:0;transform:translateY(14px) scale(.96)}
    63%,92%{opacity:1;transform:translateY(0) scale(1)}
    100%{opacity:0;transform:translateY(-8px) scale(.98)}
}
@keyframes featureRevealThree{
    0%,65%{opacity:0;transform:translateY(14px) scale(.96)}
    71%,92%{opacity:1;transform:translateY(0) scale(1)}
    100%{opacity:0;transform:translateY(-8px) scale(.98)}
}
/* Keep the target readable while feature cards appear */
.premium-opportunity-canvas .radar-target-wrap{right:30%!important;}
.premium-opportunity-canvas .hit-pulse{right:calc(30% + 165px)!important;}
.premium-opportunity-canvas .precision-arrow.clean-arrow{left:27%!important;width:29%!important;}
.premium-opportunity-canvas .radar-job-card{width:260px!important;}
.premium-opportunity-canvas .radar-job-one{left:28px!important;top:128px!important;}
.premium-opportunity-canvas .radar-job-two{left:28px!important;bottom:72px!important;}
@media(max-width:1080px){
    .premium-opportunity-canvas .radar-target-wrap{right:12%!important;}
    .premium-opportunity-canvas .precision-arrow.clean-arrow{left:22%!important;width:42%!important;}
    .feature-reveal-card{width:220px;}
}
@media(max-width:760px){
    .feature-reveal-card{left:18px!important;right:auto!important;width:calc(100% - 36px)!important;}
    .feature-reveal-one{top:24px!important;}
    .feature-reveal-two{top:150px!important;}
    .feature-reveal-three{bottom:22px!important;}
    .premium-opportunity-canvas .radar-target-wrap{right:-30px!important;top:54%!important;width:230px!important;height:230px!important;}
    .premium-opportunity-canvas .precision-arrow.clean-arrow{left:2%!important;width:58%!important;top:54%!important;}
    .premium-opportunity-canvas .radar-job-card{display:none!important;}
}

/* 2026-05-10 final request: reliable page-transition loading + command buttons on their own row */
body.scout-page-loading .page-loading-overlay,
.page-loading-overlay.is-visible{
  opacity:1!important;
  pointer-events:auto!important;
}
body.scout-page-loading{cursor:progress;}
.page-loading-card::after{
  content:"";
  width:7px;height:7px;border-radius:50%;background:#0b5a40;
  box-shadow:13px 0 0 rgba(11,90,64,.45),26px 0 0 rgba(11,90,64,.2);
  animation:loadingDots 1s ease-in-out infinite;
}
@keyframes loadingDots{50%{box-shadow:13px 0 0 rgba(11,90,64,.95),26px 0 0 rgba(11,90,64,.45)}}

.command-center-card{overflow:visible!important;}
.command-center-card .unified-filter-grid,
.unified-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-areas:"keyword company country role" "actions actions actions actions"!important;
  gap:18px 18px!important;
  align-items:start!important;
  width:100%!important;
}
.unified-filter-grid .field-wide{grid-area:keyword!important;min-width:0!important;}
.unified-filter-grid > div:nth-child(2){grid-area:company!important;min-width:0!important;}
.unified-filter-grid > div:nth-child(3){grid-area:country!important;min-width:0!important;}
.unified-filter-grid > div:nth-child(4){grid-area:role!important;min-width:0!important;}
.unified-filter-grid > div:not(.filter-actions){
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
}
.unified-filter-grid label{
  height:28px!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  line-height:1.05!important;
}
.unified-filter-grid input,
.unified-filter-grid select{
  height:56px!important;
  min-height:56px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.unified-filter-grid .filter-actions,
.unified-filter-grid .unified-actions{
  grid-area:actions!important;
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:2px!important;
  padding-top:2px!important;
  min-width:0!important;
}
.unified-filter-grid .filter-actions .btn,
.unified-filter-grid .unified-actions .btn{
  min-width:170px!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
  .command-center-card .unified-filter-grid,
  .unified-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:"keyword company" "country role" "actions actions"!important;
  }
}
@media(max-width:700px){
  .command-center-card .unified-filter-grid,
  .unified-filter-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"keyword" "company" "country" "role" "actions"!important;
  }
  .unified-filter-grid .filter-actions,
  .unified-filter-grid .unified-actions{flex-direction:column!important;align-items:stretch!important;}
  .unified-filter-grid .filter-actions .btn,
  .unified-filter-grid .unified-actions .btn{width:100%!important;min-width:0!important;}
}

/* 2026-05-10 fresh polish: replace arrow animation with opportunity discovery system + single loader */
.page-loading-card::after{display:none!important;content:none!important;}
.page-loading-card{gap:13px!important;}
body.page-loading::before,body.page-loading::after{display:none!important;content:none!important;}

/* Keep exactly one spinner-style loading treatment throughout the app. */
.page-loading-overlay .loader-card{display:flex!important;align-items:center!important;gap:12px!important;}
.loading-card-inline .loader-spinner,.page-loading-spinner,.loader-spinner{flex:0 0 auto;}

/* Fresh why animation: sources light up, beams converge into the ScoutJob apple, then feature cards reveal. */
.premium-opportunity-canvas .precision-arrow,
.premium-opportunity-canvas .clean-arrow,
.premium-opportunity-canvas .arrow-shaft,
.premium-opportunity-canvas .arrow-tip,
.premium-opportunity-canvas .arrow-fletch{display:none!important;visibility:hidden!important;}
.premium-opportunity-canvas{isolation:isolate!important;}
.premium-opportunity-canvas .radar-target-wrap{
  right:50%!important;
  top:48%!important;
  width:250px!important;
  height:250px!important;
  transform:translate(50%,-50%)!important;
  z-index:6!important;
}
.premium-opportunity-canvas .premium-target-apple{
  width:118px!important;
  height:118px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.25), inset 0 14px 20px rgba(255,255,255,.18), inset 0 -16px 26px rgba(0,40,20,.28)!important;
  animation:appleOpportunityPulse 6.6s ease-in-out infinite!important;
}
@keyframes appleOpportunityPulse{
  0%,36%,100%{transform:translate(-50%,-50%) scale(1)!important;}
  44%{transform:translate(-50%,-50%) scale(1.08)!important;}
  52%{transform:translate(-50%,-50%) scale(1)!important;}
}
.opportunity-orbit{
  position:absolute;
  left:50%;top:48%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(210,255,224,.20);
  box-shadow:inset 0 0 40px rgba(210,255,224,.06);
  z-index:2;
  pointer-events:none;
}
.opportunity-orbit-one{width:440px;height:440px;animation:softOrbitPulse 6.6s ease-in-out infinite;}
.opportunity-orbit-two{width:610px;height:610px;animation:softOrbitPulse 6.6s ease-in-out infinite .5s;opacity:.72;}
@keyframes softOrbitPulse{0%,100%{opacity:.38;transform:translate(-50%,-50%) scale(.98)}45%,62%{opacity:.95;transform:translate(-50%,-50%) scale(1.02)}}
.source-node{
  position:absolute;
  width:74px;height:74px;
  border-radius:24px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(230,255,239,.88));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 26px 70px rgba(0,0,0,.20);
  z-index:7;
  animation:sourceNodeGlow 6.6s ease-in-out infinite;
}
.source-node span{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#0e6b47,#23a467);box-shadow:0 0 0 9px rgba(35,164,103,.12),0 0 26px rgba(35,164,103,.45);}
.source-node::after{
  content:"";
  position:absolute;inset:-10px;
  border-radius:30px;
  border:1px solid rgba(190,255,210,.46);
  opacity:0;
  animation:nodePing 6.6s ease-in-out infinite;
}
.source-node-one{left:38px;top:218px;animation-delay:.1s}.source-node-one::after{animation-delay:.1s}
.source-node-two{left:50%;top:72px;transform:translateX(-50%);animation-delay:.55s}.source-node-two::after{animation-delay:.55s}
.source-node-three{right:38px;bottom:162px;animation-delay:1s}.source-node-three::after{animation-delay:1s}
@keyframes sourceNodeGlow{0%,28%,100%{filter:none;transform:translateY(0) scale(1)}38%,54%{filter:drop-shadow(0 0 24px rgba(190,255,210,.58));transform:translateY(-4px) scale(1.04)}}
.source-node-two{animation-name:sourceNodeGlowCenter}@keyframes sourceNodeGlowCenter{0%,28%,100%{filter:none;transform:translateX(-50%) translateY(0) scale(1)}38%,54%{filter:drop-shadow(0 0 24px rgba(190,255,210,.58));transform:translateX(-50%) translateY(-4px) scale(1.04)}}
@keyframes nodePing{0%,33%{opacity:0;transform:scale(.86)}43%{opacity:1;transform:scale(1)}60%,100%{opacity:0;transform:scale(1.28)}}
.discovery-beam{
  position:absolute;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(190,255,210,0),rgba(229,255,236,.95),rgba(190,255,210,0));
  box-shadow:0 0 28px rgba(190,255,210,.68);
  transform-origin:right center;
  opacity:0;
  z-index:5;
  animation:beamConverge 6.6s ease-in-out infinite;
}
.beam-one{left:93px;top:255px;width:330px;transform:rotate(10deg);animation-delay:.12s;}
.beam-two{left:50%;top:142px;width:205px;transform:translateX(-100%) rotate(-61deg);animation-delay:.58s;}
.beam-three{right:96px;bottom:202px;width:310px;transform:rotate(-166deg);animation-delay:1.05s;}
@keyframes beamConverge{0%,30%{opacity:0;clip-path:inset(0 100% 0 0)}38%,54%{opacity:1;clip-path:inset(0 0 0 0)}66%,100%{opacity:0;clip-path:inset(0 0 0 100%)}}
.premium-opportunity-canvas .hit-pulse{
  left:50%!important;right:auto!important;top:48%!important;
  width:18px!important;height:18px!important;
  animation:opportunityImpact 6.6s ease-out infinite!important;
}
.premium-opportunity-canvas .hit-pulse-two{animation-delay:.18s!important;}
@keyframes opportunityImpact{0%,43%{opacity:0;transform:translate(-50%,-50%) scale(.2)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}76%,100%{opacity:0;transform:translate(-50%,-50%) scale(9)}}
.feature-reveal-card{width:240px!important;}
.feature-reveal-one{right:26px!important;top:34px!important;animation:featureRevealOneFresh 6.6s ease-in-out infinite!important;}
.feature-reveal-two{right:26px!important;top:190px!important;animation:featureRevealTwoFresh 6.6s ease-in-out infinite!important;}
.feature-reveal-three{right:26px!important;bottom:34px!important;animation:featureRevealThreeFresh 6.6s ease-in-out infinite!important;}
@keyframes featureRevealOneFresh{0%,51%{opacity:0;transform:translateX(18px) scale(.96)}58%,92%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(0) scale(.98)}}
@keyframes featureRevealTwoFresh{0%,59%{opacity:0;transform:translateX(18px) scale(.96)}66%,92%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(0) scale(.98)}}
@keyframes featureRevealThreeFresh{0%,67%{opacity:0;transform:translateX(18px) scale(.96)}74%,92%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(0) scale(.98)}}
.premium-opportunity-canvas .radar-job-one{left:28px!important;top:112px!important;}
.premium-opportunity-canvas .radar-job-two{left:28px!important;bottom:72px!important;}
@media(max-width:1080px){
  .premium-opportunity-canvas .radar-target-wrap{right:50%!important;top:47%!important;}
  .feature-reveal-card{width:220px!important;}
  .source-node-three{right:24px!important;}
  .source-node-one{left:24px!important;}
}
@media(max-width:760px){
  .premium-opportunity-canvas{min-height:560px!important;}
  .premium-opportunity-canvas .radar-target-wrap{top:48%!important;width:210px!important;height:210px!important;}
  .premium-opportunity-canvas .premium-target-apple{width:92px!important;height:92px!important;}
  .opportunity-orbit-one{width:300px;height:300px}.opportunity-orbit-two{width:420px;height:420px}
  .source-node{width:54px;height:54px;border-radius:18px}.source-node span{width:18px;height:18px;}
  .source-node-one{left:18px!important;top:236px!important}.source-node-two{top:90px!important}.source-node-three{right:18px!important;bottom:196px!important;}
  .discovery-beam{display:none!important;}
  .feature-reveal-card{left:18px!important;right:auto!important;width:calc(100% - 36px)!important;}
  .feature-reveal-one{top:18px!important}.feature-reveal-two{top:auto!important;bottom:126px!important}.feature-reveal-three{bottom:18px!important}
}

/* 2026-05-10 requested UX: no page-blocking loader. Show the shell immediately and let data render as it becomes available. */
.page-loading-overlay,
.page-loading-card,
body.page-loading::before,
body.page-loading::after,
body.scout-page-loading .page-loading-overlay {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  content: none !important;
}
body.page-loading,
body.scout-page-loading { cursor: default !important; }
.loading-card-inline { display: none !important; }

/* Center-radar opportunity animation: no numbers, no arrow, logo/scanner at the center, jobs pop up around it. */
.centered-scan-canvas {
  position: relative !important;
  min-height: 560px !important;
  overflow: hidden !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(98, 214, 140, .30) 0 7%, transparent 24%),
    radial-gradient(circle at 24% 22%, rgba(176, 244, 197, .18), transparent 32%),
    linear-gradient(145deg, #08271c 0%, #0d3f2d 48%, #071d16 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 30px 90px rgba(6,35,24,.18) !important;
}
.centered-scan-canvas .radar-grid,
.centered-scan-canvas .radar-sweep,
.centered-scan-canvas .radar-header,
.centered-scan-canvas .radar-job-card,
.centered-scan-canvas .radar-target-wrap,
.centered-scan-canvas .opportunity-orbit,
.centered-scan-canvas .discovery-beam,
.centered-scan-canvas .source-node,
.centered-scan-canvas .hit-pulse,
.centered-scan-canvas .feature-reveal-card {
  display: none !important;
}
.scan-background-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .23;
  mask-image: radial-gradient(circle at center, black 0 58%, transparent 78%);
}
.scan-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px solid rgba(201, 255, 218, .32);
  box-shadow: 0 0 36px rgba(54, 211, 120, .10);
}
.scan-ring-one { width: 190px; height: 190px; animation: scanPulse 3.2s ease-in-out infinite; }
.scan-ring-two { width: 320px; height: 320px; animation: scanPulse 3.2s ease-in-out infinite .22s; }
.scan-ring-three { width: 460px; height: 460px; animation: scanPulse 3.2s ease-in-out infinite .44s; }
.scan-sweep {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 520px;
  height: 520px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(190,255,209,.42) 0 24deg, rgba(190,255,209,.08) 42deg, transparent 76deg 360deg);
  filter: blur(.2px);
  animation: centerSweep 4.8s linear infinite;
  opacity: .95;
  mask-image: radial-gradient(circle, transparent 0 15%, black 16% 65%, transparent 70%);
}
.scan-sweep::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform-origin: 0 50%;
  background: linear-gradient(90deg, rgba(214,255,225,.95), rgba(214,255,225,0));
  box-shadow: 0 0 22px rgba(118,255,159,.55);
}
.scan-apple-core {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  width: 112px !important;
  height: 112px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 8 !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.32), 0 0 0 10px rgba(255,255,255,.06), 0 0 52px rgba(95,238,143,.44) !important;
  animation: appleSignal 4.8s ease-in-out infinite !important;
}
.scan-status-pill {
  position: absolute;
  left: 50%;
  top: calc(50% + 86px);
  transform: translateX(-50%);
  z-index: 9;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: rgba(230,255,237,.92);
  border: 1px solid rgba(255,255,255,.18);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}
.scan-job-pop {
  position: absolute;
  z-index: 10;
  width: min(280px, 38%);
  padding: 17px 18px;
  border-radius: 24px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.60);
  box-shadow: 0 26px 70px rgba(0,0,0,.22);
  opacity: 0;
  transform: translateY(16px) scale(.94);
}
.scan-job-pop span {
  display: block;
  margin-bottom: 7px;
  color: #176b4d;
  font-weight: 950;
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.scan-job-pop strong { display: block; color: #10231b; line-height: 1.18; font-size: 1.05rem; }
.scan-job-pop small { display: block; color: #607269; margin-top: 7px; line-height: 1.35; }
.scan-job-pop-one { left: 34px; top: 82px; animation: jobPopOne 7.2s ease-in-out infinite; }
.scan-job-pop-two { right: 34px; top: 168px; animation: jobPopTwo 7.2s ease-in-out infinite; }
.scan-job-pop-three { left: 50%; bottom: 38px; transform: translate(-50%, 16px) scale(.94); animation: jobPopThree 7.2s ease-in-out infinite; }
@keyframes centerSweep { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes scanPulse { 50% { border-color: rgba(216,255,228,.58); box-shadow: 0 0 48px rgba(54,211,120,.18); } }
@keyframes appleSignal { 0%, 70%, 100% { transform: translate(-50%, -50%) scale(1) !important; } 76% { transform: translate(-50%, -50%) scale(1.08) !important; } 82% { transform: translate(-50%, -50%) scale(1) !important; } }
@keyframes jobPopOne { 0%, 12% { opacity:0; transform:translateY(16px) scale(.94); } 18%, 84% { opacity:1; transform:translateY(0) scale(1); } 94%,100% { opacity:0; transform:translateY(-10px) scale(.98); } }
@keyframes jobPopTwo { 0%, 26% { opacity:0; transform:translateY(16px) scale(.94); } 34%, 84% { opacity:1; transform:translateY(0) scale(1); } 94%,100% { opacity:0; transform:translateY(-10px) scale(.98); } }
@keyframes jobPopThree { 0%, 42% { opacity:0; transform:translate(-50%, 16px) scale(.94); } 52%, 84% { opacity:1; transform:translate(-50%, 0) scale(1); } 94%,100% { opacity:0; transform:translate(-50%, -10px) scale(.98); } }

/* Latest job preview: exactly 2 rows x 4 columns on desktop, with graceful wrapping below. */
.job-preview-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.job-preview-grid .job-card:nth-child(n+9) { display: none !important; }
@media (max-width: 1120px) { .job-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 680px) { .job-preview-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 900px) {
  .centered-scan-canvas { min-height: 620px !important; }
  .scan-ring-three, .scan-sweep { width: 400px; height: 400px; }
  .scan-job-pop { width: calc(100% - 56px); left: 28px !important; right: auto !important; }
  .scan-job-pop-one { top: 28px; }
  .scan-job-pop-two { top: auto; bottom: 126px; }
  .scan-job-pop-three { bottom: 28px; transform: translateY(16px) scale(.94); }
  @keyframes jobPopThree { 0%, 42% { opacity:0; transform:translateY(16px) scale(.94); } 52%, 84% { opacity:1; transform:translateY(0) scale(1); } 94%,100% { opacity:0; transform:translateY(-10px) scale(.98); } }
}

/* 2026-05-10 dashboard data-loading pass: no page blocker, stream the shell and show inline placeholders only where data is still loading. */
.dashboard-loading-shell{
  margin-top:18px;
  padding:24px!important;
  overflow:hidden;
}
.dashboard-data-loading.loading-card-inline{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:0 0 20px 0!important;
}
.dashboard-loading-dot{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#0b5a40;
  box-shadow:0 0 0 8px rgba(11,90,64,.10),0 0 30px rgba(11,90,64,.30);
  animation:dashboardDotPulse 1.45s ease-in-out infinite;
  flex:0 0 auto;
}
@keyframes dashboardDotPulse{50%{transform:scale(1.18);box-shadow:0 0 0 13px rgba(11,90,64,.05),0 0 34px rgba(11,90,64,.34)}}
.dashboard-skeleton-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.skeleton-panel{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#eef5f1;
  border:1px solid rgba(31,77,61,.09);
}
.skeleton-panel::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:skeletonSweep 1.35s ease-in-out infinite;
}
.skeleton-command{height:132px;}
.skeleton-results{height:310px;}
@keyframes skeletonSweep{100%{transform:translateX(100%)}}

/* Larger center radar: more rings reaching the boundary, with job cards instead of generic CTA text. */
.centered-scan-canvas::before,
.centered-scan-canvas::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  z-index:1;
}
.centered-scan-canvas::before{
  width:610px;
  height:610px;
  border:1px solid rgba(201,255,218,.22);
  box-shadow:0 0 52px rgba(54,211,120,.08);
  animation:scanPulse 3.2s ease-in-out infinite .66s;
}
.centered-scan-canvas::after{
  width:760px;
  height:760px;
  border:1px solid rgba(201,255,218,.15);
  box-shadow:0 0 60px rgba(54,211,120,.06);
  animation:scanPulse 3.2s ease-in-out infinite .88s;
}
.scan-ring-one,.scan-ring-two,.scan-ring-three,.scan-sweep,.scan-background-grid{z-index:2;}
.scan-apple-core,.scan-status-pill,.scan-job-pop{z-index:10;}
.scan-ring-one { width: 180px!important; height: 180px!important; }
.scan-ring-two { width: 310px!important; height: 310px!important; }
.scan-ring-three { width: 455px!important; height: 455px!important; }
.scan-sweep { width: 720px!important; height: 720px!important; mask-image: radial-gradient(circle, transparent 0 12%, black 13% 76%, transparent 80%)!important; }
.scan-job-pop-three strong{color:#0f3f30!important;}
@media (max-width: 900px){
  .centered-scan-canvas::before{width:520px;height:520px;}
  .centered-scan-canvas::after{width:660px;height:660px;}
  .scan-sweep{width:590px!important;height:590px!important;}
}

/* Browser alert help tooltip */
.notification-control-wrap{position:relative;display:flex;align-items:center;gap:8px;justify-self:end;}
.notification-help{width:26px;height:26px;border-radius:999px;border:1px solid rgba(31,77,61,.18);background:#eef7f2;color:#1f4d3d;font-weight:900;cursor:pointer;line-height:1;}
.notification-help-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,80vw);padding:12px 14px;border-radius:16px;background:#102a22;color:#fff;box-shadow:0 18px 40px rgba(13,37,29,.18);font-size:.88rem;line-height:1.35;z-index:30;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;}
.notification-help-popover:before{content:"";position:absolute;right:11px;top:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #102a22;}
.notification-control-wrap:hover .notification-help-popover,.notification-control-wrap:focus-within .notification-help-popover{opacity:1;visibility:visible;transform:translateY(0);}
@media (max-width:720px){.notification-control-wrap{justify-self:stretch;width:100%;}.notification-help-popover{right:auto;left:0;width:min(320px,92vw);}.notification-help-popover:before{right:auto;left:calc(100% - 42px);}}

.updates-stack {
    display: grid;
    gap: 18px;
}

.whats-new-card .feature-list,
.feature-list {
    margin: 18px 0 0;
    padding-left: 22px;
}

.whats-new-card .feature-list li,
.feature-list li {
    margin: 8px 0;
}

.eyebrow {
    color: #0d6b45;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.success-card {
    border-color: #b8e6c9;
    background: #edfdf4;
    color: #075a35;
}

.danger-card {
    border-color: #ffc9c9;
    background: #fff2f2;
    color: #8a1515;
}

.form-stack {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.form-stack textarea {
    width: 100%;
    border: 1px solid #cfe3d8;
    border-radius: 14px;
    padding: 12px 14px;
    font: inherit;
    background: #fff;
}

.role-checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.65rem 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(20, 83, 65, 0.16);
  border-radius: 18px;
  background: rgba(236, 248, 243, 0.7);
}

.role-checkbox-grid label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #174f3b;
}

.role-checkbox-grid input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #17684f;
}

.small-help {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

/* ScoutJob multi-role filter polish: compact chips, no overlap */
.role-checkbox-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid rgba(31,77,61,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfefc,#eef8f3)!important;
  min-height:56px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.role-checkbox-grid label,
.unified-filter-grid .role-checkbox-grid label,
.filter-grid .role-checkbox-grid label{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid rgba(31,77,61,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#18543f!important;
  font-size:.92rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  box-shadow:0 6px 14px rgba(31,77,61,.05)!important;
  white-space:normal!important;
}
.role-checkbox-grid input[type="checkbox"],
.unified-filter-grid .role-checkbox-grid input[type="checkbox"],
.filter-grid .role-checkbox-grid input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:0!important;
  margin:0!important;
  border:2px solid #1f6a50!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-content:center!important;
}
.role-checkbox-grid input[type="checkbox"]:checked,
.unified-filter-grid .role-checkbox-grid input[type="checkbox"]:checked,
.filter-grid .role-checkbox-grid input[type="checkbox"]:checked{
  background:#17684f!important;
  border-color:#17684f!important;
}
.role-checkbox-grid input[type="checkbox"]:checked::after,
.unified-filter-grid .role-checkbox-grid input[type="checkbox"]:checked::after,
.filter-grid .role-checkbox-grid input[type="checkbox"]:checked::after{
  content:"";
  width:6px;
  height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
  margin-top:-2px;
}
.role-checkbox-grid label:has(input[type="checkbox"]:checked){
  background:#e7f5ef!important;
  border-color:rgba(23,104,79,.35)!important;
}
.unified-filter-grid .role-checkbox-grid + .small-help,
.role-checkbox-grid + .small-help{
  margin-top:8px!important;
  line-height:1.35!important;
}
.outreach-role-field{grid-column:span 2;}
.compact-role-grid{max-width:100%;}
@media(max-width:900px){.outreach-role-field{grid-column:span 1;}}

/* 2026-05-17 command-center layout fix: put actions in the former role column and move multi-role chips to a full-width next row. */
.command-center-card .unified-filter-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,1.1fr) minmax(220px,.9fr) minmax(220px,.9fr) minmax(300px,auto)!important;
  grid-template-areas:
    "keyword company country actions"
    "role role role role"!important;
  column-gap:18px!important;
  row-gap:20px!important;
  align-items:start!important;
}
.command-center-card .unified-filter-grid > div:nth-child(1){grid-area:keyword!important;}
.command-center-card .unified-filter-grid > div:nth-child(2){grid-area:company!important;}
.command-center-card .unified-filter-grid > div:nth-child(3){grid-area:country!important;}
.command-center-card .unified-filter-grid > div:nth-child(4){grid-area:role!important;}
.command-center-card .unified-filter-grid .filter-actions,
.command-center-card .unified-filter-grid .unified-actions{
  grid-area:actions!important;
  grid-column:auto!important;
  margin:0!important;
  padding-top:36px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.command-center-card .unified-filter-grid .filter-actions .btn,
.command-center-card .unified-filter-grid .unified-actions .btn{
  min-width:140px!important;
  height:56px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.command-center-card .unified-filter-grid > div:not(.filter-actions){
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.command-center-card .unified-filter-grid label:not(.role-checkbox-grid label){
  height:28px!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
}
.command-center-card .unified-filter-grid input:not([type="checkbox"]),
.command-center-card .unified-filter-grid select{
  height:56px!important;
  min-height:56px!important;
}
.command-center-card .role-checkbox-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  min-height:68px!important;
  max-height:none!important;
  overflow:visible!important;
}
.command-center-card .role-checkbox-grid label{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  line-height:1.05!important;
}
.command-center-card .role-checkbox-grid + .small-help{
  margin:2px 0 0!important;
  max-width:100%!important;
}

/* Reuse the same clean horizontal chip behavior in Outreach Admin. */
.outreach-role-field .role-checkbox-grid,
.outreach-role-field .compact-role-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  max-height:none!important;
  overflow:visible!important;
}
.outreach-role-field .role-checkbox-grid label,
.outreach-role-field .compact-role-grid label{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
}

@media(max-width:1100px){
  .command-center-card .unified-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "keyword company"
      "country actions"
      "role role"!important;
  }
  .command-center-card .unified-filter-grid .filter-actions,
  .command-center-card .unified-filter-grid .unified-actions{padding-top:36px!important;}
}
@media(max-width:700px){
  .command-center-card .unified-filter-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "keyword"
      "company"
      "country"
      "actions"
      "role"!important;
  }
  .command-center-card .unified-filter-grid .filter-actions,
  .command-center-card .unified-filter-grid .unified-actions{
    padding-top:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .command-center-card .unified-filter-grid .filter-actions .btn,
  .command-center-card .unified-filter-grid .unified-actions .btn{width:100%!important;min-width:0!important;}
  .command-center-card .role-checkbox-grid label{white-space:normal!important;}
}

/* Support and recurring-billing UI restored without changing existing dashboard layout */
.billing-disclaimer{margin:14px 0 18px;padding:14px 16px;border:1px solid rgba(31,107,80,.18);border-radius:18px;background:rgba(235,247,240,.75);color:#24483c;font-weight:650;line-height:1.5}.billing-policy-card{margin-top:18px}.billing-action-form{margin:14px 0}.small-note{font-size:.92rem}.notice{padding:12px 14px;border-radius:16px;margin:12px 0;font-weight:650}.notice.success{background:#e8f7ee;border:1px solid #b7e1c5;color:#1d6b43}.notice.error{background:#fff1f0;border:1px solid #ffc7c3;color:#9f2b20}.form-stack{display:grid;gap:16px}.form-stack textarea{width:100%;border:1px solid #dce7e1;border-radius:18px;padding:14px 16px;font:inherit;background:#fff;color:#102019;resize:vertical}.support-grid{align-items:start}.support-request-list{display:grid;gap:14px}.support-request-item{border:1px solid #dce7e1;border-radius:20px;padding:16px;background:rgba(255,255,255,.72)}.support-request-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.support-message-cell{max-width:420px;white-space:normal;line-height:1.45}.admin-note{margin-top:10px;padding:10px 12px;border-radius:14px;background:#eef7f2}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#e4f5ed;color:#1f6b50;padding:6px 10px;font-weight:750;font-size:.82rem}.support-admin-card{margin-top:18px}

.scrape-run-stack{display:flex;flex-direction:column;gap:6px;align-items:flex-start;}
.soft-tag.danger-tag,.danger-tag{background:rgba(255,237,237,.95)!important;color:#9f1f1f!important;border-color:rgba(180,40,40,.25)!important;}

.inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.tiny-btn{padding:6px 10px!important;font-size:.78rem!important;border-radius:999px!important;line-height:1.1!important;min-height:auto!important;}
.checked-status-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.support-item-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;}


/* 2026-05-19 dashboard checked/refresh polish */
.jobs-header-actions{gap:12px!important;}
.jobs-action-pill{min-width:132px!important;height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;box-sizing:border-box!important;}
.checked-status-cell{min-width:150px!important;white-space:nowrap!important;display:table-cell!important;vertical-align:middle!important;}
.checked-status-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;}
.check-toggle-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:118px;height:34px;border:0;border-radius:999px;background:#e8f6f1;color:#185941;font-weight:800;font-size:.84rem;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease;}
.check-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,86,62,.12);}
.check-toggle-btn.is-checked{background:#1f6b50;color:#fff;}
.check-toggle-btn.is-toggling{cursor:wait;opacity:.82;transform:scale(.98);}
.check-toggle-spinner{display:none;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:checkToggleSpin .65s linear infinite;}
.check-toggle-btn.is-toggling .check-toggle-spinner{display:inline-block;}
@keyframes checkToggleSpin{to{transform:rotate(360deg);}}
@media(max-width:760px){.jobs-action-pill{min-width:118px!important;height:46px!important}.checked-status-cell{min-width:130px!important}.check-toggle-btn{min-width:108px}}

.profile-account-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;}
.profile-account-actions form{margin:0;}

/* 2026-05-19 refresh button loading animation */
.refresh-jobs-btn{gap:8px!important;position:relative!important;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease!important;}
.refresh-jobs-btn.is-loading{cursor:wait!important;opacity:.86!important;transform:scale(.98)!important;}
.refresh-spinner{display:none;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:checkToggleSpin .7s linear infinite;}
.refresh-jobs-btn.is-loading .refresh-spinner{display:inline-block;}

/* 2026-05-19 button micro-interactions and inline loading buttons */
button,.btn{
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease, background .16s ease, color .16s ease!important;
}
button:not(:disabled):active,.btn:not(:disabled):active{
  transform:scale(.97)!important;
}
.loading-button{gap:8px!important;position:relative!important;}
.loading-button.is-loading{cursor:wait!important;opacity:.86!important;transform:scale(.98)!important;}
.button-spinner{display:none;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:checkToggleSpin .7s linear infinite;}
.loading-button.is-loading .button-spinner{display:inline-block;}

/* Inline browser alert filter warning */
.notification-inline-warning{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,86vw);padding:10px 12px;border-radius:14px;border:1px solid rgba(31,77,61,.18);background:#fff8df;color:#5b4300;font-size:.84rem;font-weight:800;line-height:1.35;box-shadow:0 14px 34px rgba(92,67,0,.12);z-index:35;}
.notification-inline-warning[hidden]{display:none!important;}
.notification-inline-warning:before{content:"";position:absolute;right:44px;top:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff8df;}
@media(max-width:720px){.notification-inline-warning{right:auto;left:0;width:min(320px,92vw);}.notification-inline-warning:before{right:auto;left:46px;}}

/* 2026-05-21 browser-alert tooltip + instant role-filter refresh fix */
.notification-control-wrap{position:relative!important;z-index:80!important;}
.notification-help-popover{
  top:auto!important;
  bottom:calc(100% + 12px)!important;
  right:0!important;
  z-index:2000!important;
  transform:translateY(4px)!important;
}
.notification-help-popover:before{
  top:auto!important;
  bottom:-7px!important;
  border-left:7px solid transparent!important;
  border-right:7px solid transparent!important;
  border-top:7px solid #102a22!important;
  border-bottom:0!important;
}
.notification-control-wrap:hover .notification-help-popover,
.notification-control-wrap:focus-within .notification-help-popover{transform:translateY(0)!important;}

.role-filter-chip{position:relative!important;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease!important;}
.role-filter-chip:hover{transform:translateY(-1px)!important;}
.role-chip-spinner{display:none;width:14px;height:14px;border:2px solid rgba(31,106,80,.22);border-top-color:#1f6a50;border-radius:999px;animation:checkToggleSpin .7s linear infinite;}
.role-filter-chip.is-loading{opacity:.78!important;pointer-events:none!important;box-shadow:0 10px 22px rgba(31,77,61,.11)!important;}
.role-filter-chip.is-loading .role-chip-spinner{display:inline-block!important;}
.role-filter-chip.is-loading input[type="checkbox"]{display:none!important;}

/* Company logo display: use uploaded logos when available, and fall back to the existing company name text when a logo is missing. */
.company-logo-chip{display:inline-flex;align-items:center;justify-content:center;max-width:100%;vertical-align:middle;line-height:1;}
.company-logo-image{display:block;object-fit:contain;max-width:100%;height:auto;transition:transform .16s ease,filter .16s ease;}
.company-logo-fallback-text{align-items:center;justify-content:center;font-weight:850;color:inherit;line-height:1.15;white-space:normal;}
.company-logo-chip.has-logo .company-logo-fallback-text{display:none;}
.company-logo-chip.no-logo .company-logo-fallback-text{display:inline-flex;}
.company-logo-small .company-logo-image{width:88px;max-height:24px;}
.company-logo-normal .company-logo-image{width:112px;max-height:30px;}
.company-logo-large .company-logo-image{width:132px;max-height:42px;}
.company-badge .company-logo-chip{min-height:20px;}
.company-badge .company-logo-small .company-logo-image{width:82px;max-height:22px;}
td .company-logo-chip{min-width:92px;justify-content:flex-start;}
td .company-logo-fallback-text{font-weight:850;}
.company-logo-card .company-logo-chip{justify-content:flex-start;min-height:46px;}
.company-logo-card .company-logo-large .company-logo-image{width:142px;max-height:48px;}
.company-logo-card:hover .company-logo-image{transform:translateY(-2px) scale(1.03);}
:root[data-theme="dark"] .company-logo-image{filter:drop-shadow(0 8px 20px rgba(0,0,0,.24));}
@media(max-width:850px){.company-logo-normal .company-logo-image{width:96px;max-height:28px}.company-logo-large .company-logo-image{width:118px;max-height:38px}}

/* Home page logo layout polish: centered company watchlist icons and split company row in latest job cards. */
.company-showcase .company-logo-card{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:116px!important;
    padding:18px 16px!important;
}
.company-showcase .company-logo-card .company-logo-chip{
    justify-content:center!important;
    width:100%!important;
    min-height:58px!important;
}
.company-showcase .company-logo-card .company-logo-large .company-logo-image{
    width:118px!important;
    max-height:54px!important;
    margin:0 auto!important;
}
.company-showcase .company-logo-card small{display:none!important;}
.latest-job-company-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:34px!important;
    margin-bottom:2px!important;
}
.latest-job-company-name{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#1f6b50!important;
    font-weight:900!important;
    line-height:1.1!important;
}
.latest-job-company-logo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:88px!important;
    max-width:50%!important;
}
.latest-job-company-logo .company-logo-chip{
    justify-content:flex-end!important;
    width:100%!important;
}
.latest-job-company-logo .company-logo-small .company-logo-image{
    width:74px!important;
    max-height:26px!important;
}
.latest-job-company-logo .company-logo-fallback-text{
    text-align:right!important;
    font-size:.86rem!important;
    color:#1f6b50!important;
}
@media(max-width:760px){
    .latest-job-company-row{grid-template-columns:1fr!important;align-items:flex-start!important;gap:8px!important;}
    .latest-job-company-logo{justify-content:flex-start!important;max-width:100%!important;}
    .latest-job-company-logo .company-logo-chip{justify-content:flex-start!important;}
}


/* 2026-05-21 ScoutJob logo and home card refinements. */
.brand-logo-img{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    object-fit:cover!important;
    display:block!important;
    box-shadow:0 10px 24px rgba(18,61,47,.16)!important;
}
.mini-brand-logo{
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    margin-right:8px!important;
    box-shadow:0 6px 14px rgba(18,61,47,.14)!important;
}
.company-showcase .company-logo-card{
    flex-direction:column!important;
    gap:12px!important;
}
.company-logo-card-name{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:.95rem!important;
    font-weight:900!important;
    color:#234f40!important;
    line-height:1.15!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.company-showcase .company-logo-card .company-logo-chip{
    min-height:62px!important;
}
.latest-job-company-row{
    grid-template-columns:minmax(0,1fr) minmax(104px,50%)!important;
    min-height:44px!important;
    margin-bottom:8px!important;
}
.latest-job-company-logo{
    min-width:104px!important;
}
.latest-job-company-logo .company-logo-small .company-logo-image{
    width:98px!important;
    max-height:38px!important;
}
.latest-job-company-logo .company-logo-fallback-text{
    font-size:.95rem!important;
}
@media(max-width:760px){
    .latest-job-company-row{grid-template-columns:1fr!important;}
    .latest-job-company-logo .company-logo-small .company-logo-image{width:92px!important;max-height:34px!important;}
}


/* 2026-05-21 visible jobs company row polish: show company name and logo side by side, and keep dashboard logos crisp. */
.visible-job-company-cell{
    min-width:220px!important;
}
.visible-job-company-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(82px,42%)!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
}
.visible-job-company-name{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-weight:900!important;
    color:#17251d!important;
    line-height:1.15!important;
}
.visible-job-company-logo{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:82px!important;
}
.visible-job-company-logo .company-logo-chip{
    justify-content:flex-end!important;
    min-width:0!important;
    width:100%!important;
}
.visible-job-company-logo .company-logo-image,
.modern-table-wrap td .company-logo-image{
    width:auto!important;
    max-width:96px!important;
    max-height:34px!important;
    height:auto!important;
    object-fit:contain!important;
    image-rendering:auto!important;
    image-rendering:-webkit-optimize-contrast;
    transform:none!important;
    backface-visibility:hidden!important;
    filter:none!important;
}
.modern-table-wrap td .company-logo-card:hover .company-logo-image,
.modern-table-wrap td .company-logo-chip:hover .company-logo-image{
    transform:none!important;
}
.visible-job-company-logo .company-logo-fallback-text{
    text-align:right!important;
    font-size:.9rem!important;
    color:#1f6b50!important;
    font-weight:900!important;
}
@media(max-width:850px){
    .visible-job-company-cell{min-width:180px!important;}
    .visible-job-company-row{grid-template-columns:1fr!important;gap:6px!important;}
    .visible-job-company-logo{justify-content:flex-start!important;}
    .visible-job-company-logo .company-logo-chip{justify-content:flex-start!important;}
}


/* 2026-05-21 footer logo + visible jobs spacing fix */
.footer-brand-logo{
    width:58px!important;
    height:58px!important;
    border-radius:18px!important;
    object-fit:contain!important;
    display:block!important;
    flex:0 0 auto!important;
    box-shadow:0 18px 38px rgba(31,77,61,.18)!important;
}
.visible-job-company-cell{
    min-width:150px!important;
    width:1%!important;
    white-space:nowrap!important;
}
.visible-job-company-row{
    display:inline-flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:auto!important;
    max-width:100%!important;
}
.visible-job-company-name{
    flex:0 1 auto!important;
    max-width:112px!important;
}
.visible-job-company-logo{
    min-width:0!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
}
.visible-job-company-logo .company-logo-chip{
    width:auto!important;
    justify-content:flex-start!important;
}
.visible-job-company-logo .company-logo-image,
.modern-table-wrap td .company-logo-image{
    max-width:42px!important;
    max-height:42px!important;
}
@media(max-width:850px){
    .visible-job-company-name{max-width:150px!important;}
    .visible-job-company-row{display:inline-flex!important;gap:10px!important;}
}

/* Live dashboard requested update: show company text only, no company logo/icon. */
.live-dashboard-company-name{display:inline-block!important;max-width:220px!important;white-space:normal!important;}
.visible-job-company-cell{min-width:150px!important;}

/* 2026-05-22 visible jobs theme polish: make company name use ScoutJob green. */
.visible-job-company-name,
.live-dashboard-company-name{
    color:#1f6b50!important;
}

/* Owner admin tables should show company names instead of logos. */
.admin-company-name{font-weight:850;color:#1f6b50;white-space:nowrap;}
:root[data-theme="dark"] .admin-company-name{color:#7fd6ad;}

.new-jobs-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(16, 112, 84, 0.18);
    border-radius: 18px;
    background: rgba(225, 246, 239, 0.8);
    color: #0f3f30;
}

.new-jobs-banner span {
    flex: 1;
    color: rgba(15, 63, 48, 0.78);
}

@media (max-width: 760px) {
    .new-jobs-banner {
        align-items: flex-start;
        flex-direction: column;
    }
}