/* POJO Companies listing — scoped to .pojo-companies */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

.pojo-companies {
  --red: #FE2740;
  --red-dark: #E11733;
  --red-soft: #FFE9EC;
  --accent: #FE2740;
  --accent-dark: #E11733;
  --accent-soft: #FFE9EC;
  --accent-ring: rgba(254, 39, 64, .16);
  --navy: #282D54;
  --navy-deep: #20254a;
  --navy-2: #34396b;
  --ink: #1c2138;
  --muted: #6b7190;
  --muted-2: #8a90b0;
  --line: #e7e9f2;
  --line-soft: #eef0f7;
  --bg: #f4f5fb;
  --white: #fff;
  --green: #0a7d4d;
  --green-soft: #eafaf1;
  --gold: #f2a922;
  --shadow-sm: 0 1px 2px rgba(20, 25, 60, .05);
  --shadow-md: 0 8px 26px rgba(28, 33, 84, .09);
  --shadow-lg: 0 22px 60px rgba(28, 33, 84, .18);
  --card-shadow: var(--shadow-sm);
  --display: "Poppins", system-ui, sans-serif;
  --body: "Plus Jakarta Sans", system-ui, sans-serif;
  --co-sidebar: 300px;
  --co-gap: 28px;
  font-family: var(--body);
  color: var(--ink);
  background: var(--bg);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

.pojo-companies *,
.pojo-companies *::before,
.pojo-companies *::after {
  box-sizing: border-box;
}

.pojo-companies a {
  color: inherit;
  text-decoration: none;
}

.pojo-companies button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

.pojo-companies h1,
.pojo-companies h2,
.pojo-companies h3,
.pojo-companies h4 {
  font-family: var(--display);
  margin: 0;
  letter-spacing: -0.01em;
}

.pojo-companies .container {
  max-width: 1320px;
  margin: 0 auto;
  padding-left: clamp(32px, 5vw, 72px);
  padding-right: clamp(32px, 5vw, 72px);
}

.pojo-companies .command .container.command-inner {
  padding-top: 48px;
  padding-bottom: 50px;
}

  /* ============ COMMAND BAR (dark) ============ */
  .pojo-companies .command{position:relative;background:
      radial-gradient(900px 300px at 12% -40%, rgba(254,39,64,.22), transparent 60%),
      radial-gradient(700px 280px at 100% 140%, rgba(90,79,224,.20), transparent 60%),
      linear-gradient(180deg,#2b3059,#222748);
    color:#fff;overflow:hidden;}
  .pojo-companies .command::after{content:"";position:absolute;inset:0;background:
      repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 64px);
    pointer-events:none;}
  .pojo-companies .command-inner{position:relative;z-index:2;}
  .pojo-companies .cmd-eyebrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
  .pojo-companies .cmd-kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#c3c7e6;}
  .pojo-companies .cmd-kicker .live{display:inline-flex;align-items:center;gap:7px;color:#7ef3bd;}
  .pojo-companies .cmd-kicker .live .d{width:7px;height:7px;border-radius:50%;background:#33d68a;box-shadow:0 0 0 0 rgba(51,214,138,.55);animation:pulse 1.9s infinite;}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(51,214,138,.5)}70%{box-shadow:0 0 0 8px rgba(51,214,138,0)}100%{box-shadow:0 0 0 0 rgba(51,214,138,0)}}
  .pojo-companies .command h1{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05;max-width:680px;}
  .pojo-companies .command h1 .hl{color:#fff;position:relative;white-space:nowrap;}
  .pojo-companies .command h1 .hl::after{content:"";position:absolute;left:-2px;right:-2px;bottom:3px;height:9px;background:var(--accent);opacity:.9;z-index:-1;border-radius:2px;}

  .pojo-companies .searchbar{margin:22px 0 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;display:flex;align-items:center;padding:7px;gap:6px;backdrop-filter:blur(6px);max-width:none;}
  .pojo-companies .search-field{flex:1;display:flex;align-items:center;gap:11px;padding:11px 20px;min-width:0;}
  .pojo-companies .search-field svg{flex:none;color:#aeb3d6;}
  .pojo-companies .search-field input{border:none;outline:none;font-family:var(--body);font-size:15.5px;font-weight:500;width:100%;color:#fff;background:transparent;}
  .pojo-companies .search-field input::placeholder{color:#9ea3c8;font-weight:500;}
  .pojo-companies .search-field.loc{flex:0 0 260px;border-left:1px solid rgba(255,255,255,.14);}
  .pojo-companies .btn-search{background:var(--accent);color:#fff;font-family:var(--display);font-weight:700;font-size:15px;padding:0 28px;height:54px;border-radius:12px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 20px var(--accent-ring);transition:transform .12s,box-shadow .12s;flex:none;}
  .pojo-companies .btn-search:hover{transform:translateY(-1px);box-shadow:0 14px 28px var(--accent-ring);}
  .pojo-companies .cmd-stats{margin:18px 0 0;display:flex;gap:30px;flex-wrap:wrap;}
  .pojo-companies .cmd-stat{display:flex;flex-direction:column;}
  .pojo-companies .cmd-stat .v{font-family:var(--display);font-weight:800;font-size:22px;color:#fff;line-height:1;}
  .pojo-companies .cmd-stat .v b{color:#ff8f9e;}
  .pojo-companies .cmd-stat .l{font-size:12px;font-weight:600;color:#aeb3d6;margin-top:5px;letter-spacing:.02em;}

  /* ============ A–Z INDEX BAR ============ */
  .pojo-companies .azbar{position:sticky;top:72px;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);}
  .pojo-companies .azbar-grid{display:grid;grid-template-columns:var(--co-sidebar) 1fr;gap:var(--co-gap);padding:13px 0;align-items:center;}
  .pojo-companies .az-track{grid-column:1 / -1;display:flex;flex-wrap:nowrap;align-items:center;width:100%;gap:2px;}
  .pojo-companies .az{flex:1 1 0;min-width:0;height:30px;padding:0 2px;border-radius:9px;font-family:var(--display);font-weight:700;font-size:13px;color:#4a5078;display:flex;align-items:center;justify-content:center;transition:transform .12s, background .15s, color .15s, box-shadow .15s;position:relative;}
  .pojo-companies .az:hover:not(:disabled):not(.active){background:var(--accent-soft);color:var(--accent-dark);transform:translateY(-1px);}
  .pojo-companies .az.active{background:var(--accent);color:#fff;box-shadow:0 6px 14px var(--accent-ring);}
  .pojo-companies .az.all{flex:0 0 auto;min-width:52px;padding:0 13px;letter-spacing:.04em;margin-right:6px;}
  .pojo-companies .az:disabled{color:#c2c7dc;cursor:default;}
  .pojo-companies .az .udot{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .15s;}
  .pojo-companies .az:not(:disabled):not(.all) .udot{opacity:.55;}
  .pojo-companies .az.active .udot{opacity:0;}

  /* ============ LAYOUT ============ */
  .pojo-companies .layout{display:grid;grid-template-columns:var(--co-sidebar) 1fr;gap:var(--co-gap);padding:28px 0 70px;align-items:start;}

  /* ============ SIDEBAR ============ */
  aside.rail{position:sticky;top:136px;display:flex;flex-direction:column;gap:14px;}
  .pojo-companies .side-cta{display:flex;flex-direction:column;gap:10px;}
  .pojo-companies .cta{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;border-radius:13px;font-family:var(--display);font-weight:600;font-size:14px;transition:transform .12s,box-shadow .12s,background .15s,border-color .15s;text-align:center;text-decoration:none;}
  .pojo-companies a.cta.primary{color:#fff;}
  .pojo-companies .cta svg{flex:none;}
  .pojo-companies .cta.primary{background:var(--accent);color:#fff;box-shadow:0 8px 18px var(--accent-ring);}
  .pojo-companies .cta.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px var(--accent-ring);}

  .pojo-companies .filters{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden;}
  .pojo-companies .filters-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-soft);}
  .pojo-companies .filters-head h3{font-size:15px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:9px;}
  .pojo-companies .filters-head .fcount{font-family:var(--display);font-size:11px;font-weight:700;color:#fff;background:var(--accent);min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;}
  .pojo-companies .filters-head .clear{font-size:12.5px;font-weight:600;color:var(--muted);transition:color .15s;}
  .pojo-companies .filters-head .clear:hover{color:var(--accent);}

  .pojo-companies .facet{border-bottom:1px solid var(--line-soft);}
  .pojo-companies .facet:last-of-type{border-bottom:none;}
  .pojo-companies .facet-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;text-align:left;}
  .pojo-companies .facet-head .title{font-family:var(--display);font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px;}
  .pojo-companies .facet-head .title .n{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:1px 7px;}
  .pojo-companies .facet-head .chev{width:15px;height:15px;color:var(--muted);transition:transform .2s;}
  .pojo-companies .facet.collapsed .chev{transform:rotate(-90deg);}
  .pojo-companies .facet-body{padding:0 18px 14px;display:flex;flex-direction:column;gap:1px;}
  .pojo-companies .facet.collapsed .facet-body{display:none;}
  .pojo-companies .opt{display:flex;align-items:center;gap:11px;padding:6px 0;cursor:pointer;border-radius:8px;}
  .pojo-companies .opt input{position:absolute;opacity:0;width:0;height:0;}
  .pojo-companies .box{width:18px;height:18px;border-radius:6px;border:1.6px solid #cdd2e6;flex:none;display:flex;align-items:center;justify-content:center;transition:.15s;background:#fff;}
  .pojo-companies .box svg{width:11px;height:11px;color:#fff;opacity:0;}
  .pojo-companies .opt input:checked + .box{background:var(--accent);border-color:var(--accent);}
  .pojo-companies .opt input:checked + .box svg{opacity:1;}
  .pojo-companies .opt .name{font-size:13.5px;color:#414876;font-weight:500;flex:1;transition:color .15s;}
  .pojo-companies .opt:hover .name{color:var(--navy);}
  .pojo-companies .opt .cnt{font-size:12px;color:#9197b7;font-weight:600;background:#f1f3fa;border-radius:6px;padding:1px 8px;}
  .pojo-companies .opt input:checked ~ .name{color:var(--navy);font-weight:600;}

  /* ============ RESULTS ============ */
  .pojo-companies .results-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
  .pojo-companies .results-top .rt-left h2{font-size:25px;font-weight:800;color:var(--navy);line-height:1.1;}
  .pojo-companies .results-top .rt-left h2 b{color:var(--accent);}
  .pojo-companies .results-top .rt-left .meta{color:var(--muted);font-size:13.5px;font-weight:500;margin-top:3px;}
  .pojo-companies .results-top .rt-left .meta b{color:#3a4068;font-weight:700;}
  .pojo-companies .controls{display:flex;align-items:center;gap:10px;}
  .pojo-companies .sortwrap{display:flex;align-items:center;}
  .pojo-companies .sortwrap label{font-size:13px;color:var(--muted);font-weight:600;margin-right:9px;}
  .pojo-companies .select{position:relative;display:flex;align-items:center;}
  .pojo-companies .select select{appearance:none;font-family:var(--body);font-weight:600;font-size:14px;color:var(--navy);background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:10px 36px 10px 14px;outline:none;cursor:pointer;transition:border-color .15s;}
  .pojo-companies .select select:hover{border-color:#c4cae0;}
  .pojo-companies .select svg{position:absolute;right:12px;pointer-events:none;color:var(--muted);width:14px;height:14px;}

  .pojo-companies .chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0 2px;}
  .pojo-companies .chips:empty{display:none;}
  .pojo-companies .chip{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent-dark);font-size:13px;font-weight:600;padding:7px 8px 7px 13px;border-radius:999px;border:1px solid var(--accent-ring);}
  .pojo-companies .chip button{display:flex;color:var(--accent-dark);opacity:.75;}
  .pojo-companies .chip button:hover{opacity:1;}
  .pojo-companies .chip.clear-all{background:transparent;border:none;color:var(--muted);padding-left:4px;}
  .pojo-companies .chip.clear-all:hover{color:var(--accent);}

  /* ============ COMPANY GRID ============ */
  .pojo-companies .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;}

  .pojo-companies .co{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--card-shadow);padding:22px 22px 18px;display:flex;flex-direction:column;transition:transform .14s,box-shadow .14s,border-color .14s;overflow:hidden;}
  .pojo-companies .co::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .18s;}
  .pojo-companies .co:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#dde1ef;}
  .pojo-companies .co:hover::before{transform:scaleY(1);}
  .pojo-companies .co.hiring{border-color:var(--accent-ring);}

  .pojo-companies .co-top{display:flex;align-items:flex-start;gap:13px;}
  .pojo-companies .co-logo{width:58px;height:58px;border-radius:15px;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:17px;color:#fff;letter-spacing:.02em;box-shadow:0 6px 16px rgba(28,33,84,.18);overflow:hidden;}
  .pojo-companies .co-logo--mono-1{font-size:22px;letter-spacing:0;}
  .pojo-companies .co-logo--img{background:#fff;padding:4px;}
  .pojo-companies .co-logo img{width:100%;height:100%;object-fit:contain;border-radius:12px;}
  .pojo-companies .co-fav{margin-left:auto;width:38px;height:38px;border-radius:11px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:#aab0cf;transition:.15s;background:#fff;flex:none;}
  .pojo-companies .co-fav:hover{border-color:var(--accent);color:var(--accent);}
  .pojo-companies .co-fav.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);}
  .pojo-companies .co-fav.on svg{fill:currentColor;}

  .pojo-companies .co-name{margin-top:15px;display:flex;align-items:center;gap:7px;}
  .pojo-companies .co-name h3{font-size:17px;font-weight:700;color:var(--navy);line-height:1.2;}
  .pojo-companies .co-name h3 a:hover{color:var(--accent);}
  .pojo-companies .verify{flex:none;color:#2a86e0;}
  .pojo-companies .co-industry{margin-top:5px;font-size:13.5px;color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:7px;}
  .pojo-companies .co-industry svg{color:#9aa0c0;flex:none;}

  .pojo-companies .co-tags{margin-top:13px;display:flex;flex-wrap:wrap;gap:7px;}
  .pojo-companies .ctag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#4a5078;background:#f3f5fb;border:1px solid #e9ecf6;padding:6px 11px;border-radius:8px;}
  .pojo-companies .ctag svg{width:13px;height:13px;color:#8f95b6;}
  .pojo-companies .ctag .star{color:var(--gold);}
  .pojo-companies .ctag.rating{align-items:center;gap:6px;}
  body.no-rating .ctag.rating{display:none;}

  .pojo-companies .co-foot{margin-top:16px;padding-top:15px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .pojo-companies .openjobs{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:13px;color:var(--navy);}
  .pojo-companies .openjobs .dotg{width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;flex:none;}
  .pojo-companies .openjobs.zero{color:var(--muted);}
  .pojo-companies .openjobs.zero .dotg{background:#f1f3fa;color:#9aa0c0;}
  .pojo-companies .btn-view{background:var(--navy);color:#fff;font-family:var(--display);font-weight:600;font-size:13.5px;padding:0 16px;height:38px;border-radius:10px;display:flex;align-items:center;gap:7px;transition:.14s;white-space:nowrap;}
  .pojo-companies .btn-view:hover{background:var(--accent);box-shadow:0 8px 18px var(--accent-ring);transform:translateY(-1px);}
  .pojo-companies .btn-view svg{width:14px;height:14px;}

  /* empty state */
  .pojo-companies .empty{grid-column:1/-1;background:#fff;border:1px dashed #d6dbed;border-radius:18px;padding:64px 30px;text-align:center;}
  .pojo-companies .empty .ic{width:64px;height:64px;border-radius:16px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--accent);}
  .pojo-companies .empty h3{font-size:18px;color:var(--navy);font-weight:700;}
  .pojo-companies .empty p{color:var(--muted);font-size:14.5px;margin:7px 0 18px;}
  .pojo-companies .empty button{background:var(--navy);color:#fff;font-family:var(--display);font-weight:600;padding:11px 22px;border-radius:11px;}

  /* pagination */
  .pojo-companies .pager{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:30px;}
  .pojo-companies .pager button{min-width:42px;height:42px;padding:0 10px;border-radius:11px;border:1.5px solid var(--line);background:#fff;font-family:var(--display);font-weight:600;font-size:14px;color:var(--navy);display:flex;align-items:center;justify-content:center;transition:.14s;}
  .pojo-companies .pager button:hover:not(:disabled):not(.active){border-color:var(--navy);}
  .pojo-companies .pager button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 14px var(--accent-ring);}
  .pojo-companies .pager button:disabled{opacity:.4;cursor:not-allowed;}

@media (max-width: 1080px) {
  .pojo-companies .azbar-grid,
  .pojo-companies .layout {
    grid-template-columns: 1fr;
  }

  .pojo-companies .az-track {
    flex-wrap: wrap;
    gap: 4px;
  }

  .pojo-companies .az {
    flex: 0 0 auto;
    min-width: 30px;
  }

  .pojo-companies .az.all {
    margin-right: 4px;
  }
}

@media (max-width: 760px) {
  .pojo-companies .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pojo-companies .command .container.command-inner {
    padding-top: 36px;
    padding-bottom: 40px;
  }

  .pojo-companies .search-field {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pojo-companies .azbar {
    position: relative;
    top: 0;
  }
}