:root{--color-primary: #0A66C2;--color-primary-hover: #0952A0;--color-primary-light: #0A66C2;--color-primary-bg: rgba(10, 102, 194, .05);--color-accent: #00A68A;--color-accent-hover: #008C75;--color-accent-light: #00D4AA;--color-accent-bg: rgba(0, 166, 138, .05);--color-bg: #FFFFFF;--color-bg-elevated: #F8FAFC;--color-bg-surface: #F1F5F9;--color-bg-hover: #E2E8F0;--color-bg-card: #FFFFFF;--color-text: #0F172A;--color-text-secondary: #334155;--color-text-muted: #64748B;--color-text-inverse: #FFFFFF;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--color-salary-high: #16A34A;--color-salary-mid: #D97706;--color-salary-low: #64748B;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-border-focus: var(--color-primary);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-glow-primary: 0 0 20px rgba(10, 102, 194, .1);--shadow-glow-accent: 0 0 20px rgba(0, 166, 138, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--z-dropdown: 1000;--z-sticky: 20;--z-fixed: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(226, 232, 240, .8);--glass-blur: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}input,select,textarea{font-size:16px}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:-.02em}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}strong{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section--hero{padding:var(--space-16) 0 var(--space-12)}.grid{display:grid;gap:var(--space-6)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--wrap{flex-wrap:wrap}.flex--gap-2{gap:var(--space-2)}.flex--gap-4{gap:var(--space-4)}.header{position:sticky;top:0;z-index:1000;background:transparent;border-bottom:none;box-shadow:none;transition:transform var(--transition-base),top var(--transition-base)}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:12px auto;width:calc(100% - 32px);padding:10px 24px;background:#ffffffa6;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1.5px solid rgba(255,255,255,.45);border-radius:9999px;box-shadow:0 10px 40px -10px #00000014,0 1px 1px #ffffff80 inset;transition:all var(--transition-base)}.header--scrolled .header__inner{margin:6px auto;background:#ffffffd9;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border-color:#fff9;box-shadow:0 12px 45px -12px #0000001f,0 1px 1px #ffffffb3 inset}.header__brand-group{display:flex;align-items:center}.header__logo{display:flex;align-items:center;text-decoration:none}.brand-logo{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}.brand-logo__text{color:#0a66c2;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.brand-logo__highlight{color:#008c75}.header__country-selector{border-left:1px solid rgba(0,0,0,.12);padding-left:12px;margin-left:12px;display:none;align-items:center;gap:6px;color:#4a5568;font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.country-flag{font-size:1.1rem}.country-chevron{opacity:.7}.header__nav{display:none}.header__nav-list{display:flex;align-items:center;gap:var(--space-2);list-style:none}.header__nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;color:#1e293b;font-size:.95rem;font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:99px;transition:all var(--transition-fast)}.header__nav-link:hover,.header__nav-link--active{color:#0a66c2;background:#0a66c20f}.nav-chevron{opacity:.65;transition:transform var(--transition-fast)}.header__nav-dropdown:hover .nav-chevron{transform:rotate(180deg)}.header__actions{display:flex;align-items:center;gap:12px}.header__action-btn{display:none;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;border-radius:99px;transition:all var(--transition-base)}.header__action-btn--latest{background:#00d4aa;color:#051b30;padding:10px 20px}.header__action-btn--latest:hover{background:#00a68a;box-shadow:0 4px 15px #00d4aa4d;transform:translateY(-1px)}.header__search-text-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;color:#0f172a;font-size:.98rem;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:8px;font-family:inherit;transition:color .15s ease,opacity .15s ease}.header__search-text-btn svg{stroke:#0f172a;transition:stroke .15s ease}.header__search-text-btn:hover{color:#0070f3}.header__search-text-btn:hover svg{stroke:#0070f3}.header__menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:#1e293b;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__menu-btn:hover{background:#0a66c214}.mobile-menu{position:fixed;inset:72px 0 0;background:var(--color-bg);z-index:var(--z-overlay);padding:var(--space-6);transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto}.mobile-menu--open{transform:translate(0)}.mobile-menu__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.mobile-menu__link{display:block;padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu__link:hover,.mobile-menu__link--active{color:var(--color-text);background:var(--color-bg-elevated)}.hero{text-align:center;padding:50px 0 0;position:relative}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(10,102,194,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-primary-bg);border:1px solid rgba(10,102,194,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-primary-light);margin-bottom:var(--space-6);position:relative;z-index:1}.hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-4);position:relative;z-index:1}.hero__title-gradient{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary-light) 50%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__rotator{display:inline-block;position:relative;height:1.2em;vertical-align:bottom;overflow:hidden;transition:width .5s cubic-bezier(.77,0,.175,1)}.hero__rotator-word{position:absolute;left:0;top:0;opacity:0;transform:translateY(60%);transition:transform .5s cubic-bezier(.77,0,.175,1),opacity .5s ease;white-space:nowrap;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary-light) 50%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__rotator-word.active{opacity:1;transform:translateY(0);z-index:2}.hero__rotator-word.exit{opacity:0;transform:translateY(-60%);z-index:1}.hero__rotator-word.measure{position:absolute!important;visibility:hidden!important;display:inline-block!important;opacity:0!important;transform:none!important}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8);position:relative;z-index:1}.search-bar{position:relative;z-index:1050;max-width:840px;margin:0 auto}.search-bar__top{position:relative;z-index:200;display:flex;flex-direction:column;gap:12px}.search-bar__form{position:relative;z-index:200;display:flex;flex-direction:column;gap:0;padding:6px;background:#fff;border:1px solid #D1D5DB;border-radius:16px;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.search-bar:focus-within,.search-bar__top:focus-within,.search-bar__form:focus-within{position:relative;z-index:99999!important}.search-bar__field{position:relative;z-index:200;display:flex;align-items:center;flex:1;padding:0 var(--space-4);border-radius:12px;transition:background-color var(--transition-fast)}.search-bar__field:focus-within{background-color:var(--color-bg-surface);z-index:999999!important}.search-bar__field-icon{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;margin-right:var(--space-3)}.search-bar__input{width:100%;padding:16px 0;background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:500}.search-bar__input:focus{outline:none}.search-bar__divider{display:none;width:1px;background-color:#e2e8f0;height:32px;align-self:center}.search-bar__btn{width:100%;padding:14px 28px;background:#0a66c2;color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;margin-top:var(--space-2)}.search-bar__btn:hover{background:#08529b;box-shadow:0 4px 12px #0a66c233}.search-bar__filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;color:#334155;font-weight:600;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;position:relative;padding:0 16px}.search-bar__filter-btn-text{font-size:.95rem;font-weight:600}.search-bar__filter-btn:hover{background:#e2e8f0;color:#0f172a}.search-bar__filter-btn--active{background:#0a66c2!important;color:#fff!important;border-color:#0a66c2!important}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#00d4aa;color:#051b30;font-size:.7rem;font-weight:800;border-radius:50%;width:18px;height:18px;min-width:18px;line-height:1;margin-left:4px}.search-bar__actions-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-bar__clear-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 16px 0 12px;border-radius:9999px;background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3;color:#e11d48;font-size:.88rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 3px 12px -2px #e11d482e,inset 0 1px #ffffffe6;transition:all .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;position:relative;animation:clearBtnPulseGlow 3s infinite ease-in-out}.search-bar__clear-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f43f5e;color:#fff;box-shadow:0 2px 6px #f43f5e59;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s ease;flex-shrink:0}.search-bar__clear-icon{display:block;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.search-bar__clear-text{font-weight:700;color:#e11d48;transition:color .2s ease}.search-bar__clear-btn:hover{background:linear-gradient(135deg,#ffe4e6,#fecdd3);border-color:#fda4af;color:#be123c;transform:none;box-shadow:0 4px 16px -2px #e11d4847,inset 0 1px #fff}.search-bar__clear-btn:hover .search-bar__clear-icon-wrap{background:#e11d48;transform:rotate(90deg);box-shadow:0 3px 8px #e11d4873}.search-bar__clear-btn:hover .search-bar__clear-text{color:#be123c}.search-bar__clear-btn:active{transform:none;box-shadow:0 2px 6px #e11d4833}@keyframes clearBtnPulseGlow{0%,to{box-shadow:0 3px 12px -2px #e11d482e,inset 0 1px #ffffffe6}50%{box-shadow:0 4px 18px 2px #e11d4852,inset 0 1px #fff}}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #CBD5E1;border-radius:var(--radius-lg);box-shadow:0 12px 32px -4px #0f172a2e,0 4px 12px -2px #0f172a14;z-index:9999999!important;max-height:320px;overflow-y:auto;animation:fadeIn .15s ease-out forwards}.search-dropdown__header{padding:var(--space-3) var(--space-4) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.search-dropdown__list{list-style:none;padding:var(--space-2) 0}.search-dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.search-dropdown__item:hover,.search-dropdown__item--active{background-color:var(--color-bg-surface);color:var(--color-primary)}.search-dropdown__item-icon{width:16px;height:16px;color:var(--color-text-muted)}@media(min-width:768px){.search-bar__form{flex-direction:row;padding:6px;border-radius:9999px}.search-bar__field--query{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.search-bar__field--location{border-radius:0}.search-bar__divider{display:block}.search-bar__top{flex-direction:row;align-items:center}.search-bar__form{flex:1}.search-bar__btn{width:auto;border-radius:9999px;margin-top:0;padding:14px 36px}.search-bar__filter-btn{width:48px;height:48px;border-radius:9999px;padding:0;justify-content:center}.search-bar__filter-btn .filter-count-badge{position:absolute;top:-2px;right:-2px;margin-left:0;box-shadow:0 2px 4px #0003}.search-dropdown{width:100%;min-width:320px}}.search-popular{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-6);position:relative;z-index:1}.search-popular__label{font-size:.95rem;font-weight:700;color:#475569;margin-right:var(--space-2);align-self:center}.search-popular__tag{display:inline-flex;align-items:center;padding:6px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:20px;color:#1e293b;font-size:.95rem;font-weight:600;box-shadow:0 1px 2px #0000000a;transition:all var(--transition-fast)}.search-popular__tag:hover{background:var(--color-primary, #0a66c2);color:#fff;border-color:var(--color-primary, #0a66c2);transform:translateY(-1px)}.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-12)}.stats-bar__item{text-align:center;padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.stats-bar__number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent);display:block}.stats-bar__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.section-header{margin-bottom:var(--space-8)}.section-header__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.section-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:0}.section-header__link{font-size:var(--font-size-sm);color:var(--color-primary-light);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--space-1)}.section-header__link:hover{color:var(--color-accent)}.footer{background:transparent;border-top:none;padding:var(--space-8) 0 var(--space-6);margin-top:var(--space-16)}.footer-wrapper{display:flex;flex-direction:column;gap:var(--space-8)}.footer-card{position:relative;background:#ffffffa6;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1.5px solid rgba(255,255,255,.45);border-radius:32px;padding:var(--space-8);color:#1e293b;overflow:hidden;box-shadow:0 20px 50px -15px #00000014,0 1px 1px #ffffff80 inset;display:flex;gap:var(--space-6)}.footer-card__brand-vertical{display:none;writing-mode:vertical-rl;transform:rotate(180deg);font-size:2.5rem;font-weight:900;letter-spacing:.15em;color:#0a66c2;text-align:center;align-self:center;border-left:1px solid rgba(0,0,0,.12);padding-bottom:24px;margin-left:12px;padding-left:8px;margin-right:28px}.footer-card__grid{flex:1;display:grid;grid-template-columns:1fr;gap:var(--space-8);z-index:2}.footer-card__col{display:flex;flex-direction:column;gap:var(--space-4)}.footer-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#0a66c2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.footer-card__address{display:flex;flex-direction:column;gap:var(--space-4)}.address-item{display:flex;flex-direction:column;gap:var(--space-1)}.address-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#0f172a80;text-transform:uppercase}.address-item p{font-size:var(--font-size-sm);color:#ffffffd9;line-height:var(--line-height-relaxed);margin:0}.footer-card__contact{display:flex;flex-direction:column;gap:var(--space-5)}.footer-card__email-btn{display:inline-flex;align-items:center;gap:var(--space-2);color:#0a66c2;background:#0a66c20f;border:1px solid rgba(10,102,194,.15);padding:12px 20px;border-radius:12px;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);align-self:flex-start}.footer-card__email-btn:hover{background:#0a66c2;color:#fff;border-color:#0a66c2;transform:translateY(-2px)}.footer-card__socials{display:flex;flex-direction:column;gap:var(--space-2)}.social-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#0f172a80;text-transform:uppercase}.social-icons{display:flex;gap:10px}.social-ring{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px solid rgba(10,102,194,.15);border-radius:50%;color:#0a66c2;transition:all var(--transition-base)}.social-ring:hover{border-color:#00d4aa;color:#00d4aa;transform:scale(1.08)}.footer-card__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-card__links a{font-size:var(--font-size-sm);color:#4a5568;text-decoration:none;transition:color var(--transition-fast)}.footer-card__links a:hover{color:#0a66c2}.footer-card__col--cta{justify-content:space-between;gap:var(--space-6)}.footer-cta-box{background:#ffffff0d;border-radius:20px;padding:var(--space-5);border:1px solid rgba(255,255,255,.08)}.footer-cta-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-2)}.footer-cta-box p{font-size:var(--font-size-xs);color:#ffffffb3;line-height:var(--line-height-normal);margin-bottom:var(--space-4)}.footer-cta-btn{display:inline-block;background:#fff;color:#0b2545;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:10px 20px;border-radius:99px;text-decoration:none;transition:all var(--transition-base);text-align:center}.footer-cta-btn:hover{background:#00d4aa;color:#051b30;transform:translateY(-2px);box-shadow:0 4px 15px #00d4aa33}.footer-rating-box{display:flex;flex-direction:column;gap:var(--space-2)}.rating-label{font-size:var(--font-size-xs);color:#0f172a80;text-transform:uppercase;font-weight:600}.footer-rating-box .rating-stars{display:flex;align-items:center;gap:10px}.rating-num{font-size:1.25rem;font-weight:var(--font-weight-bold);color:#0f172a}.stars-row{display:flex;color:#00d4aa;font-size:1.1rem}.rating-platform{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#0f172ad9;border-left:1px solid rgba(0,0,0,.12);padding-left:10px}.footer-card__wave-svg{position:absolute;bottom:-20px;right:-20px;z-index:1;pointer-events:none}.footer__bottom-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer__copyright-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;text-align:center}.footer__legal-links{display:flex;gap:var(--space-4)}.footer__legal-links a{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer__legal-links a:hover{color:var(--color-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary-light)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4aa33}50%{box-shadow:0 0 20px #00d4aa66}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.stagger>*{opacity:0;animation:fadeIn .4s ease-out forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.36s}.stagger>*:nth-child(8){animation-delay:.42s}.skeleton{background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-hover) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton--text{height:1em;width:80%;margin-bottom:var(--space-2)}.skeleton--title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton--badge{height:1.5em;width:80px;border-radius:var(--radius-full)}@media(min-width:480px){.stats-bar{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}.container{padding:0 var(--space-6)}.section{padding:var(--space-16) 0}.hero__title{font-size:var(--font-size-4xl)}.grid--2,.grid--3{grid-template-columns:repeat(2,1fr)}.footer-card__brand-vertical{display:block}.footer-card__grid{grid-template-columns:repeat(2,1fr)}.footer__bottom-row{flex-direction:row;justify-content:space-between;align-items:center}}@media(min-width:1024px){.hero__title{font-size:var(--font-size-5xl)}.header__nav{display:block}.header__menu-btn{display:none}.header__country-selector{display:flex}.header__action-btn{display:inline-flex}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.footer-card__grid{grid-template-columns:1.5fr 1fr 1fr 1.25fr}}@media(min-width:1280px){.container{padding:0 var(--space-8)}}.header{transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)!important}.header--hidden{transform:translateY(-110%);box-shadow:none!important}.search-bar-wrapper{transition:min-height .2s ease}.search-bar--sticky{position:fixed!important;top:78px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:840px!important;z-index:999!important;transition:top .25s cubic-bezier(.4,0,.2,1)!important}.search-bar--sticky .search-bar__form{border-color:#0a66c233!important;backdrop-filter:blur(20px);background:#fffffffa!important;box-shadow:0 10px 30px #0000001f,var(--shadow-xl)!important}.brand-logo-item{opacity:1}.section--browse-tabs{background:#fff;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-12) 0}.browse-tabs__header{display:flex;gap:32px;border-bottom:2px solid var(--color-border);margin-bottom:32px;padding-bottom:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.browse-tabs__header::-webkit-scrollbar{display:none}.browse-tab-btn{display:flex;align-items:center;gap:8px;border:none;background:none;font-size:1.05rem;font-weight:700;color:#64748b;padding:16px 4px;cursor:pointer;position:relative;white-space:nowrap;transition:all var(--transition-fast);border-bottom:3px solid transparent;margin-bottom:-2px}.browse-tab-btn svg{stroke:#64748b;transition:stroke var(--transition-fast)}.browse-tab-btn:hover{color:#0f172a}.browse-tab-btn--active{color:#0f172a!important;border-bottom-color:#00d4aa!important}.browse-tab-btn--active svg{stroke:#00d4aa!important}.browse-tab-panel{display:none}.browse-tab-panel--active{display:block!important}.browse-tab-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px}@media(min-width:768px){.browse-tab-panel__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.browse-tab-panel__grid{grid-template-columns:repeat(5,1fr)}}.browse-tab-link{font-size:.95rem;color:#334155;text-decoration:none;font-weight:500;transition:color var(--transition-fast);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-tab-link:hover{color:#00d4aa;text-decoration:underline}.search-bar--with-filters{background:transparent;max-width:840px;margin:0 auto;overflow:visible}.search-bar--sticky.search-bar--with-filters{position:fixed!important;top:78px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:840px!important;z-index:999!important}.search-bar--sticky.search-bar--with-filters .search-bar__form{backdrop-filter:blur(20px);background:#fffffffa!important;box-shadow:0 10px 30px #00000014!important;border-color:#0a66c226!important}.filter-bar{position:relative;z-index:10;display:flex;align-items:center;padding:10px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;gap:16px;flex-wrap:nowrap;margin-top:16px;margin-bottom:20px;transition:all var(--transition-base);overflow:visible;box-shadow:0 4px 10px -4px #0a66c20d}.filter-bar--no-viewed{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.filter-bar--no-viewed .filter-bar__container{justify-content:flex-start}.filter-bar__clear-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;background:#fee2e2;border:1px solid #fecaca;color:#ef4444;font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-bar__clear-btn:hover{background:#fecaca;color:#dc2626;transform:scale(1.03)}@media(max-width:768px){.filter-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}}.filter-bar::-webkit-scrollbar{display:none}.search-bar--sticky.search-bar--with-filters .filter-bar{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:100px!important;padding:8px 20px!important;margin-top:12px!important;box-shadow:var(--shadow-md)!important}.hero .filter-bar{display:none!important}.filter-bar__container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px;flex-wrap:nowrap;white-space:nowrap}.filter-bar__label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.filter-dropdown{position:relative}.filter-dropdown__btn,.filter-bar__all-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #D1D5DB;padding:6px 14px;border-radius:99px;font-size:.75rem;color:#334155;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-dropdown__btn:hover,.filter-bar__all-btn:hover{border-color:var(--color-primary);background:#0a66c205}.filter-dropdown__arrow{width:14px;height:14px;stroke:#64748b;transition:transform var(--transition-fast)}.filter-dropdown.active .filter-dropdown__arrow{transform:rotate(180deg)}.filter-dropdown__menu{display:none;position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:16px;min-width:220px;z-index:1000}.filter-dropdown.active .filter-dropdown__menu{display:block}.filter-bar__actions{display:flex;align-items:center;gap:10px}.filter-bar__icon-btn{background:none;border:none;color:#0a66c2;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(10,102,194,.15);transition:all var(--transition-fast)}.filter-bar__icon-btn:hover{background:#0a66c20d;transform:scale(1.05)}.filter-bar__alert-btn{background:#0a66c2;color:#fff;border:none;padding:6px 14px;border-radius:99px;font-size:11px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em}.filter-bar__alert-btn:hover{background:#004182;box-shadow:0 4px 12px #0a66c226}@media(max-width:768px){.filter-bar__actions{display:none!important}}.view-mode-btn:hover{opacity:.85}.view-mode-btn.active{background:#0a66c2!important;color:#fff!important;box-shadow:0 2px 6px #0a66c240}.load-more-btn:hover{background:#0a66c2!important;color:#fff!important;box-shadow:0 6px 16px #0a66c240!important;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.job-card-append-anim{animation:fadeInAppendedCard .4s ease-out forwards}@keyframes fadeInAppendedCard{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-floating-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:9999;background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(226,232,240,.9);border-radius:9999px;padding:6px 10px;box-shadow:0 16px 36px -8px #0f172a24,transition : all .35s cubic-bezier(.16,1,.3,1)}.glass-bar--hidden{opacity:0!important;transform:translate(-50%,60px) scale(.9)!important;pointer-events:none!important}.glass-floating-bar:hover{background:#fffffff5;border-color:#94a3b880;box-shadow:0 20px 44px -10px #0f172a33,0 0 0 1px #fff inset,0 6px 18px #0a66c224;transform:translate(-50%) translateY(-2px)}.glass-floating-bar__content{display:flex;align-items:center;gap:8px}.glass-floating-bar__label{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:0 8px 0 10px}.glass-icon-spark{color:#0a66c2;animation:pulseSpark 2.5s infinite ease-in-out}@keyframes pulseSpark{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.glass-segmented-toggle{display:inline-flex;background:#f1f5f9;border-radius:9999px;padding:4px;border:1px solid #cbd5e1;gap:4px}.glass-toggle-btn{border:none;background:transparent;color:#475569;padding:8px 18px;border-radius:9999px;font-weight:700;font-size:.83rem;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.glass-toggle-btn svg{transition:transform .25s ease,stroke .25s ease;stroke:#475569}.glass-toggle-btn:hover{color:#0f172a}.glass-toggle-btn:hover svg{stroke:#0f172a;transform:translateY(-1px)}.glass-toggle-btn.active{background:#0a66c2!important;color:#fff!important;box-shadow:0 4px 14px #0a66c259}.glass-toggle-btn.active svg{stroke:#fff!important;transform:scale(1.05)}.animate-float-in{animation:glassFloatIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes glassFloatIn{0%{opacity:0;transform:translate(-50%,50px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}@media print{body{background:#fff;color:#000}.header,.footer,.search-bar,.mobile-menu{display:none!important}}.h-modal-overlay{position:fixed;inset:0;z-index:99999999!important;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .22s cubic-bezier(.16,1,.3,1),visibility .22s}.h-modal-overlay--open{opacity:1;visibility:visible}.h-modal-backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.h-modal-card{position:relative;background:#fff;width:100%;max-width:440px;border-radius:20px;border:1px solid rgba(226,232,240,.95);box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #0a66c20f;padding:24px;transform:scale(.94) translateY(12px);transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.h-modal-overlay--open .h-modal-card{transform:scale(1) translateY(0)}.h-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.h-modal-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px}.h-modal-icon-wrap--success{background:#10b9811f;color:#10b981}.h-modal-icon-wrap--info{background:#0a66c21f;color:#0a66c2}.h-modal-icon-wrap--warning{background:#f59e0b24;color:#d97706}.h-modal-icon-wrap--error{background:#ef44441f;color:#ef4444}.h-modal-close-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.h-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.h-modal-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 6px}.h-modal-message{font-size:.94rem;color:#475569;line-height:1.5;margin:0 0 20px}.h-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.h-modal-btn{padding:9px 20px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;border:none}.h-modal-btn--cancel{background:#f1f5f9;color:#475569}.h-modal-btn--cancel:hover{background:#e2e8f0;color:#0f172a}.h-modal-btn--confirm.h-modal-btn--info,.h-modal-btn--confirm.h-modal-btn--success{background:linear-gradient(135deg,#0a66c2,#004182);color:#fff;box-shadow:0 2px 8px #0a66c240}.h-modal-btn--confirm.h-modal-btn--info:hover,.h-modal-btn--confirm.h-modal-btn--success:hover{box-shadow:0 4px 14px #0a66c259}.h-modal-btn--confirm.h-modal-btn--warning,.h-modal-btn--confirm.h-modal-btn--error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444440}.h-modal-btn--confirm.h-modal-btn--warning:hover,.h-modal-btn--confirm.h-modal-btn--error:hover{box-shadow:0 4px 14px #ef444459}.h-toast-container{position:fixed;top:24px;right:24px;z-index:999999999!important;display:flex;flex-direction:column;gap:10px;pointer-events:none}.h-toast-item{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.95);border-radius:14px;box-shadow:0 16px 36px -8px #0f172a29,0 0 0 1px #0a66c20d;transform:translate(40px) scale(.95);opacity:0;transition:all .25s cubic-bezier(.16,1,.3,1);min-width:260px;max-width:380px}.h-toast-item--open{transform:translate(0) scale(1);opacity:1}.h-toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.h-toast-text{font-size:.9rem;font-weight:600;color:#0f172a;line-height:1.4}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}.container{padding-left:16px!important;padding-right:16px!important}.hero{padding:24px 0 16px!important;background:transparent!important}.hero__title{font-size:1.75rem!important;font-weight:800!important;line-height:1.25!important;margin-bottom:10px!important;letter-spacing:-.02em!important;color:#0f172a!important}.hero__subtitle{font-size:.9rem!important;line-height:1.5!important;margin-bottom:20px!important;color:#475569!important}.search-bar{position:sticky!important;top:8px!important;z-index:950!important;background:#fffffff7!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(203,213,225,.95)!important;border-radius:16px!important;padding:10px!important;box-shadow:0 8px 24px -4px #0f172a1f!important;transition:all .2s ease!important}.search-bar__inputs{flex-direction:column!important;gap:6px!important}.search-bar__field{width:100%!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;height:44px!important;padding:0 12px!important}.search-bar__input{font-size:.9rem!important;color:#0f172a!important}.search-bar__field-icon{width:16px!important;height:16px!important;color:#64748b!important}.search-bar__divider{display:none!important}.search-bar__btn{width:100%!important;height:46px!important;background:linear-gradient(135deg,#0a66c2,#004182)!important;color:#fff!important;font-size:.95rem!important;font-weight:700!important;border-radius:10px!important;justify-content:center!important;box-shadow:0 4px 12px #0a66c240!important;margin-top:2px!important}.search-bar__btn:active{transform:scale(.98)!important}.search-popular{margin-top:14px!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}.search-popular__label{font-size:.78rem!important;font-weight:600!important;color:#64748b!important;align-self:center!important}.search-popular__tag{font-size:.78rem!important;font-weight:600!important;color:#1e293b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;padding:4px 10px!important;text-decoration:none!important}.search-popular__tag:active{background:#e2e8f0!important}.section--trusted-by{padding:20px 0 24px!important}.trusted-by__header{margin-bottom:14px!important}.trusted-by__title{font-size:1.05rem!important;font-weight:700!important;color:#475569!important}.trusted-by__slider-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:4px 0 8px!important}.trusted-by__slider-container::-webkit-scrollbar{display:none!important}.trusted-by__slider{display:flex!important;width:max-content!important;animation:none!important}.trusted-by__slide{width:auto!important;flex-shrink:0!important}.trusted-by__grid{display:grid!important;grid-template-rows:repeat(2,46px)!important;grid-auto-flow:column!important;grid-auto-columns:110px!important;gap:8px 10px!important;margin:0!important}.brand-logo-card{height:46px!important;padding:6px 10px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 1px 3px #0f172a08!important}.brand-logo-card svg{max-height:20px!important;max-width:85px!important}.features-promo__grid{grid-template-columns:repeat(2,1fr)!important;gap:16px 12px!important;margin-top:20px!important}.features-promo__icon-wrap{width:64px!important;height:64px!important;border:1px solid #cbd5e1!important;margin-bottom:8px!important}.features-promo__icon{width:28px!important;height:28px!important}.features-promo__item-title{font-size:.86rem!important;font-weight:600!important;color:#1e293b!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-bottom:18px!important}.section-header__title{font-size:1.35rem!important;font-weight:800!important;color:#0f172a!important}.section-header__link{font-size:.88rem!important;font-weight:700!important;color:#0a66c2!important}.job-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:16px 16px 14px!important;margin-bottom:12px!important;box-shadow:0 2px 10px #0f172a0a!important;transition:transform .15s ease,box-shadow .15s ease!important}.job-card:active{transform:scale(.985)!important;background:#fafbfc!important}.job-card__title{font-size:1.08rem!important;font-weight:700!important;line-height:1.35!important;margin-bottom:4px!important}.job-card__title a{color:#0f172a!important;text-decoration:none!important}.job-card__logo{width:44px!important;height:44px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:4px!important}.job-card__submeta{font-size:.84rem!important;color:#475569!important;margin-bottom:8px!important}.job-card__pills{margin-top:8px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}.job-pill{font-size:.72rem!important;font-weight:600!important;padding:3px 8px!important;border-radius:6px!important}.job-pill--easy-apply{background:#0a66c214!important;color:#0a66c2!important;font-weight:700!important}.weekly-alert-banner{padding:20px 16px!important;border-radius:16px!important;margin:24px 0!important;background:linear-gradient(135deg,#f0f7ff,#e0effe)!important}.weekly-alert__title{font-size:1.25rem!important;font-weight:800!important}.weekly-alert__subtitle{font-size:.85rem!important;margin-bottom:16px!important}.weekly-alert__form{grid-template-columns:1fr!important;gap:8px!important}.weekly-alert__select,.weekly-alert__input,.weekly-alert__btn{height:46px!important;font-size:.9rem!important;border-radius:10px!important;width:100%!important}.section--browse-tabs{padding:36px 0!important}.browse-tabs__header{gap:16px!important;margin-bottom:20px!important}.browse-tab-btn{font-size:.92rem!important;padding:10px 2px!important}.browse-tab-panel__grid{grid-template-columns:1fr!important;gap:10px!important}.section--insights{padding:36px 0 20px!important}.insights-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:20px!important}.insights-header__title{font-size:1.35rem!important}.btn-blog-header{width:100%!important;text-align:center!important;justify-content:center!important;padding:10px 16px!important;font-size:.88rem!important}.insights-grid{grid-template-columns:1fr!important;gap:16px!important}.hiring-promo-banner{padding:20px 16px!important;border-radius:14px!important;margin:32px 0 16px!important;flex-direction:column!important;text-align:center!important;gap:14px!important}.hiring-promo__title{font-size:1.05rem!important}.btn-hiring-cta{width:100%!important;justify-content:center!important;padding:11px 18px!important}.footer-card{padding:24px 16px!important;border-radius:20px!important;gap:20px!important}.footer-card__brand-vertical{display:none!important}.footer-card__grid{grid-template-columns:repeat(2,1fr)!important;gap:24px 14px!important}.footer-card__col--cta{grid-column:1 / -1!important}.footer__bottom-row{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important}.footer__legal-links{flex-wrap:wrap!important;justify-content:center!important;gap:14px!important}}@media(max-width:480px){.hero__title{font-size:1.5rem!important}.footer-card__grid{grid-template-columns:1fr!important;gap:18px!important}}.mobile-drawer-overlay{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1;white-space:nowrap;min-height:40px}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),#073d7a);box-shadow:var(--shadow-glow-primary);transform:translateY(-1px);color:#fff}.btn--accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:var(--color-text-inverse);border:none}.btn--accent:hover{box-shadow:var(--shadow-glow-accent);transform:translateY(-1px);color:var(--color-text-inverse)}.btn--outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--outline:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border-hover)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:none;padding:var(--space-2)}.btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);min-height:32px}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);min-height:48px}.btn--full{width:100%}.btn__icon{width:16px;height:16px;flex-shrink:0}.job-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:18px 24px;background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:14px;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;position:relative;margin-bottom:14px;box-shadow:0 1px 3px #00000005}.job-card:hover{border-color:var(--color-primary, #0a66c2);box-shadow:0 10px 25px -5px #0a66c21a,0 4px 6px -2px #00000005;transform:translateY(-2px);background:#fff}.job-card__main{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.job-card__logo{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:var(--color-primary, #0a66c2);flex-shrink:0;overflow:hidden;padding:4px}.job-card__logo svg{width:28px;height:28px;object-fit:contain}.job-card__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.job-card__logo-link{display:block;text-decoration:none;flex-shrink:0;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease}.job-card__logo-link:hover .job-card__logo{border-color:#cbd5e1;box-shadow:0 4px 12px #0a66c21f;transform:translateY(-1px)}.job-card__submeta-item--company{transition:color .15s ease}.job-card__submeta-item--company:hover{color:#0a66c2!important;text-decoration:underline!important;text-underline-offset:2px}.job-card__content{flex:1;min-width:0}.job-card__title{font-size:1.05rem;font-weight:700;color:var(--color-text, #0f172a);margin:0 0 4px;line-height:1.3}.job-card__title a{color:inherit;text-decoration:none;transition:color .2s ease}.job-card__title a:after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer}.job-card:hover .job-card__title a{color:var(--color-primary, #0a66c2)}.job-card__submeta{font-size:.85rem;color:var(--color-text-muted, #64748b);margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.job-card__submeta-item{display:inline-flex;align-items:center}.job-card__submeta-dot{color:#cbd5e1;font-size:.75rem}.job-card__pills{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.job-pill{font-size:.75rem;font-weight:500;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 9px;white-space:nowrap;transition:all .2s ease}.job-card:hover .job-pill:not(.job-pill--new):not(.job-pill--easy-apply):not(.job-pill--highlight):not(.job-pill--viewed){border-color:#cbd5e1;background:#f1f5f9}.job-pill--highlight{color:var(--color-primary, #0a66c2);background:var(--color-primary-bg, rgba(10, 102, 194, .06));border-color:#0a66c226}.job-pill--new{color:#15803d;background:#eafaf1;border-color:#15803d33;font-weight:700}.job-pill--easy-apply{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0;font-weight:700;display:inline-flex;align-items:center;gap:4px}.job-pill--easy-apply svg{color:var(--color-primary, #0a66c2);fill:var(--color-primary, #0a66c2);flex-shrink:0}.job-card__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-shrink:0}.job-card__time{font-size:.8rem;font-weight:600;color:#475569;white-space:nowrap}.job-card--viewed{border:1.5px solid transparent!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0a66c2,#004182)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 10px 25px -5px #0a66c214!important}.job-card--viewed .job-card__title a{color:#0a66c2!important}.job-card--viewed .job-card__logo{opacity:1}.job-pill--viewed{color:#0a66c2!important;background:linear-gradient(135deg,#0a66c214,#00418214)!important;border:1px solid rgba(10,102,194,.25)!important;font-weight:700!important;display:inline-flex;align-items:center;gap:4px}.job-pill--viewed svg{stroke:#0a66c2!important}@media(max-width:640px){.job-card{flex-direction:column;align-items:flex-start;gap:12px}.job-card__main{width:100%}.job-card__right{align-self:flex-end;margin-top:-8px}}.weekly-alert-banner{background:linear-gradient(135deg,#f0f7ff,#e0effe);border:1px solid rgba(10,102,194,.15);border-radius:20px;padding:32px;margin:32px 0;position:relative;overflow:hidden;box-shadow:0 10px 25px -15px #0a66c233}.weekly-alert-banner:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#0a66c20d,#0a66c200 70%);pointer-events:none}.weekly-alert__badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#0a66c2;background:#0a66c214;border:1px solid rgba(10,102,194,.15);padding:4px 12px;border-radius:99px;text-transform:uppercase;margin-bottom:12px}.weekly-alert__title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.weekly-alert__subtitle{font-size:.92rem;color:#475569;margin:0 0 24px;max-width:650px;line-height:1.5}.weekly-alert__form{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:12px;align-items:center}@media(max-width:868px){.weekly-alert__form{grid-template-columns:1fr;gap:10px}}.weekly-alert__select,.weekly-alert__input{height:48px;padding:0 16px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:.9rem;color:#0f172a;outline:none;transition:all var(--transition-fast);width:100%}.weekly-alert__select option{background:#fff;color:#1e293b}.weekly-alert__select:focus,.weekly-alert__input:focus{border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c226}.weekly-alert__input::placeholder{color:#94a3b8}.weekly-alert__btn{height:48px;padding:0 28px;background:linear-gradient(135deg,#0a66c2,#004182);color:#fff;font-weight:800;font-size:.9rem;border:none;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 4px 12px #0a66c233}.weekly-alert__btn:hover{background:linear-gradient(135deg,#0952a0,#036);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #0a66c24d}.weekly-alert__success{text-align:center;padding:16px 0}.weekly-alert__success-icon{width:48px;height:48px;background:#10b98126;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.weekly-alert__success-title{font-size:1.3rem;font-weight:800;color:#0f172a;margin:0 0 8px}.weekly-alert__success-text{font-size:.95rem;color:#475569;max-width:500px;margin:0 auto;line-height:1.5}.go-all-jobs-wrap{text-align:center;margin:32px 0 48px}.btn-go-all-jobs{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 36px;background:linear-gradient(135deg,#0a66c2,#00d4aa);color:#fff;font-weight:700;font-size:.95rem;border-radius:24px;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 14px #0a66c240}.btn-go-all-jobs:hover{background:linear-gradient(135deg,#004182,#00a180);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0a66c259}.section--insights{padding:56px 0;background-color:#fff;border-top:1px solid #f1f5f9}.insights-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}.insights-header__title{font-size:1.65rem;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.insights-header__subtitle{font-size:.92rem;color:#64748b;margin:0;max-width:620px;line-height:1.5}.btn-blog-header{display:inline-flex;align-items:center;height:42px;padding:0 20px;background:#2d2638;color:#fff;font-weight:700;font-size:.85rem;border-radius:21px;text-decoration:none;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-blog-header:hover{background:#1e1926;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2d263833}.insights-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.insights-grid{grid-template-columns:repeat(3,1fr)}}.insight-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}.insight-card:hover{transform:translateY(-4px)}.insight-card__image-wrap{width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#f1f5f9}.insight-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.insight-card:hover .insight-card__image{transform:scale(1.06)}.insight-card__category{font-size:.78rem;font-weight:700;color:#4338ca;margin-bottom:6px;text-transform:capitalize}.insight-card__title{font-size:1.05rem;font-weight:700;color:#0f172a;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.insight-card:hover .insight-card__title{color:var(--color-primary, #0a66c2)}.insight-card__date{font-size:.8rem;font-weight:500;color:#475569;margin-top:auto}.hiring-promo-banner{background:#eef2f6;border-radius:16px;padding:24px 32px;margin:48px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.hiring-promo__title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.btn-hiring-cta{display:inline-flex;align-items:center;height:42px;padding:0 24px;background:#2d2638;color:#fff;font-weight:700;font-size:.85rem;border-radius:21px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-hiring-cta:hover{background:#1e1926;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2d263833}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.tag--primary{background:var(--color-primary-bg);color:var(--color-primary-light);border:1px solid rgba(10,102,194,.2)}.tag--accent{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid rgba(0,212,170,.2)}.tag--neutral{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.tag--remote{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.tag--graduate{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}a.tag:hover{filter:brightness(1.2);transform:translateY(-1px)}.breadcrumbs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;font-size:.8rem;font-weight:600;list-style:none}.breadcrumbs__item{display:inline-flex;align-items:center}.breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;padding:0 4px}.breadcrumbs__chevron{width:9px;height:9px;color:#94a3b8}.breadcrumbs__link{color:#64748b;text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs__link:hover{color:#0a66c2}.breadcrumbs__current{color:#0f172a;font-weight:700}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:99px;box-shadow:0 4px 20px #0000000d;margin:var(--space-8) auto 0;width:fit-content}.pagination__link,.pagination__current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0;font-size:var(--font-size-sm);font-weight:700;border-radius:50%;transition:all var(--transition-base);text-decoration:none;border:1px solid #e2e8f0}.pagination__link{color:#475569;background:#f8fafc}.pagination__link:hover{background:#0a66c2;color:#fff;border-color:#0a66c2;transform:translateY(-2px);box-shadow:0 4px 12px #0a66c233}.pagination__current{background:linear-gradient(135deg,#0a66c2,#004182);color:#fff!important;border-color:#0a66c2;box-shadow:0 4px 12px #0a66c24d;transform:scale(1.05)}.pagination__ellipsis{color:#94a3b8;font-weight:700;padding:0 4px}.pagination__arrow{display:inline-flex;align-items:center;justify-content:center;color:#0a66c2;background:#fff;border:1px solid rgba(10,102,194,.15)}.pagination__arrow svg{stroke-width:3px;transition:transform var(--transition-fast)}.pagination__arrow:hover svg{transform:scale(1.1)}.pagination__arrow--disabled{opacity:.4;background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;pointer-events:none}.filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;height:100%;width:280px}.filters form{display:flex;flex-direction:column;height:100%;overflow:hidden}.filters__body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.filters__body::-webkit-scrollbar{width:6px}.filters__body::-webkit-scrollbar-track{background:transparent}.filters__body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.filters__footer{position:sticky;bottom:0;background:#fff;padding:16px 20px;border-top:1px solid #f1f5f9;z-index:10;box-shadow:0 -4px 12px #00000005}.filters__header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#fff}.filters__header-title{margin:0;font-size:.85rem;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.75px}.filters__header-icon{color:#64748b}.filters__section{padding:20px;border-bottom:1px solid #f1f5f9}.filters__section:last-child{border-bottom:none}.filters__title{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.filters__title-icon{width:16px;height:16px;color:#94a3b8;transition:transform var(--transition-fast)}.filters__title--open .filters__title-icon{transform:rotate(180deg)}.filters__list{list-style:none;display:flex;flex-direction:column;gap:8px}.filters__item{display:flex;align-items:center;gap:10px;padding:2px 0}.filters__checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:50%;background:#fff;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.filters__checkbox:checked{border-color:var(--color-primary, #0a66c2);background:#fff}.filters__checkbox:checked:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary, #0a66c2);display:block}.filters__checkbox:hover{border-color:var(--color-primary, #0a66c2)}.filters__label{font-size:.88rem;font-weight:500;color:#475569;cursor:pointer;user-select:none;flex:1}.filters__item:hover .filters__label{color:#0f172a}.filters__count{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:99px;min-width:24px;text-align:center}.filters__range{display:flex;flex-direction:column;gap:var(--space-2)}.filters__range-inputs{display:flex;flex-direction:column;gap:12px}.filters__range-group{display:flex;flex-direction:column;gap:6px}.filters__range-label{font-size:.78rem;font-weight:700;color:#475569}.filters__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.filters__input-prefix{position:absolute;left:12px;font-size:.88rem;font-weight:700;color:#64748b;pointer-events:none}.filters__range-input{flex:1;height:40px;padding:0 12px 0 28px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:.875rem;outline:none;transition:all var(--transition-fast);width:100%}.filters__range-input:focus{background:#fff;border-color:var(--color-primary, #0a66c2);box-shadow:0 0 0 3px #0a66c21f}.filters__range-input::placeholder{color:#94a3b8}.filter-bar__all-btn.filter-bar__all-btn--active{background:var(--color-primary-bg, rgba(10, 102, 194, .08))!important;color:var(--color-primary, #0a66c2)!important;border-color:var(--color-primary, #0a66c2)!important}.filters-drawer{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--color-bg);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--transition-base);overflow-y:auto;box-shadow:0 -10px 40px #00000080}.filters-drawer--open{transform:translateY(0)}.filters-drawer__handle{width:36px;height:4px;background:var(--color-border-hover);border-radius:var(--radius-full);margin:var(--space-3) auto}.filters-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.filters-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.filters-overlay--visible{opacity:1;pointer-events:auto}.category-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;color:inherit}.category-card:hover{border-color:var(--color-primary);background:var(--color-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}.category-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-xl);flex-shrink:0}.category-card__icon--tech{background:#3b82f61a}.category-card__icon--finance{background:#22c55e1a}.category-card__icon--health{background:#ef44441a}.category-card__icon--edu{background:#f59e0b1a}.category-card__icon--eng{background:#a855f71a}.category-card__icon--retail{background:#ec48991a}.category-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.category-card__count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.location-card{display:block;padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base);position:relative;overflow:hidden}.location-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:inherit}.location-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.location-card__region{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.location-card__count{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-medium)}.job-detail-page{background:#fff;min-height:100vh;padding-top:16px;padding-bottom:80px}.sticky-detail-bar{position:fixed;top:74px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;pointer-events:none;width:calc(100% - 32px);max-width:1200px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1.5px solid rgba(255,255,255,.45);border-radius:9999px;z-index:999;padding:10px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease;box-shadow:0 10px 40px -10px #00000014,0 1px 1px #ffffff80 inset}.sticky-detail-bar.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}@media(max-width:1023px){.sticky-detail-bar{display:none}}.sticky-detail-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky-detail-bar__left{display:flex;align-items:center;gap:12px;min-width:0}.sticky-detail-bar__company-logo{width:auto;height:auto;max-height:32px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sticky-detail-bar__company-logo img{width:auto;height:auto;max-height:32px;object-fit:contain}.sticky-logo-fallback{width:28px;height:28px;border-radius:6px;background:#005f59;color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.sticky-detail-bar__info{min-width:0}.sticky-detail-bar__title{font-size:.95rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-detail-bar__meta{font-size:.8rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.sticky-meta-item{font-weight:600;display:inline-flex;align-items:center;gap:4px}.sticky-meta-icon{color:#94a3b8;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sticky-detail-bar__salary{color:#10b981;font-weight:700;display:inline-flex;align-items:center;gap:4px}.sticky-detail-bar__salary .sticky-meta-icon{color:#10b981}.sticky-detail-bar__separator{color:#cbd5e1;margin:0 6px}.sticky-detail-bar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.job-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.job-back-link{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#0a66c2;background:#0a66c20d;border:1px solid rgba(10,102,194,.15);padding:6px 16px;border-radius:99px;text-decoration:none;transition:all var(--transition-fast)}.job-back-link:hover{background:#0a66c2;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #0a66c233}.job-back-link svg{transition:transform var(--transition-fast)}.job-back-link:hover svg{transform:translate(-2px)}.job-breadcrumbs-wrap{display:inline-flex}.job-expired-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;margin-bottom:32px;color:#991b1b;font-size:.9rem}.job-expired-banner__icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:2px}.job-expired-banner__icon{width:18px;height:18px;color:#ef4444}.job-expired-banner__content{line-height:1.5}.ref-job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #e2e8f0}.ref-job-header__left{flex:1;min-width:0}.ref-job-header__company-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}.ref-job-header__logo-small{max-width:80px;height:32px;border-radius:6px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ref-job-header__logo-small img{max-width:100%;max-height:32px;width:auto;height:auto;object-fit:contain;display:block}.ref-logo-fallback-small-row{width:32px;height:32px;border-radius:6px;background:#005f59;color:#fff;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.ref-job-header__company-name{font-size:.95rem;font-weight:600;color:#64748b;text-decoration:none}.ref-job-header__company-name:hover{color:#0f172a}.ref-job-header__title{font-size:2rem;font-weight:800;color:#0f172a;line-height:1.25;margin:0 0 8px;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.ref-job-header__subtitle-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;font-size:.9rem;color:#475569}.ref-job-header__sub-separator{color:#cbd5e1;font-weight:400}.ref-job-header__location-text{display:inline-flex;align-items:center;font-weight:500;color:#475569}.ref-job-header__subtitle-item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:99px;transition:all var(--transition-fast);border:1px solid transparent}.ref-job-header__subtitle-item:hover{transform:translateY(-1.5px);box-shadow:0 4px 10px #0f172a0a}.ref-subtitle-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.ref-subtitle-item--location{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.ref-subtitle-item--location .ref-subtitle-icon{color:#db2777}.ref-subtitle-item--onsite{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.ref-subtitle-item--onsite .ref-subtitle-icon{color:#64748b}.ref-subtitle-item--remote{background:#e0e7ff;border-color:#c7d2fe;color:#4338ca}.ref-subtitle-item--remote .ref-subtitle-icon{color:#4f46e5}.ref-subtitle-item--contract{background:#f3e8ff;border-color:#e9d5ff;color:#6d28d9}.ref-subtitle-item--contract .ref-subtitle-icon{color:#7c3aed}.ref-subtitle-item--type{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ref-subtitle-item--type .ref-subtitle-icon{color:#2563eb}.ref-subtitle-item--apps{background:#e6fffa;border-color:#b2f5ea;color:#0f766e}.ref-subtitle-item--apps .ref-subtitle-icon{color:#0d9488}.ref-job-header__meta-list{display:flex;flex-wrap:wrap;gap:16px}.ref-meta-item{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;padding:6px 16px;border-radius:9999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;transition:all var(--transition-fast)}.ref-meta-item:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a;transform:translateY(-1.5px);box-shadow:0 4px 10px #0f172a0a}.ref-meta-item--salary .ref-meta-icon{color:#10b981}.ref-meta-item--type .ref-meta-icon{color:#3b82f6}.ref-meta-item--time .ref-meta-icon{color:#f59e0b}.ref-meta-item--expiry .ref-meta-icon{color:#ef4444}.ref-meta-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ref-meta-value{font-weight:600}.ref-badge-new{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #10b98133;position:relative;transition:all var(--transition-fast);margin-right:10px;vertical-align:middle}.ref-badge-new:hover{transform:scale(1.05);box-shadow:0 6px 16px #10b9814d}.ref-badge-new:before{content:"";display:inline-block;width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.6}}.ref-job-header__tags{display:flex;align-items:center;gap:10px;margin:15px 0}.ref-tag{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;padding:4px 10px;border-radius:6px}.ref-tag--new{color:#15803d;background-color:#eafaf1}.ref-tag--easy-apply{color:#0f172a;background-color:#f4f6f8}.ref-tag__icon--lightning{color:var(--color-primary, #0a66c2);fill:var(--color-primary, #0a66c2);flex-shrink:0}.ref-job-header__right{flex-shrink:0}.ref-action-buttons{display:flex;align-items:center;gap:8px}.btn-ref-apply{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#0a66c2,#004182);color:#fff;font-size:.95rem;font-weight:700;border-radius:8px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 12px #0a66c240;transition:all var(--transition-fast)}.btn-ref-apply:hover{background:linear-gradient(135deg,#0952a0,#036);color:#fff;box-shadow:0 6px 18px #0a66c259;transform:translateY(-1px)}.btn-ref-apply--large{padding:12px 28px;font-size:1rem}.btn-ref-apply--disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}.btn-ref-apply--disabled:hover{background:#cbd5e1;color:#64748b}.btn-ref-icon-only{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;transition:all var(--transition-fast)}.btn-ref-icon-only:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-ref-icon-only--large{width:48px;height:48px}.btn-ref-icon-only.active{background:#f1f5f9;color:#005f59;border-color:#005f59}.btn-ref-icon-only.btn-share-job.active{background:var(--color-primary-bg, rgba(10, 102, 194, .08))!important;color:var(--color-primary, #0a66c2)!important;border-color:var(--color-primary, #0a66c2)!important}.job-detail-main{display:flex;flex-direction:column;gap:32px}.ref-desc-card{background:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0}.ref-desc-title{font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.job-detail-body{font-size:1rem;line-height:1.85;color:#334155;word-wrap:break-word;overflow-wrap:break-word}.job-detail-body>strong{display:block;font-size:1.15rem;font-weight:800;color:#0f172a;margin-top:28px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #f1f5f9;line-height:1.4}.job-detail-body p>strong:only-child{display:block;font-size:1.15rem;font-weight:800;color:#0f172a;margin-top:8px;line-height:1.4}.job-detail-body>br:first-child,.job-detail-body>br:nth-child(2),.job-detail-body>p:first-child:empty,.job-detail-body p:empty,.job-detail-body p>br:only-child{display:none!important}.job-detail-body>strong+p{margin-top:4px}.job-detail-body li>p{margin-bottom:0}.job-detail-body p{margin-bottom:18px}.job-detail-body h1{font-size:1.5rem;font-weight:800;color:#0f172a;margin-top:32px;margin-bottom:14px;letter-spacing:-.01em;line-height:1.3}.job-detail-body h2{font-size:1.25rem;font-weight:800;color:#0f172a;margin-top:28px;margin-bottom:12px;letter-spacing:-.01em;line-height:1.35}.job-detail-body h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin-top:24px;margin-bottom:10px;line-height:1.4}.job-detail-body h4{font-size:1rem;font-weight:700;color:#334155;margin-top:20px;margin-bottom:8px}.job-detail-body strong,.job-detail-body b{font-weight:700;color:#0f172a}.job-detail-body em,.job-detail-body i{font-style:italic;color:#475569}.job-detail-body ul,.job-detail-body ol{padding-left:24px;margin-bottom:20px}.job-detail-body ul{list-style:none}.job-detail-body ul li{position:relative;padding-left:20px;margin-bottom:10px}.job-detail-body ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#0a66c2;border-radius:50%}.job-detail-body ol li{margin-bottom:10px;padding-left:4px}.job-detail-body ol li::marker{color:#0a66c2;font-weight:700}.job-detail-body a{color:#0a66c2;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(10,102,194,.2);transition:all var(--transition-fast)}.job-detail-body a:hover{color:#004182;border-bottom-color:#004182}.job-detail-body blockquote{border-left:4px solid #0A66C2;padding:12px 20px;margin:20px 0;background:#f8fafc;border-radius:0 8px 8px 0;color:#475569;font-style:italic}.job-detail-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}.job-detail-body table th,.job-detail-body table td{padding:10px 14px;text-align:left;border-bottom:1px solid #e2e8f0}.job-detail-body table th{font-weight:700;color:#0f172a;background:#f8fafc}.job-detail-body table tr:hover td{background:#f8fafc}.job-detail-body hr{border:none;height:1px;background:#e2e8f0;margin:28px 0}.job-detail-body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.ref-sidebar-widget{background:#fff}.ref-sidebar-title{font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:20px}.ref-similar-list{display:flex;flex-direction:column;gap:16px}.ref-sim-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;transition:all var(--transition-base)}.ref-sim-card:hover{border-color:#cbd5e1;box-shadow:0 10px 20px -5px #0f172a0d;transform:translateY(-2px)}.ref-sim-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ref-sim-card__logo{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:3px}.ref-sim-card__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.ref-logo-fallback-small{width:100%;height:100%;border-radius:7px;background:#0a66c2;color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.ref-sim-card__employer-info{flex:1;min-width:0}.ref-sim-card__logo-link{display:block;text-decoration:none;flex-shrink:0;border-radius:10px;transition:transform .18s ease,box-shadow .18s ease}.ref-sim-card__logo-link:hover .ref-sim-card__logo{border-color:#cbd5e1;box-shadow:0 4px 10px #0a66c226;transform:scale(1.04)}.ref-sim-card__employer-name{font-size:.875rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block;transition:color .15s ease}.ref-sim-card__employer-name:hover{color:#0a66c2;text-decoration:underline;text-underline-offset:2px}.ref-sim-card__bookmark{background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;transition:color var(--transition-fast)}.ref-sim-card__bookmark:hover{color:#334155}.ref-sim-card__bookmark.active{color:#005f59}.ref-sim-card__title{font-size:1.05rem;font-weight:750;color:#0f172a;margin:0 0 6px;line-height:1.35}.ref-sim-card__meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:8px}.ref-sim-card__location{font-size:.875rem;color:#64748b;display:inline-flex;align-items:center;gap:6px}.ref-sim-card__location svg{color:#db2777;flex-shrink:0}.ref-sim-card__salary{font-size:.9rem;font-weight:700;color:#047857;display:inline-flex;align-items:center;gap:6px}.ref-sim-card__salary svg{color:#047857;flex-shrink:0}.ref-sim-card__time{font-size:.78rem;color:#475569;display:flex;align-items:center;gap:4px;margin-bottom:14px}.ref-sim-card__time svg{color:#94a3b8;flex-shrink:0}.btn-ref-view-details{display:block;text-align:center;width:100%;padding:10px 14px;background:#0a66c214;color:#0a66c2;font-size:.875rem;font-weight:700;border-radius:8px;text-decoration:none;transition:all var(--transition-fast)}.btn-ref-view-details:hover{background:#0a66c226;color:#004182}.ref-sidebar-empty{font-size:.875rem;color:#94a3b8;text-align:center;padding:24px 0}.company-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base)}.company-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);color:inherit}.company-card__logo{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--color-primary-light);flex-shrink:0;border:1px solid var(--color-border)}.company-card__info{flex:1}.company-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.company-card__jobs{font-size:var(--font-size-xs);color:var(--color-text-muted)}.listing-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.listing-layout__main{min-width:0}.listing-layout__sidebar{display:none}.listing-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.listing-header__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.listing-header__count strong{color:var(--color-text)}.search-clear-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 10px;border-radius:99px;text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.search-clear-link:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:scale(1.05)}.listing-header__sort{display:flex;align-items:center;gap:var(--space-2)}.listing-header__sort-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.listing-header__sort-select{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.listing-jobs{display:flex;flex-direction:column;gap:var(--space-4)}.filters-toggle{display:flex;position:sticky;bottom:var(--space-4);z-index:var(--z-sticky);margin:var(--space-4) auto 0}@media(min-width:1024px){.listing-layout{display:flex;gap:0}.listing-layout__main{flex:1;min-width:0}.listing-layout__sidebar{display:block;position:sticky;top:150px;align-self:start;height:calc(100vh - 170px);width:0;opacity:0;overflow:hidden;margin-right:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-right .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.listing-layout--filters-open .listing-layout__sidebar{width:280px;opacity:1;margin-right:var(--space-6)}.listing-header{flex-direction:row;align-items:center;justify-content:space-between}.filters-toggle{display:none}}.detail-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1024px){.detail-layout{grid-template-columns:1fr 360px}}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.alert--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--color-info)}.alert--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--color-success)}.alert--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--color-warning)}.alert--danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger)}.alert__icon{width:20px;height:20px;flex-shrink:0}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state__icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:.5}.empty-state__illustration{margin-bottom:var(--space-4);display:block}.empty-state__title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.empty-state__text{color:var(--color-text-muted);max-width:400px;margin:0 auto var(--space-6)}.content-page{max-width:720px;margin:0 auto}.content-page__body{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.content-page__body h2{color:var(--color-text);margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.content-page__body h3{color:var(--color-text);margin-top:var(--space-6)}.content-page__body ul,.content-page__body ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.content-page__body li{margin-bottom:var(--space-2)}.content-page__body blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-secondary);font-style:italic}.related-links{padding:var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-lg);margin-top:var(--space-8)}.related-links__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.related-links__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.related-links__link{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.related-links__link:hover{color:var(--color-primary-light);background:var(--color-bg-hover)}@media(min-width:768px){.related-links__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.related-links__grid{grid-template-columns:repeat(4,1fr)}}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a66c21a}.form-input::placeholder{color:var(--color-text-muted)}textarea.form-input{min-height:120px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-8)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-hover)}.status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.status:before{content:"";width:6px;height:6px;border-radius:50%}.status--active{background:#22c55e1a;color:var(--color-success)}.status--active:before{background:var(--color-success)}.status--expired{background:#ef44441a;color:var(--color-danger)}.status--expired:before{background:var(--color-danger)}.status--pending{background:#f59e0b1a;color:var(--color-warning)}.status--pending:before{background:var(--color-warning)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);padding:var(--space-1) var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-tooltip, 100)}.tooltip:hover:after{opacity:1;transform:translate(-50%) scale(1)}.no-js .filters-drawer,.no-js .mobile-menu,.no-js .filters-overlay{display:none}.section--features-promo{background:#fff}.features-promo__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);max-width:1000px;margin:var(--space-8) auto 0;justify-items:center}.features-promo__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;width:100%;max-width:200px}.features-promo__icon-wrap{width:80px;height:80px;border-radius:50%;border:1px solid #1E293B;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#1e293b;margin-bottom:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005}.features-promo__icon{width:32px;height:32px;stroke-width:1.5;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.features-promo__item-title{font-size:.95rem;font-weight:500;color:#1e293b;text-align:center;line-height:1.4;transition:color .25s ease;max-width:160px}.features-promo__item:hover .features-promo__icon-wrap{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 10px 25px #0a66c21f;transform:translateY(-4px);background-color:var(--color-bg-surface)}.features-promo__item:hover .features-promo__icon{transform:scale(1.15) rotate(2deg)}.features-promo__item:hover .features-promo__item-title{color:var(--color-primary)}@media(min-width:768px){.features-promo__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.features-promo__icon-wrap{width:96px;height:96px}.features-promo__icon{width:38px;height:38px}.features-promo__item-title{font-size:1rem}}.section--trusted-by{padding:32px 0 36px;background:transparent;border-top:none;border-bottom:none}.trusted-by__header{margin-bottom:24px;text-align:center}.trusted-by__title{font-size:.85rem;font-weight:800;color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0;display:inline-block;position:relative}.trusted-by__slider-container{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;padding:10px 0}.trusted-by__slider{display:flex;transition:transform 1.2s cubic-bezier(.22,1,.36,1);width:100%}.trusted-by__slide{flex:0 0 100%;width:100%;box-sizing:border-box}.trusted-by__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1100px;margin:0 auto}@media(min-width:576px){.trusted-by__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:992px){.trusted-by__grid{grid-template-columns:repeat(6,1fr);gap:18px 24px}}.brand-logo-card{display:flex;align-items:center;justify-content:center;height:56px;padding:8px 16px;background:transparent;border:none;border-radius:8px;box-shadow:none;cursor:default;user-select:none}.brand-logo-card:hover{transform:none;background:transparent}.brand-logo-card svg{max-height:28px;max-width:130px;width:auto;height:auto;display:block}.recently-viewed-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-sm);overflow:hidden}.recently-viewed__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.recently-viewed__title-wrap{display:flex;align-items:center;gap:8px}.recently-viewed__title-icon{color:#0a66c2}.recently-viewed__title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.recently-viewed__clear-btn{background:transparent;border:none;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all var(--transition-fast)}.recently-viewed__clear-btn:hover{background:#f1f5f9;color:#ef4444}.recently-viewed__list{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(10,102,194,.2) transparent}.recently-viewed__list::-webkit-scrollbar{height:6px}.recently-viewed__list::-webkit-scrollbar-track{background:transparent}.recently-viewed__list::-webkit-scrollbar-thumb{background-color:#0a66c233;border-radius:10px}.rv-card{flex:0 0 240px;min-width:240px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000005;text-decoration:none;color:inherit;transition:all var(--transition-base)}.rv-card:hover{border-color:#0a66c2;transform:translateY(-2px);box-shadow:0 8px 20px #0a66c20f}.rv-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-width:0}.rv-card__logo{width:24px;height:24px;border-radius:4px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e8f0;flex-shrink:0}.rv-card__logo img,.rv-card__logo svg{width:100%;height:100%;object-fit:cover}.rv-card__employer{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.rv-card__title{font-size:.82rem;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-card:hover .rv-card__title{color:#0a66c2}.rv-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#94a3b8;border-top:1px solid #f1f5f9;padding-top:8px;margin-top:auto}.rv-card__location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.rv-card__salary{color:#0a66c2;font-weight:700}.view-segment-control{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px;border-radius:9999px;position:relative;vertical-align:middle}.view-segment-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;padding:5px 12px;border-radius:9999px;font-size:.8rem;font-weight:700;color:#475569;cursor:pointer;transition:all var(--transition-fast);position:relative}.view-segment-btn svg{color:#64748b;transition:color var(--transition-fast)}.view-segment-btn:hover{color:#0f172a}.view-segment-btn:hover svg{color:#0f172a}.view-segment-btn--active{background:#fff!important;color:#0a66c2!important;box-shadow:0 4px 10px #0000000f,0 1px 2px #0000000a}.view-segment-btn--active svg{color:#0a66c2!important}.view-segment-divider{width:1px;height:16px;background:#cbd5e1;margin:0 4px}.view-segment-btn--active+.view-segment-divider,.view-segment-divider:has(+.view-segment-btn--active){opacity:0}.view-segment-badge{position:absolute;top:-8px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:800;padding:2px 7px;border-radius:9999px;box-shadow:0 3px 6px #ef444466,0 0 0 2px #fff;display:inline-block;transform:scale(.95);animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(.95);opacity:.92}50%{transform:scale(1.04);opacity:1}}.viewed-history-pane{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.viewed-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:16px}.viewed-history__title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0}.viewed-history__clear-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.viewed-history__clear-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:scale(1.02)}.viewed-history__list{display:flex;flex-direction:column;gap:16px}.viewed-history-card{position:relative;border:1.5px solid transparent!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0a66c2,#004182)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 10px 25px -5px #0a66c214!important;border-radius:16px;padding:20px;transition:transform var(--transition-base)}.viewed-history-card:hover{transform:translateY(-2px)}.viewed-history-card__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.viewed-history-card__time-badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:#0a66c2;background:linear-gradient(135deg,#0a66c214,#00418214);border:1px solid rgba(10,102,194,.15);padding:4px 10px;border-radius:99px;margin-top:8px}.viewed-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.viewed-history-empty__illustration{margin-bottom:16px;color:#cbd5e1}.viewed-history-empty__title{font-size:1.1rem;font-weight:700;color:#334155;margin:0 0 6px}.viewed-history-empty__text{font-size:var(--font-size-sm);color:#94a3b8;margin:0}.ref-sidebar-overview-list{display:flex;flex-direction:column;gap:16px}.ref-sidebar-overview-item{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.ref-sidebar-overview-item:last-child{border-bottom:none;padding-bottom:0}.ref-sidebar-overview-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0;border:1px solid transparent}.ref-sidebar-overview-icon--salary,.ref-sidebar-overview-icon--salarytype{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.ref-sidebar-overview-icon--currency{color:#4f46e5;background:#e0e7ff;border-color:#c7d2fe}.ref-sidebar-overview-icon--contract{color:#7c3aed;background:#f3e8ff;border-color:#e9d5ff}.ref-sidebar-overview-icon--type{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.ref-sidebar-overview-icon--location{color:#db2777;background:#fce7f3;border-color:#fbcfe8}.ref-sidebar-overview-icon--posted{color:#ea580c;background:#ffedd5;border-color:#fed7aa}.ref-sidebar-overview-icon--expires{color:#dc2626;background:#fee2e2;border-color:#fecaca}.ref-sidebar-overview-icon--apps{color:#0d9488;background:#e6fffa;border-color:#b2f5ea}.ref-sidebar-overview-content{display:flex;flex-direction:column;gap:2px}.ref-sidebar-overview-label{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ref-sidebar-overview-value{font-size:.88rem;font-weight:700;color:#1e293b}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.custom-modal-overlay.open{opacity:1;pointer-events:auto}.custom-modal{background:#fff;width:100%;max-width:400px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:24px;transform:scale(.9) translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.custom-modal-overlay.open .custom-modal{transform:scale(1) translateY(0)}.custom-modal__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.custom-modal__icon-wrap{width:40px;height:40px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-modal__title{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0}.custom-modal__body{font-size:.92rem;line-height:1.6;color:#64748b;margin-bottom:20px}.custom-modal__footer{display:flex;justify-content:flex-end;gap:12px}.custom-modal__btn{padding:10px 20px;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:none}.custom-modal__btn--cancel{background:#f1f5f9;color:#475569}.custom-modal__btn--cancel:hover{background:#e2e8f0;color:#0f172a}.custom-modal__btn--confirm{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.custom-modal__btn--confirm:hover{background:#dc2626;box-shadow:0 6px 18px #ef44444d;transform:translateY(-1px)}.floating-share-menu{position:absolute;z-index:10000;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:8px;min-width:180px;display:flex;flex-direction:column;gap:2px;opacity:0;transform:scale(.95) translateY(-5px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.floating-share-menu.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.floating-share-menu__item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:600;color:#334155;text-decoration:none;border-radius:8px;cursor:pointer;background:transparent;border:none;text-align:left;width:100%;transition:all var(--transition-fast)}.floating-share-menu__item:hover{background:#f1f5f9;color:var(--color-primary, #0a66c2)}.floating-share-menu__item svg{color:#64748b;flex-shrink:0;transition:all var(--transition-fast)}.floating-share-menu__item--linkedin svg{color:#0a66c2}.floating-share-menu__item--linkedin:hover{background:#0a66c214!important;color:#0a66c2!important}.floating-share-menu__item--linkedin:hover svg{color:#0a66c2!important}.floating-share-menu__item--x svg{color:#000}.floating-share-menu__item--x:hover{background:#00000014!important;color:#000!important}.floating-share-menu__item--x:hover svg{color:#000!important}.floating-share-menu__item--whatsapp svg{color:#25d366}.floating-share-menu__item--whatsapp:hover{background:#25d36614!important;color:#128c7e!important}.floating-share-menu__item--whatsapp:hover svg{color:#128c7e!important}.floating-share-menu__item--facebook svg{color:#1877f2}.floating-share-menu__item--facebook:hover{background:#1877f214!important;color:#1877f2!important}.floating-share-menu__item--facebook:hover svg{color:#1877f2!important}.floating-share-menu__item--email svg{color:#ea4335}.floating-share-menu__item--email:hover{background:#ea433514!important;color:#ea4335!important}.floating-share-menu__item--email:hover svg{color:#ea4335!important}.floating-share-menu__item--copy svg{color:#475569}.floating-share-menu__item--copy:hover{background:#47556914!important;color:#0f172a!important}.floating-share-menu__item--copy:hover svg{color:#0f172a!important}#btn-report-job:hover{background:#ffeeef!important;border-color:#fca5a5!important}.custom-modal select:focus,.custom-modal textarea:focus{border-color:var(--color-primary, #0a66c2)!important}.filters__section.accordion{border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:12px}.accordion__header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:8px 0;cursor:pointer;outline:none;text-align:left}.accordion__header .filters__title{margin:0}.accordion__icon{color:#64748b;transition:transform var(--transition-fast, .2s)}.filters__section.accordion.active .accordion__icon{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0}.filters__section.accordion.active .accordion__content{max-height:500px;opacity:1;margin-top:10px}.easy-apply-toggle-container{display:flex;align-items:center;gap:8px;margin-left:4px}.easy-apply-toggle-label{font-size:.825rem;font-weight:700;color:#475569;text-transform:capitalize}.easy-apply-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.easy-apply-switch input{opacity:0;width:0;height:0}.easy-apply-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:20px}.easy-apply-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #00000026}.easy-apply-switch input:checked+.easy-apply-slider{background-color:#0a66c2}.easy-apply-switch input:checked+.easy-apply-slider:before{transform:translate(16px)}.directory-hero{text-align:center;margin-bottom:0;padding:var(--space-6, 24px) 0;position:relative}.glass-roles-sticky-header{position:sticky;top:70px;z-index:95;width:100%!important;max-width:1200px!important;box-sizing:border-box!important;background:transparent!important;border:none!important;padding:16px 0!important;margin:0 auto 28px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;transition:all .35s cubic-bezier(.16,1,.3,1)}.glass-roles-az-container{width:100%!important;box-sizing:border-box!important;background:transparent!important;border:1px solid transparent!important;border-radius:20px!important;padding:12px 0!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important}.glass-roles-sticky-header.is-stuck .glass-roles-az-container{background:#ffffffeb!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(226,232,240,.9)!important;padding:8px 16px 12px!important;box-shadow:0 12px 32px -8px #0f172a14!important}.glass-roles-sticky-header .directory-search{width:100%;max-width:640px;margin:0 auto}.glass-roles-az-wrap{display:flex;flex-wrap:nowrap!important;align-items:center;gap:4px!important;width:100%;max-width:100%;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 6px;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none}.glass-roles-az-wrap::-webkit-scrollbar{display:none!important}@media(min-width:992px){.glass-roles-az-wrap{justify-content:center}}.glass-az-link{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:8px;font-weight:600;font-size:.8rem;text-decoration:none;background:#f1f5f9d9;color:#334155;border:1px solid rgba(226,232,240,.9);transition:all .2s ease;box-sizing:border-box;flex-shrink:0}.glass-az-link:hover{background:#0a66c214;color:#0a66c2;border-color:#0a66c24d;transform:translateY(-1px)}.glass-az-link.active{background:#0a66c2;color:#fff;border-color:#0a66c2;box-shadow:0 3px 10px #0a66c24d}.directory-hero__title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#0f172a;margin-bottom:var(--space-3, 12px);letter-spacing:-.025em}.directory-hero__subtitle{font-size:1rem;color:#475569;max-width:600px;margin:0 auto;line-height:1.6}.directory-search{max-width:580px;margin:0 auto 5px;display:flex;align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:9999px;padding:4px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.directory-search:focus-within{border-color:#00d4aa;background:#fff;box-shadow:0 0 0 4px #00d4aa26}.directory-search__input{flex:1;height:44px;padding:0 20px 0 46px;background:transparent;border:none;font-size:.95rem;font-weight:500;color:#0f172a;outline:none;width:100%}.directory-search__input::placeholder{color:#94a3b8}.directory-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .25s}.directory-search:focus-within .directory-search__icon{color:#00d4aa}.directory-search__btn{height:44px;padding:0 28px;background:#0a66c2;color:#fff;font-size:.95rem;font-weight:700;border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.directory-search__btn:hover{background:#08529b;box-shadow:0 4px 12px #0a66c233}.az-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2, 8px);margin-bottom:var(--space-10, 40px);padding:6px;background:var(--color-bg-card, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:9999px}.az-nav__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:.85rem;font-weight:700;color:var(--color-text-muted, #64748b);text-decoration:none;transition:all .2s ease}.az-nav__link:hover{background:var(--color-bg-hover, #f1f5f9);color:var(--color-text, #0f172a)}.az-nav__link--active{background:#00d4aa!important;color:#051b30!important}.az-group{margin-bottom:var(--space-10, 40px);scroll-margin-top:100px;transition:opacity .3s ease}.az-group__title{font-size:1.5rem;font-weight:800;color:var(--color-text, #0f172a);margin-bottom:var(--space-4, 16px);padding-bottom:8px;border-bottom:2px solid var(--color-border, #e2e8f0);display:flex;align-items:center;gap:10px}.az-group__title:after{content:"";flex:1;height:1px;background:var(--color-border, #e2e8f0)}.directory-card{display:flex;flex-direction:column;background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:var(--space-6, 24px);text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);height:100%}.directory-card:hover{border-color:#00d4aa;transform:translateY(-4px);box-shadow:0 12px 24px -10px #00d4aa26;color:inherit}.directory-card__header{display:flex;align-items:center;gap:var(--space-4, 16px);margin-bottom:var(--space-4, 16px)}.directory-card__icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:transform .25s ease}.directory-card:hover .directory-card__icon-box{transform:scale(1.1) rotate(2deg)}.theme-tech{background:#3b82f61a;color:#2563eb}.theme-finance{background:#22c55e1a;color:#16a34a}.theme-health{background:#ef44441a;color:#dc2626}.theme-edu{background:#f59e0b1a;color:#d97706}.theme-eng{background:#9333ea1a;color:#9333ea}.theme-const{background:#6b72801a;color:#4b5563}.theme-retail{background:#ec48991a;color:#db2777}.theme-hosp{background:#14b8a61a;color:#0d9488}.theme-logistics{background:#f973161a;color:#ea580c}.directory-card__title{font-size:1.05rem;font-weight:700;color:var(--color-text, #0f172a)}.directory-card__desc{font-size:.85rem;color:var(--color-text-muted, #64748b);line-height:1.5;margin-bottom:var(--space-6, 24px);flex-grow:1}.directory-card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border, #f1f5f9);padding-top:var(--space-4, 16px);margin-top:auto}.directory-card__badge{font-size:.75rem;font-weight:700;background:var(--color-bg-hover, #f1f5f9);color:var(--color-text, #0f172a);padding:4px 10px;border-radius:9999px;transition:all .25s}.directory-card:hover .directory-card__badge{background:#00d4aa;color:#051b30}.directory-card__arrow{width:16px;height:16px;color:var(--color-text-muted, #94a3b8);transition:transform .2s ease,color .2s}.directory-card:hover .directory-card__arrow{transform:translate(4px);color:#00d4aa}.directory-details-meta{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:var(--space-6, 24px);margin-bottom:var(--space-8, 32px);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.companies-search-container{width:100%!important;max-width:1200px!important;margin:0 auto var(--space-8) auto!important;box-sizing:border-box!important;padding:12px 0!important}.glass-companies-sticky-header,.glass-industries-sticky-header{position:sticky;top:70px;z-index:95;width:100%!important;max-width:1200px!important;box-sizing:border-box!important;background:transparent!important;border:none!important;padding:16px 0!important;margin:0 auto var(--space-8) auto!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;transition:all .35s cubic-bezier(.16,1,.3,1)}.clean-guide-section{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:14px;padding:32px;margin-top:40px;box-shadow:0 1px 3px #0000000a}.clean-guide-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.clean-guide-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0a66c2;margin-bottom:4px}.clean-guide-title{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.clean-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.clean-guide-col{display:flex;flex-direction:column}.clean-guide-heading{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 8px}.clean-guide-text{font-size:.9rem;line-height:1.65;color:#475569;margin:0}.clean-guide-link{display:inline-flex;align-items:center;gap:5px;color:#0a66c2;font-weight:600;font-size:.88rem;text-decoration:none;margin-top:10px;transition:gap .2s ease,color .2s ease}.clean-guide-link:hover{color:#0952a0;text-decoration:underline;gap:7px}@media(max-width:768px){.clean-guide-section{padding:20px;margin-top:28px}.clean-guide-title{font-size:1.2rem}.clean-guide-grid{grid-template-columns:1fr;gap:20px}}.mobile-drawer-overlay{display:none!important}

/* ==========================================================================
   iRemotly - Jobi Clean Designer Aesthetic
   Vibrant Emerald (#00BF58), Pure White (#FFFFFF), Crisp Typography
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --jobi-green: #00BF58;
  --jobi-green-hover: #009e48;
  --jobi-green-light: #E8F8F0;
  --jobi-dark: #141414;
  --jobi-text: #244034;
  --jobi-text-muted: #64748B;
  --jobi-border: #E5E7EB;
  --jobi-bg: #FFFFFF;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background-color: #FFFFFF !important;
  color: var(--jobi-text);
}

/* --- Header --- */
.jobi-header {
  background: #FFFFFF;
  border-bottom: 1px solid #F1F5F9;
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 10px 0 !important;
}

.jobi-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jobi-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 800;
  color: #141414;
  letter-spacing: -0.03em;
}

.jobi-logo__dot {
  width: 24px;
  height: 24px;
  background: var(--jobi-green);
  border-radius: 50%;
  position: relative;
  display: inline-block;
}

.jobi-logo__dot::after {
  content: '';
  position: absolute;
  top: 2px;
  left: -8px;
  width: 20px;
  height: 20px;
  background: #A7F3D0;
  border-radius: 50%;
  opacity: 0.7;
  z-index: -1;
}

.jobi-nav {
  display: flex;
  align-items: center;
  gap: 32px;
}

.jobi-nav__link {
  color: #334155;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.15s ease;
}

.jobi-nav__link:hover, .jobi-nav__link--active {
  color: var(--jobi-green);
}

.jobi-header__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.jobi-btn-login {
  color: #334155;
  border: 1.5px solid #E2E8F0;
  padding: 9px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.jobi-btn-login:hover {
  border-color: #94A3B8;
  color: #0F172A;
}

.jobi-btn-post {
  background: var(--jobi-green);
  color: #FFFFFF !important;
  padding: 10px 26px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3);
  transition: all 0.2s ease;
}

.jobi-btn-post:hover {
  background: var(--jobi-green-hover);
  box-shadow: 0 6px 18px rgba(0, 191, 88, 0.4);
  transform: translateY(-1px);
}

/* --- Hero Section --- */
.jobi-hero {
  position: relative;
  background: #FFFFFF;
  padding: 90px 0 60px;
  text-align: center;
  overflow: hidden;
}

/* Floating Avatars & Tool Badges */
.jobi-hero__avatar {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border: 3px solid #FFFFFF;
  transition: transform 0.3s ease;
}

.jobi-hero__avatar:hover {
  transform: scale(1.1);
}

.jobi-hero__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jobi-hero__badge {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  border: 1px solid #F1F5F9;
}

.jobi-hero__title {
  font-size: clamp(2.8rem, 5.5vw, 4.2rem);
  font-weight: 800;
  color: #141414;
  line-height: 1.15;
  letter-spacing: -0.035em;
  margin-bottom: 20px;
}

.jobi-hero__subtitle {
  font-size: 1.15rem;
  color: #64748B;
  max-width: 620px;
  margin: 0 auto 40px;
  font-weight: 500;
}

/* Jobi Dual-Field Search Box */
.jobi-searchbar {
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 16px;
  padding: 10px 12px 10px 24px;
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.06);
  max-width: 800px;
  margin: 0 auto 28px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}

.jobi-searchbar__field {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.jobi-searchbar__label {
  font-size: 0.72rem;
  font-weight: 700;
  color: #94A3B8;
  text-transform: capitalize;
  margin-bottom: 2px;
}

.jobi-searchbar__select {
  border: none;
  outline: none;
  font-size: 0.96rem;
  font-weight: 700;
  color: #141414;
  background: transparent;
  cursor: pointer;
  padding: 0;
  width: 100%;
}

.jobi-searchbar__input {
  border: none;
  outline: none;
  font-size: 0.96rem;
  font-weight: 500;
  color: #141414;
  background: transparent;
  width: 100%;
}

.jobi-searchbar__input::placeholder {
  color: #94A3B8;
}

.jobi-searchbar__divider {
  width: 1px;
  height: 36px;
  background: #E2E8F0;
}

.jobi-searchbar__btn {
  background: var(--jobi-green);
  color: #FFFFFF;
  border: none;
  padding: 14px 34px;
  border-radius: 12px;
  font-weight: 800;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 191, 88, 0.25);
  white-space: nowrap;
}

.jobi-searchbar__btn:hover {
  background: var(--jobi-green-hover);
  transform: translateY(-1px);
}

/* Popular Row */
.jobi-popular {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.9rem;
}

.jobi-popular__label {
  color: #141414;
  font-weight: 700;
  margin-right: 4px;
}

.jobi-popular__link {
  color: #64748B;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.jobi-popular__link:hover {
  color: var(--jobi-green);
  text-decoration: underline;
}

/* --- Brand Logos Section (No Filter) --- */
.jobi-logos {
  padding: 50px 0 70px;
  background: #FFFFFF;
  border-bottom: 1px solid #F1F5F9;
}

.jobi-logos__grid {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 40px 24px;
}

.jobi-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.jobi-logo-item:hover {
  transform: translateY(-2px);
}

/* Crisp natural logos without grayscale filter */
.jobi-logo-item svg, .jobi-logo-item img {
  height: 32px;
  width: auto;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 0.85;
}

.jobi-logo-item:hover svg, .jobi-logo-item:hover img {
  opacity: 1;
}

@media (max-width: 900px) {
  .jobi-nav {
    display: none;
  }
  .jobi-hero__avatar, .jobi-hero__badge {
    display: none;
  }
  .jobi-searchbar {
    flex-direction: column;
    padding: 16px;
    align-items: stretch;
  }
  .jobi-searchbar__divider {
    display: none;
  }
  .jobi-searchbar__btn {
    width: 100%;
  }
}

/* ==========================================================================
   iRemotly - /jobs Dedicated Page Design (Matching Screenshot)
   Clean White + Soft Pastel Gradient Banner + Two Column Layout
   ========================================================================== */

/* Top Soft Gradient Banner */
.ir-jobs-hero {
  background: linear-gradient(180deg, #E0F2FE 0%, #EFF6FF 40%, #FFFFFF 100%);
  padding: 60px 0 45px;
  text-align: center;
  border-bottom: 1px solid #F1F5F9;
}

.ir-jobs-hero__title {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.03em;
  margin-bottom: 12px;
  line-height: 1.2;
}

.ir-jobs-hero__subtitle {
  color: #64748B;
  font-size: 1.05rem;
  max-width: 600px;
  margin: 0 auto 32px;
}

/* Floating Dual Search Pill */
.ir-jobs-searchpill {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 50px;
  padding: 6px 8px 6px 20px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.02);
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 740px;
  margin: 0 auto;
  text-align: left;
}

.ir-jobs-searchpill__input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ir-jobs-searchpill__input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.95rem;
  font-weight: 500;
  color: #0F172A;
  background: transparent;
}

.ir-jobs-searchpill__input::placeholder {
  color: #94A3B8;
}

.ir-jobs-searchpill__divider {
  width: 1px;
  height: 28px;
  background: #E2E8F0;
}

.ir-jobs-searchpill__btn {
  background: #0F172A;
  color: #FFFFFF;
  border: none;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.ir-jobs-searchpill__btn:hover {
  background: #00BF58;
  transform: translateY(-1px);
}

/* Two Column Layout (Results Left, Filter Right) */
.ir-jobs-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 32px;
  padding: 40px 0 80px;
  align-items: start;
}

.ir-jobs-results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 12px;
}

.ir-jobs-results-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: #0F172A;
}

.ir-jobs-sort-select {
  border: 1px solid #E2E8F0;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}

/* Screenshot Style Modern Job Card */
.ir-card-modern {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ir-card-modern:hover {
  border-color: #CBD5E1;
  box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}

.ir-card-modern__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 12px;
}

.ir-card-modern__logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #00BF58;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  flex-shrink: 0;
  overflow: hidden;
}

.ir-card-modern__logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ir-card-modern__meta {
  flex: 1;
}

.ir-card-modern__title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0F172A;
  line-height: 1.35;
  margin-bottom: 6px;
}

.ir-card-modern__title a:hover {
  color: #00BF58;
}

.ir-card-modern__badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0.82rem;
  color: #64748B;
}

.ir-badge-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #4F46E5;
  font-weight: 700;
  background: #EEF2FF;
  padding: 2px 8px;
  border-radius: 4px;
}

.ir-badge-applicant {
  background: #F3E8FF;
  color: #7E22CE;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
}

.ir-card-modern__desc {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.55;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ir-card-modern__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.ir-tag-skill {
  background: #F1F5F9;
  color: #475569;
  border: 1px solid #E2E8F0;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
}

.ir-card-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid #F1F5F9;
}

.ir-card-modern__salary {
  font-weight: 700;
  color: #0F172A;
  font-size: 0.92rem;
  display: flex;
  align-items: center;
  gap: 6px;
}

.ir-btn-apply-black {
  background: #0F172A;
  color: #FFFFFF !important;
  font-weight: 700;
  font-size: 0.86rem;
  padding: 8px 22px;
  border-radius: 50px;
  transition: all 0.2s ease;
  text-decoration: none;
}

.ir-btn-apply-black:hover {
  background: #00BF58;
  transform: translateY(-1px);
}

/* Screenshot Style Sidebar Filter */
.ir-sidebar-filter {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ir-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #F1F5F9;
}

.ir-filter-head__title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #0F172A;
}

.ir-filter-head__reset {
  color: #4F46E5;
  font-size: 0.86rem;
  font-weight: 700;
  text-decoration: none;
}

.ir-filter-group {
  margin-bottom: 24px;
}

.ir-filter-group__title {
  font-size: 0.92rem;
  font-weight: 800;
  color: #0F172A;
  margin-bottom: 12px;
}

.ir-filter-select {
  width: 100%;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0F172A;
  background: #FFFFFF;
  cursor: pointer;
}

.ir-filter-checkbox-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  cursor: pointer;
}

.ir-filter-checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.88rem;
  color: #475569;
  font-weight: 500;
}

.ir-filter-count {
  font-size: 0.78rem;
  color: #94A3B8;
  font-weight: 600;
}

.ir-filter-input {
  width: 100%;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.88rem;
  outline: none;
}

.ir-filter-input:focus {
  border-color: #00BF58;
}

@media (max-width: 900px) {
  .ir-jobs-layout {
    grid-template-columns: 1fr;
  }
}

/* Layout fix for /jobs */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.ir-jobs-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 32px;
  padding: 40px 0 80px;
  align-items: start;
}

.ir-card-modern__desc {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 10px 0 16px;
  white-space: normal;
  word-break: break-word;
}

/* ==========================================================================
   Exact Jobi Header Architecture (Matching Screenshot)
   ========================================================================== */

.jobi-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid #F1F5F9 !important;
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 18px 0 !important;
  width: 100%;
}

.jobi-header__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Double Overlapping Circles Mark */
.jobi-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
}

.jobi-logo__mark {
  position: relative;
  width: 32px;
  height: 22px;
  display: inline-flex;
  align-items: center;
}

.jobi-logo__circle-light {
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  background: #A7F3D0;
  border-radius: 50%;
  opacity: 0.85;
}

.jobi-logo__circle-solid {
  position: absolute;
  left: 10px;
  top: 1px;
  width: 20px;
  height: 20px;
  background: #00BF58;
  border-radius: 50%;
}

.jobi-logo__text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  color: #141414 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
}

/* Center Nav Links */
.jobi-nav {
  display: flex !important;
  align-items: center !important;
  gap: 36px !important;
}

.jobi-nav__link {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #334155 !important;
  font-size: 0.94rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.jobi-nav__link:hover {
  color: #00BF58 !important;
}

/* Action Buttons */
.jobi-header__actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.jobi-btn-login {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #1E293B !important;
  background: transparent !important;
  border: 1.2px solid #CBD5E1 !important;
  padding: 8px 24px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.jobi-btn-login:hover {
  border-color: #94A3B8 !important;
  background: #F8FAFC !important;
}

.jobi-btn-post {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 9px 24px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.25) !important;
  transition: all 0.2s ease !important;
}

.jobi-btn-post:hover {
  background: #009e48 !important;
  box-shadow: 0 6px 18px rgba(0, 191, 88, 0.35) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 850px) {
  .jobi-nav {
    display: none !important;
  }
}

/* Active Nav Pill Style */
.jobi-nav__link--active {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  padding: 6px 18px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Popular Pills Aligned to Search Pill */
.ir-popular-pills-wrap {
  max-width: 740px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  text-align: left !important;
  padding: 0 4px !important;
}

.ir-popular-pills-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  margin-right: 4px !important;
}

.ir-popular-pill {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1.2px solid #E2E8F0 !important;
  padding: 6px 15px !important;
  border-radius: 50px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-popular-pill:hover {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 191, 88, 0.18) !important;
}

/* ==========================================================================
   Smooth Infinite Logo Marquee Slider
   ========================================================================== */

.jobi-logos {
  padding: 40px 0 50px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #F1F5F9 !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Gradient Fade on Left & Right Edges */
.jobi-logos::before,
.jobi-logos::after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

.jobi-logos::before {
  left: 0;
  background: linear-gradient(to right, #FFFFFF, rgba(255, 255, 255, 0));
}

.jobi-logos::after {
  right: 0;
  background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
}

.jobi-logos-slider-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
}

.jobi-logos-track {
  display: flex;
  align-items: center;
  gap: 60px;
  width: max-content;
  animation: logoMarquee 30s linear infinite;
  will-change: transform;
}

.jobi-logos-slider-container:hover .jobi-logos-track {
  animation-play-state: paused;
}

@keyframes logoMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.jobi-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.jobi-logo-item:hover {
  transform: scale(1.08);
}

.jobi-logo-item svg, .jobi-logo-item img {
  height: 30px;
  width: auto;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 0.88;
  display: block;
}

.jobi-logo-item:hover svg, .jobi-logo-item:hover img {
  opacity: 1;
}

/* Theme-Matching /jobs Hero Background */
.ir-jobs-hero {
  background: linear-gradient(180deg, #E8F8F0 0%, #F0FDF4 50%, #FFFFFF 100%) !important;
  padding: 65px 0 50px !important;
  text-align: center !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

.ir-jobs-hero__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
  font-weight: 800 !important;
  color: #141414 !important;
  letter-spacing: -0.035em !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}

.ir-jobs-hero__subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #64748B !important;
  font-size: 1.05rem !important;
  max-width: 620px !important;
  margin: 0 auto 32px !important;
  font-weight: 500 !important;
}

.ir-jobs-searchpill {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 50px !important;
  padding: 6px 8px 6px 22px !important;
  box-shadow: 0 12px 30px -8px rgba(0, 191, 88, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
}

.ir-jobs-searchpill__btn {
  background: #0F172A !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ir-jobs-searchpill__btn:hover {
  background: #00BF58 !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Jobi "How it's work?" Process Section
   ========================================================================== */

.jobi-how-section {
  padding: 80px 0 90px !important;
  background: #FFFFFF !important;
  text-align: center !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

.jobi-how-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 2.7rem) !important;
  font-weight: 800 !important;
  color: #141414 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 60px !important;
}

.jobi-how-grid {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  position: relative !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
}

.jobi-how-step {
  flex: 1 !important;
  max-width: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

.jobi-how-icon {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  background: #00BF58 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFFFFF !important;
  margin-bottom: 24px !important;
  box-shadow: 0 10px 24px rgba(0, 191, 88, 0.28) !important;
  transition: all 0.3s ease !important;
}

.jobi-how-step:hover .jobi-how-icon {
  transform: translateY(-4px) scale(1.06) !important;
  box-shadow: 0 14px 28px rgba(0, 191, 88, 0.38) !important;
}

.jobi-how-step-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.22rem !important;
  font-weight: 800 !important;
  color: #141414 !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.015em !important;
}

.jobi-how-step-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #64748B !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* Curved Dotted Connecting Arrow */
.jobi-how-arrow {
  flex: 1 !important;
  max-width: 140px !important;
  height: 60px !important;
  margin-top: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.jobi-how-arrow svg {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 850px) {
  .jobi-how-grid {
    flex-direction: column !important;
    align-items: center !important;
    gap: 40px !important;
  }
  .jobi-how-arrow {
    display: none !important;
  }
}

/* ==========================================================================
   Directory Tabs & 5-Column Grid Section (Matching Screenshot)
   ========================================================================== */

.ir-dir-section {
  padding: 60px 0 80px !important;
  background: #FFFFFF !important;
  border-top: 1px solid #F1F5F9 !important;
}

/* Tabs Bar */
.ir-dir-tabs-bar {
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  border-bottom: 1.5px solid #E2E8F0 !important;
  margin-bottom: 36px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.ir-dir-tabs-bar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media (min-width: 768px) {
  .ir-dir-tabs-bar {
    overflow: visible !important;
  }
}

.ir-dir-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #64748B !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2.5px solid transparent !important;
  cursor: pointer !important;
  margin-bottom: -1.5px !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.ir-dir-tab svg {
  color: inherit !important;
}

.ir-dir-tab:hover {
  color: #00BF58 !important;
}

.ir-dir-tab.active {
  color: #00BF58 !important;
  border-bottom-color: #00BF58 !important;
}

/* Tab Panes */
.ir-dir-pane {
  display: none;
}

.ir-dir-pane.active {
  display: block;
  animation: irFadeIn 0.25s ease-out;
}

@keyframes irFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 5-Column Grid */
.ir-dir-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px 24px !important;
}

.ir-dir-link {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  text-decoration: none !important;
  display: block !important;
  line-height: 1.45 !important;
  transition: color 0.15s ease !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.ir-dir-link:hover {
  color: #00BF58 !important;
  text-decoration: underline !important;
}

@media (max-width: 1024px) {
  .ir-dir-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .ir-dir-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 16px !important;
  }
}

/* ==========================================================================
   Exact Directory Tabs & 5-Column Grid (100% Pixel Match)
   ========================================================================== */

.ir-dir-section {
  padding: 50px 0 80px !important;
  background: #FFFFFF !important;
  border-top: 1px solid #F1F5F9 !important;
}

.ir-dir-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Tabs Bar */
.ir-dir-tabs-bar {
  display: flex !important;
  align-items: center !important;
  gap: 36px !important;
  border-bottom: 1.5px solid #EAECF0 !important;
  margin-bottom: 36px !important;
  padding-bottom: 0 !important;
}

.ir-dir-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 4px 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #667085 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2.5px solid transparent !important;
  cursor: pointer !important;
  margin-bottom: -1.5px !important;
  transition: all 0.15s ease !important;
  white-space: nowrap !important;
}

.ir-dir-tab svg {
  stroke: #667085 !important;
  transition: stroke 0.15s ease !important;
}

.ir-dir-tab:hover {
  color: #101828 !important;
}

.ir-dir-tab:hover svg {
  stroke: #101828 !important;
}

.ir-dir-tab.active {
  color: #101828 !important;
  font-weight: 700 !important;
  border-bottom: 2.5px solid #00BF58 !important;
}

.ir-dir-tab.active svg {
  stroke: #00BF58 !important;
}

/* 5-Column Grid with Exact Row Spacing */
.ir-dir-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 32px !important;
}

.ir-dir-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.ir-dir-link {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #101828 !important;
  text-decoration: none !important;
  display: block !important;
  line-height: 1.35 !important;
  transition: color 0.15s ease !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ir-dir-link:hover {
  color: #00BF58 !important;
}

@media (max-width: 1000px) {
  .ir-dir-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 600px) {
  .ir-dir-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   Modular /jobs Page & Recent Jobs Cards (Exact Match to Screenshot)
   ========================================================================== */

.ir-jobs-page-bg {
  background-color: #F8FAFC !important;
  min-height: 100vh !important;
  padding: 40px 0 80px !important;
}

.ir-jobs-wrapper {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Two Column Layout */
.ir-modular-layout {
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: start !important;
}

/* --- Left Sidebar Modular Filter Cards --- */
.ir-filter-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.ir-filter-card {
  background: #FFFFFF !important;
  border: 1px solid #EEF2F6 !important;
  border-radius: 18px !important;
  padding: 22px 24px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.ir-filter-card__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.ir-filter-card__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-filter-card__title span {
  font-weight: 600 !important;
  color: #0F172A !important;
}

.ir-filter-card__action {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #4F46E5 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.ir-filter-card__action:hover {
  color: #00BF58 !important;
  text-decoration: underline !important;
}

/* Sidebar Search Box */
.ir-sidebar-search-wrap {
  position: relative !important;
  margin-bottom: 14px !important;
}

.ir-sidebar-search-input {
  width: 100% !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px !important;
  padding: 10px 14px 10px 36px !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #0F172A !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.ir-sidebar-search-input:focus {
  border-color: #00BF58 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(0, 191, 88, 0.1) !important;
}

.ir-sidebar-search-icon {
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #94A3B8 !important;
  pointer-events: none !important;
}

.ir-sidebar-found-badge {
  display: block !important;
  text-align: center !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  color: #4F46E5 !important;
  font-weight: 700 !important;
  font-size: 0.84rem !important;
  margin-bottom: 12px !important;
}

.ir-sidebar-mini-tags {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.ir-sidebar-mini-tag {
  background: #F8FAFC !important;
  color: #475569 !important;
  border: 1px solid #E2E8F0 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Sidebar Checkbox Rows */
.ir-check-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 0 !important;
  cursor: pointer !important;
}

.ir-check-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #1E293B !important;
}

.ir-check-input {
  width: 17px !important;
  height: 17px !important;
  accent-color: #00BF58 !important;
  cursor: pointer !important;
}

.ir-check-count {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
}

/* Salary Bullet List */
.ir-salary-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 7px 0 !important;
}

.ir-salary-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  display: inline-flex !important;
  align-items: center !important;
}

.ir-salary-count {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #94A3B8 !important;
}

/* --- Right Column: Recent Jobs Stream --- */
.ir-jobs-main-head {
  margin-bottom: 24px !important;
}

.ir-recent-jobs-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.95rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.035em !important;
  margin-bottom: 4px !important;
}

.ir-recent-jobs-subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
}

/* --- Modern Recent Job Card (Matching Screenshot) --- */
.ir-job-card-meta {
  background: #FFFFFF !important;
  border: 1px solid #EEF2F6 !important;
  border-radius: 20px !important;
  padding: 26px 28px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-job-card-meta:hover {
  border-color: #CBD5E1 !important;
  box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-2px) !important;
}

.ir-job-card-meta__top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}

.ir-job-card-meta__brand {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.ir-job-card-meta__logo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F1F5F9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
}

.ir-job-card-meta__logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.ir-job-card-meta__heading {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.ir-job-card-meta__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.02em !important;
}

.ir-job-card-meta__title a {
  color: #0F172A !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.ir-job-card-meta__title a:hover {
  color: #00BF58 !important;
}

.ir-job-card-meta__company {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #64748B !important;
}

.ir-job-card-meta__bookmark {
  color: #94A3B8 !important;
  cursor: pointer !important;
  padding: 4px !important;
  transition: color 0.15s ease !important;
}

.ir-job-card-meta__bookmark:hover {
  color: #0F172A !important;
}

/* Card Description */
.ir-job-card-meta__desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #64748B !important;
  line-height: 1.6 !important;
  margin-bottom: 18px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Card Hashtag Badges */
.ir-job-card-meta__tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}

.ir-job-card-meta__tag {
  background: #F8FAFC !important;
  color: #475569 !important;
  border: 1px solid #E2E8F0 !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-job-card-meta__tag:hover {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

/* Card Footer */
.ir-job-card-meta__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 18px !important;
  border-top: 1px solid #F1F5F9 !important;
}

.ir-job-card-meta__stats {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.ir-job-card-meta__stat-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-job-card-meta__stat-sub {
  font-weight: 500 !important;
  color: #94A3B8 !important;
  font-size: 0.82rem !important;
}

.ir-btn-quick-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #0F172A !important;
  color: #FFFFFF !important;
  padding: 10px 26px !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.ir-btn-quick-apply:hover {
  background: #00BF58 !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 960px) {
  .ir-modular-layout {
    grid-template-columns: 1fr !important;
  }
}

/* Single-Line Popular Pills (Zero Multi-line Wrap) */
.ir-popular-pills-wrap {
  max-width: 860px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.ir-popular-pills-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: 0.86rem !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
}

.ir-popular-pill {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1.2px solid #E2E8F0 !important;
  padding: 5px 12px !important;
  border-radius: 50px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.ir-popular-pill:hover {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  transform: translateY(-1px) !important;
}

/* Contained Logo Marquee (Aligned to Header Width) */
.jobi-logos-section {
  padding: 40px 0 50px !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

.jobi-logos-contained {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  overflow: hidden !important;
}

.jobi-logos-contained::before,
.jobi-logos-contained::after {
  content: "";
  position: absolute;
  top: 0;
  width: 90px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

.jobi-logos-contained::before {
  left: 24px;
  background: linear-gradient(to right, #FFFFFF, rgba(255, 255, 255, 0));
}

.jobi-logos-contained::after {
  right: 24px;
  background: linear-gradient(to left, #FFFFFF, rgba(255, 255, 255, 0));
}

/* ==========================================================================
   Ultra-Polished Job Card with Time Badge & Rich Submeta
   ========================================================================== */

.ir-job-card-meta {
  background: #FFFFFF !important;
  border: 1.2px solid #EEF2F6 !important;
  border-radius: 20px !important;
  padding: 26px 28px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

.ir-job-card-meta:hover {
  border-color: #00BF58 !important;
  box-shadow: 0 14px 30px -4px rgba(0, 191, 88, 0.1), 0 2px 6px rgba(0,0,0,0.02) !important;
  transform: translateY(-2px) !important;
}

.ir-job-card-meta__brand {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.ir-job-card-meta__logo {
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F1F5F9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

.ir-job-card-meta__logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.ir-job-submeta-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  color: #64748B !important;
  margin-top: 3px !important;
}

.ir-submeta-company {
  font-weight: 700 !important;
  color: #0F172A !important;
}

.ir-submeta-time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #64748B !important;
  font-weight: 600 !important;
}

.ir-submeta-remote {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #047857 !important;
  font-weight: 700 !important;
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-size: 0.76rem !important;
}

.ir-submeta-new {
  display: inline-flex !important;
  align-items: center !important;
  background: #FEF3C7 !important;
  color: #92400E !important;
  border: 1px solid #FDE68A !important;
  font-weight: 700 !important;
  font-size: 0.74rem !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
}

.ir-job-card-meta__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.02em !important;
}

.ir-job-card-meta__title a {
  color: #0F172A !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.ir-job-card-meta__title a:hover {
  color: #00BF58 !important;
}

.ir-job-card-meta__desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #64748B !important;
  line-height: 1.6 !important;
  margin: 14px 0 16px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Hashtag Badges */
.ir-job-card-meta__tags {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.ir-job-card-meta__tag {
  background: #F8FAFC !important;
  color: #334155 !important;
  border: 1px solid #E2E8F0 !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-job-card-meta__tag:hover {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

/* Footer Stats */
.ir-job-card-meta__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 16px !important;
  border-top: 1px solid #F1F5F9 !important;
}

.ir-job-card-meta__stats {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
}

.ir-job-card-meta__stat-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-job-card-meta__stat-sub {
  font-weight: 500 !important;
  color: #94A3B8 !important;
  font-size: 0.82rem !important;
}

.ir-btn-quick-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #0F172A !important;
  color: #FFFFFF !important;
  padding: 10px 28px !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.ir-btn-quick-apply:hover {
  background: #00BF58 !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Next-Level Filter Sidebar System (/jobs)
   ========================================================================== */

.ir-filter-sidebar {
  position: sticky !important;
  top: 90px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  max-height: calc(100vh - 110px) !important;
  overflow-y: auto !important;
  padding-right: 6px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E2E8F0 transparent !important;
}

.ir-filter-sidebar::-webkit-scrollbar {
  width: 4px !important;
}

.ir-filter-sidebar::-webkit-scrollbar-thumb {
  background: #E2E8F0 !important;
  border-radius: 10px !important;
}

/* Filter Card Box */
.ir-filter-card {
  background: #FFFFFF !important;
  border: 1px solid #EAECF0 !important;
  border-radius: 18px !important;
  padding: 20px 22px !important;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.04), 0 1px 2px rgba(16, 24, 40, 0.02) !important;
  transition: all 0.2s ease !important;
}

.ir-filter-card:hover {
  border-color: #CBD5E1 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

.ir-filter-card__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

.ir-filter-card__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  letter-spacing: -0.015em !important;
}

.ir-filter-card__title svg {
  color: #00BF58 !important;
}

.ir-filter-card__action {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #4F46E5 !important;
  text-decoration: none !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-filter-card__action:hover {
  background: #EEF2FF !important;
  color: #4338CA !important;
}

/* Active Live Badge */
.ir-sidebar-found-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #E8F8F0 !important;
  border: 1px solid #A7F3D0 !important;
  border-radius: 10px !important;
  padding: 8px 14px !important;
  color: #047857 !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  margin-bottom: 14px !important;
}

.ir-sidebar-found-badge::before {
  content: '';
  width: 7px;
  height: 7px;
  background: #00BF58;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(0, 191, 88, 0.25);
  display: inline-block;
}

/* Custom Checkbox Row */
.ir-check-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
  margin-bottom: 2px !important;
}

.ir-check-row:hover {
  background: #F8FAFC !important;
}

.ir-check-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  cursor: pointer !important;
}

.ir-check-input {
  width: 17px !important;
  height: 17px !important;
  border-radius: 4px !important;
  accent-color: #00BF58 !important;
  cursor: pointer !important;
}

.ir-check-count {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #64748B !important;
  background: #F1F5F9 !important;
  padding: 2px 7px !important;
  border-radius: 50px !important;
}

/* Salary Row Pills */
.ir-salary-tier-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: #F8FAFC !important;
  border: 1px solid #EEF2F6 !important;
  margin-bottom: 8px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-salary-tier-row:hover {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  transform: translateX(2px) !important;
}

.ir-salary-tier-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ir-salary-tier-val svg {
  color: #00BF58 !important;
}

.ir-salary-tier-count {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #047857 !important;
}

/* Region Selector Pills in Sidebar */
.ir-sidebar-pills-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

.ir-sidebar-pill-btn {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  padding: 6px 8px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-sidebar-pill-btn:hover, .ir-sidebar-pill-btn--active {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

/* ==========================================================================
   Next-Level Job Detail Page (Jobi Emerald Theme)
   ========================================================================== */

.ir-detail-page {
  background: #F8FAFC !important;
  min-height: 100vh !important;
  padding-bottom: 90px !important;
}

/* Hero Header Card */
.ir-detail-hero {
  background: #FFFFFF !important;
  border-bottom: 1px solid #EEF2F6 !important;
  padding: 40px 0 36px !important;
}

.ir-detail-hero__top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
}

.ir-detail-hero__main {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  flex: 1 !important;
  min-width: 300px !important;
}

.ir-detail-logo {
  width: 72px !important;
  height: 72px !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F1F5F9 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.ir-detail-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.ir-detail-hero__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  line-height: 1.25 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 10px !important;
}

.ir-detail-submeta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #64748B !important;
}

.ir-detail-company-link {
  font-weight: 800 !important;
  color: #0F172A !important;
  text-decoration: none !important;
}

.ir-detail-company-link:hover {
  color: #00BF58 !important;
}

.ir-badge-remote-pill {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ir-detail-hero__cta-box {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.ir-btn-apply-hero {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  padding: 14px 34px !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 6px 20px rgba(0, 191, 88, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space: nowrap !important;
}

.ir-btn-apply-hero:hover {
  background: #009e48 !important;
  box-shadow: 0 8px 25px rgba(0, 191, 88, 0.45) !important;
  transform: translateY(-2px) !important;
}

.ir-btn-bookmark {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #F8FAFC !important;
  border: 1.5px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ir-btn-bookmark:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #E8F8F0 !important;
}

/* 4 Metrics Highlight Grid */
.ir-detail-metrics-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin: 32px 0 40px !important;
}

.ir-metric-card {
  background: #FFFFFF !important;
  border: 1px solid #EAECF0 !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.ir-metric-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.ir-metric-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.ir-metric-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin-top: 2px !important;
}

/* Two Column Body Layout */
.ir-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 36px !important;
  align-items: start !important;
}

/* Main Description Card */
.ir-detail-desc-card {
  background: #FFFFFF !important;
  border: 1px solid #EAECF0 !important;
  border-radius: 20px !important;
  padding: 36px 40px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

.ir-detail-desc-body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: #334155 !important;
}

.ir-detail-desc-body h2, .ir-detail-desc-body h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  margin: 28px 0 12px !important;
  letter-spacing: -0.02em !important;
}

.ir-detail-desc-body ul {
  padding-left: 20px !important;
  margin: 14px 0 20px !important;
}

.ir-detail-desc-body li {
  margin-bottom: 8px !important;
}

.ir-detail-bottom-cta {
  background: linear-gradient(135deg, #0F172A, #1E293B) !important;
  border-radius: 18px !important;
  padding: 32px !important;
  color: #FFFFFF !important;
  margin-top: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

/* Right Sticky Sidebar Cards */
.ir-detail-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  position: sticky !important;
  top: 90px !important;
}

.ir-detail-side-card {
  background: #FFFFFF !important;
  border: 1px solid #EAECF0 !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.ir-side-card-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

.ir-side-info-row {
  display: flex !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
}

.ir-side-info-label {
  color: #64748B !important;
  font-weight: 500 !important;
}

.ir-side-info-val {
  color: #0F172A !important;
  font-weight: 700 !important;
}

@media (max-width: 960px) {
  .ir-detail-metrics-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .ir-detail-layout {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Rich Job Description Formatting (100% Next-Level Clean Typography)
   ========================================================================== */

.ir-detail-desc-body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.02rem !important;
  line-height: 1.85 !important;
  color: #334155 !important;
}

.ir-detail-desc-body p {
  margin-bottom: 1.25rem !important;
  color: #334155 !important;
}

.ir-detail-desc-body strong, .ir-detail-desc-body b {
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-detail-desc-body h1, .ir-detail-desc-body h2, .ir-detail-desc-body h3, .ir-detail-desc-body h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin-top: 1.8rem !important;
  margin-bottom: 0.8rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

.ir-detail-desc-body h2 {
  font-size: 1.35rem !important;
  border-bottom: 1px solid #F1F5F9 !important;
  padding-bottom: 8px !important;
}

.ir-detail-desc-body h3 {
  font-size: 1.18rem !important;
}

.ir-detail-desc-body ul, .ir-detail-desc-body ol {
  margin: 1rem 0 1.5rem 1.5rem !important;
  padding: 0 !important;
}

.ir-detail-desc-body li {
  margin-bottom: 0.6rem !important;
  line-height: 1.7 !important;
  color: #334155 !important;
}

.ir-detail-desc-body a {
  color: #00BF58 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   Ultra-Smooth Integrated Job Metric Strip (Linear / Stripe Style)
   ========================================================================== */

.ir-detail-strip {
  background: #FFFFFF !important;
  border: 1.5px solid #EEF2F6 !important;
  border-radius: 18px !important;
  padding: 16px 28px !important;
  margin: 32px 0 36px !important;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.03) !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: center !important;
}

.ir-strip-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 8px 16px !important;
  position: relative !important;
}

.ir-strip-item:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 15% !important;
  height: 70% !important;
  width: 1.5px !important;
  background: #F1F5F9 !important;
}

.ir-strip-item:first-child {
  padding-left: 0 !important;
}

.ir-strip-item:last-child {
  padding-right: 0 !important;
}

.ir-strip-icon-box {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  color: #00BF58 !important;
  transition: all 0.2s ease !important;
}

.ir-strip-item:hover .ir-strip-icon-box {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  transform: scale(1.05) !important;
}

.ir-strip-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.ir-strip-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.ir-strip-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 960px) {
  .ir-detail-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    padding: 20px !important;
  }
  .ir-strip-item:not(:last-child)::after {
    display: none !important;
  }
  .ir-strip-item {
    padding: 6px 0 !important;
  }
}

@media (max-width: 540px) {
  .ir-detail-strip {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Ultra-Smooth Eye-Pleasing Modern Typography (Plus Jakarta Sans + Inter)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
  --font-primary: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

html, body {
  font-family: var(--font-primary) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  color: #1E293B !important;
}

body, button, input, select, textarea, a, p, span, div, label {
  font-family: var(--font-primary) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #0F172A !important;
}

/* Eye-Pleasing Hero Headings */
.jobi-hero-title, .ir-jobs-hero__title, .ir-recent-jobs-title, .ir-detail-hero__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  color: #0F172A !important;
}

/* Job Cards Title Typography */
.ir-job-card-meta__title, .listing-card-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.022em !important;
  line-height: 1.35 !important;
}

.ir-job-card-meta__company {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  color: #64748B !important;
}

/* Job Descriptions Reading Flow */
.ir-job-card-meta__desc, .listing-card-desc, .ir-detail-desc-body {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  letter-spacing: -0.01em !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

/* Badges & Pills */
.ir-job-card-meta__tag, .ir-popular-pill, .ir-btn-quick-apply, .ir-dir-link, .jobi-nav-link {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* Tabular Numbers for Clean Salary Display */
.ir-strip-val, .ir-job-card-meta__stat-item, .ir-salary-tier-val, .ir-salary-val {
  font-feature-settings: "tnum" on, "cv05" on !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   Clean Centralized /jobs Layout with Top Filter Pills & Filter Modal
   ========================================================================== */

.ir-jobs-page-bg {
  background-color: #F8FAFC !important;
  min-height: 100vh !important;
  padding: 36px 0 90px !important;
}

.ir-jobs-wrapper {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Top Filter Action Bar */
.ir-top-filter-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 28px !important;
  padding-bottom: 20px !important;
  border-bottom: 1.5px solid #EAECF0 !important;
  flex-wrap: wrap !important;
}

/* Filter Square Button with Badge (Matching Screenshot) */
.ir-btn-filter-trigger {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0F172A !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.ir-btn-filter-trigger:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #E8F8F0 !important;
}

.ir-filter-badge-counter {
  position: absolute !important;
  top: -7px !important;
  right: -7px !important;
  background: #0F172A !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #FFFFFF !important;
}

/* Quick Filter Pills Row (Matching Screenshot) */
.ir-filter-pills-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  flex: 1 !important;
}

.ir-filter-pill-btn {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.2px solid #E2E8F0 !important;
  border-radius: 50px !important;
  padding: 7px 16px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.15s ease !important;
}

.ir-filter-pill-btn:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #E8F8F0 !important;
}

.ir-filter-pill-btn svg {
  color: #94A3B8 !important;
  transition: transform 0.2s ease !important;
}

/* ==========================================================================
   Next-Level Filter Modal (Matching Screenshot 3)
   ========================================================================== */

.ir-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.5) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 99999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
}

.ir-modal-backdrop.active {
  display: flex !important;
  opacity: 1 !important;
}

.ir-filter-modal-card {
  background: #FFFFFF !important;
  border-radius: 24px !important;
  width: 100% !important;
  max-width: 520px !important;
  max-height: 88vh !important;
  box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: translateY(20px) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-modal-backdrop.active .ir-filter-modal-card {
  transform: translateY(0) !important;
}

/* Modal Header */
.ir-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 24px 28px 16px !important;
}

.ir-modal-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

.ir-modal-close-btn {
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  cursor: pointer !important;
  padding: 6px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
}

.ir-modal-close-btn:hover {
  background: #F1F5F9 !important;
  color: #0F172A !important;
}

/* Modal Body */
.ir-modal-body {
  padding: 10px 28px 20px !important;
  overflow-y: auto !important;
  flex: 1 !important;
  scrollbar-width: thin !important;
}

.ir-modal-section {
  margin-bottom: 24px !important;
}

.ir-modal-section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin-bottom: 12px !important;
}

.ir-modal-option-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 0 !important;
  cursor: pointer !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #334155 !important;
}

.ir-modal-option-row:hover {
  color: #00BF58 !important;
}

.ir-modal-radio {
  width: 18px !important;
  height: 18px !important;
  accent-color: #00BF58 !important;
  cursor: pointer !important;
}

/* Modal Footer */
.ir-modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 28px !important;
  border-top: 1.5px solid #F1F5F9 !important;
  background: #FFFFFF !important;
  gap: 14px !important;
}

.ir-btn-modal-reset {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  color: #0F172A !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-btn-modal-reset:hover {
  background: #F8FAFC !important;
  border-color: #CBD5E1 !important;
}

.ir-btn-modal-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #007A5E !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 32px !important;
  font-weight: 800 !important;
  font-size: 0.94rem !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 122, 94, 0.25) !important;
  transition: all 0.2s ease !important;
}

.ir-btn-modal-apply:hover {
  background: #00BF58 !important;
  box-shadow: 0 6px 18px rgba(0, 191, 88, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Next-Level Job Quick-View Modal (Matching Screenshot)
   ========================================================================== */

.ir-job-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(5px) !important;
  z-index: 100000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
}

.ir-job-modal-backdrop.active {
  display: flex !important;
  opacity: 1 !important;
}

.ir-job-modal-card {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  width: 100% !important;
  max-width: 680px !important;
  max-height: 88vh !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: scale(0.96) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

.ir-job-modal-backdrop.active .ir-job-modal-card {
  transform: scale(1) !important;
}

/* Modal Top Bar (Actions) */
.ir-jm-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 28px 0 !important;
}

.ir-jm-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-badge-new {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

.ir-jm-badge-easy {
  background: #FDF2F8 !important;
  color: #BE185D !important;
  border: 1px solid #FBCFE8 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.ir-jm-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.ir-jm-icon-btn {
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  cursor: pointer !important;
  padding: 6px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-jm-icon-btn:hover {
  background: #F1F5F9 !important;
  color: #0F172A !important;
}

/* Modal Header Content */
.ir-jm-header {
  padding: 14px 28px 18px !important;
}

.ir-jm-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-bottom: 8px !important;
}

.ir-jm-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.ir-jm-company-box {
  width: 110px !important;
  height: 56px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  padding: 6px 10px !important;
}

.ir-jm-company-box img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.ir-jm-company-fallback {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  color: #475569 !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

.ir-jm-submeta {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  color: #64748B !important;
  margin-bottom: 18px !important;
}

/* 2-Column Info Grid (Matching Screenshot) */
.ir-jm-info-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 24px !important;
  margin-bottom: 20px !important;
}

.ir-jm-info-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

.ir-jm-info-item svg {
  color: #64748B !important;
  flex-shrink: 0 !important;
}

/* Button CTA Row (Apply now & Save) */
.ir-jm-cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #EEF2F6 !important;
}

.ir-btn-jm-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #C2185B !important;
  color: #FFFFFF !important;
  padding: 10px 28px !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}

.ir-btn-jm-apply:hover {
  background: #9C1448 !important;
  box-shadow: 0 4px 14px rgba(194, 24, 91, 0.3) !important;
  transform: translateY(-1px) !important;
}

.ir-btn-jm-save {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  color: #0F172A !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-btn-jm-save:hover {
  border-color: #CBD5E1 !important;
  background: #F8FAFC !important;
}

/* Modal Description Body */
.ir-jm-body {
  padding: 20px 28px 30px !important;
  overflow-y: auto !important;
  flex: 1 !important;
  scrollbar-width: thin !important;
}

.ir-jm-section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin-bottom: 12px !important;
}

.ir-jm-desc-content {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

.ir-jm-desc-content p {
  margin-bottom: 1rem !important;
}

.ir-jm-desc-content strong, .ir-jm-desc-content b {
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-jm-desc-content ul {
  padding-left: 20px !important;
  margin-bottom: 1rem !important;
}

.ir-jm-desc-content li {
  margin-bottom: 6px !important;
}

/* Clickable Job Card pointer */
.ir-job-card-meta {
  cursor: pointer !important;
}

/* ==========================================================================
   Hero Filter Bar Directly Below Search Bar
   ========================================================================== */

.ir-hero-filter-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 22px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.ir-hero-filter-bar .ir-btn-filter-trigger {
  height: 42px !important;
  width: auto !important;
  padding: 0 16px !important;
  border-radius: 9999px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #0F172A !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  cursor: pointer !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-hero-filter-bar .ir-btn-filter-trigger:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #E8F8F0 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(0, 191, 88, 0.15) !important;
}

.ir-hero-filter-bar .ir-btn-filter-text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
}

.ir-hero-filter-bar .ir-filter-badge-counter {
  position: static !important;
  background: #0F172A !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  margin-left: 2px !important;
}

.ir-hero-filter-bar .ir-filter-pills-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.ir-hero-filter-bar .ir-filter-pill-btn {
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 9999px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.15s ease !important;
}

.ir-hero-filter-bar .ir-filter-pill-btn:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #F8FAFC !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
  .ir-hero-filter-bar {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding: 0 12px 10px !important;
    scrollbar-width: none !important;
  }
  .ir-hero-filter-bar::-webkit-scrollbar {
    display: none !important;
  }
  .ir-hero-filter-bar .ir-filter-pills-row {
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
  }
}

/* ==========================================================================
   Next-Level Emerald Brand Theme Job Modal (iRemotly)
   ========================================================================== */

.ir-job-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(6px) !important;
  z-index: 100000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  opacity: 0 !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-job-modal-backdrop.active {
  display: flex !important;
  opacity: 1 !important;
}

.ir-job-modal-card {
  background: #FFFFFF !important;
  border-radius: 22px !important;
  width: 100% !important;
  max-width: 700px !important;
  max-height: 88vh !important;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.35) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: scale(0.96) translateY(8px) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
}

.ir-job-modal-backdrop.active .ir-job-modal-card {
  transform: scale(1) translateY(0) !important;
}

/* Header Box with Brand Tint */
.ir-jm-header-box {
  background: linear-gradient(180deg, #F0FDF4 0%, #FFFFFF 100%) !important;
  padding: 24px 28px 20px !important;
  border-bottom: 1.5px solid #EAECF0 !important;
}

/* Top Bar: Badges & Window Actions */
.ir-jm-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.ir-jm-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.ir-jm-badge-new {
  background: #FEF3C7 !important;
  color: #92400E !important;
  border: 1px solid #FDE68A !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  letter-spacing: 0.04em !important;
}

.ir-jm-badge-remote {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 3px 11px !important;
  border-radius: 9999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  letter-spacing: 0.03em !important;
}

.ir-jm-badge-easy {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #E2E8F0 !important;
  padding: 3px 11px !important;
  border-radius: 9999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.ir-jm-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-icon-btn {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  color: #64748B !important;
  cursor: pointer !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.ir-jm-icon-btn:hover {
  background: #0F172A !important;
  color: #FFFFFF !important;
  border-color: #0F172A !important;
  transform: translateY(-1px) !important;
}

/* Title & Logo Row */
.ir-jm-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-bottom: 18px !important;
}

.ir-jm-heading-block {
  flex: 1 !important;
}

.ir-jm-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.68rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.03em !important;
  line-height: 1.22 !important;
  margin: 0 0 8px 0 !important;
}

.ir-jm-submeta {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  color: #64748B !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 600 !important;
}

.ir-jm-submeta-time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.ir-jm-company-box {
  width: 110px !important;
  height: 60px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  padding: 6px 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.ir-jm-company-box img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.ir-jm-company-fallback {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  color: #0F172A !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

/* Metric Highlights Strip (Chips) */
.ir-jm-chips-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

.ir-jm-chip-item {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.ir-jm-chip-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.ir-jm-chip-text {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.ir-jm-chip-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.ir-jm-chip-val {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* CTA Row (Emerald Theme) */
.ir-jm-cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ir-btn-jm-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  padding: 11px 32px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-btn-jm-apply:hover {
  background: #009E47 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0, 191, 88, 0.45) !important;
}

.ir-btn-jm-save {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  color: #0F172A !important;
  padding: 11px 22px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-btn-jm-save:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #F8FAFC !important;
}

.ir-btn-jm-save.saved {
  background: #E8F8F0 !important;
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

/* Modal Description Body */
.ir-jm-body {
  padding: 24px 28px 32px !important;
  overflow-y: auto !important;
  flex: 1 !important;
  scrollbar-width: thin !important;
}

.ir-jm-section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-section-title::before {
  content: "" !important;
  width: 4px !important;
  height: 18px !important;
  background: #00BF58 !important;
  border-radius: 2px !important;
  display: inline-block !important;
}

.ir-jm-desc-content {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

.ir-jm-desc-content p {
  margin-bottom: 1rem !important;
}

.ir-jm-desc-content strong, .ir-jm-desc-content b {
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-jm-desc-content ul {
  padding-left: 22px !important;
  margin-bottom: 1rem !important;
}

.ir-jm-desc-content li {
  margin-bottom: 6px !important;
}

@media (max-width: 640px) {
  .ir-jm-chips-grid {
    grid-template-columns: 1fr !important;
  }
  .ir-jm-title-row {
    flex-direction: column-reverse !important;
  }
}

/* ==========================================================================
   Clean, Simple & Best Job Modal Design (Matching User Specification)
   ========================================================================== */

.ir-job-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.5) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 100000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
}

.ir-job-modal-backdrop.active {
  display: flex !important;
  opacity: 1 !important;
}

.ir-job-modal-card {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  width: 100% !important;
  max-width: 680px !important;
  max-height: 90vh !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 24px 30px 28px !important;
  border: 1px solid #E2E8F0 !important;
}

/* Top Bar: Badges & Window Actions */
.ir-jm-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}

.ir-jm-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-badge-new {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
}

.ir-jm-badge-easy {
  background: #FDF2F8 !important;
  color: #BE185D !important;
  border: 1px solid #FBCFE8 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.ir-jm-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-icon-btn {
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  cursor: pointer !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-jm-icon-btn:hover {
  color: #0F172A !important;
  background: #F1F5F9 !important;
}

/* Title & Borderless Logo Row */
.ir-jm-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 6px !important;
}

.ir-jm-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.65rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  flex: 1 !important;
}

.ir-jm-company-box {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 50px !important;
  max-height: 48px !important;
  flex-shrink: 0 !important;
}

.ir-jm-company-box img {
  max-height: 44px !important;
  max-width: 100px !important;
  object-fit: contain !important;
}

.ir-jm-company-fallback {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  color: #0F172A !important;
}

/* Submeta Line */
.ir-jm-submeta {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #64748B !important;
  font-weight: 500 !important;
  margin-bottom: 18px !important;
}

/* Clean 2-Column Details Grid (No Cards, Pure Icons & Text) */
.ir-jm-details-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px 24px !important;
  margin-bottom: 20px !important;
}

.ir-jm-detail-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.ir-jm-detail-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  color: #0F172A !important;
}

/* CTA Row (Clean, No Bottom Border) */
.ir-jm-cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.ir-btn-jm-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  padding: 10px 28px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  transition: background 0.15s ease !important;
}

.ir-btn-jm-apply:hover {
  background: #009E47 !important;
}

.ir-btn-jm-save {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  color: #0F172A !important;
  padding: 9px 20px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-btn-jm-save:hover {
  border-color: #CBD5E1 !important;
  background: #F8FAFC !important;
}

/* Description Body */
.ir-jm-body {
  overflow-y: auto !important;
  flex: 1 !important;
  padding-right: 6px !important;
  scrollbar-width: thin !important;
  border-top: none !important;
}

.ir-jm-section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 0 0 12px 0 !important;
}

.ir-jm-desc-content {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.93rem !important;
  line-height: 1.7 !important;
  color: #334155 !important;
}

.ir-jm-desc-content p {
  margin-bottom: 0.9rem !important;
}

.ir-jm-desc-content strong, .ir-jm-desc-content b {
  font-weight: 800 !important;
  color: #0F172A !important;
}

@media (max-width: 640px) {
  .ir-job-modal-card {
    padding: 20px !important;
  }
  .ir-jm-details-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* ==========================================================================
   Pixel-Perfect Executive Spacing for Job Modal
   ========================================================================== */

.ir-job-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 100000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 16px !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
}

.ir-job-modal-backdrop.active {
  display: flex !important;
  opacity: 1 !important;
}

.ir-job-modal-card {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  width: 100% !important;
  max-width: 680px !important;
  max-height: 88vh !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 30px 34px !important;
  border: 1px solid #E2E8F0 !important;
}

/* 1. Top Bar */
.ir-jm-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.ir-jm-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-badge-new {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.ir-jm-badge-easy {
  background: #FDF2F8 !important;
  color: #BE185D !important;
  border: 1px solid #FBCFE8 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.ir-jm-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.ir-jm-icon-btn {
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  cursor: pointer !important;
  padding: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-jm-icon-btn:hover {
  color: #0F172A !important;
  background: #F1F5F9 !important;
}

/* 2. Title & Company Logo Row */
.ir-jm-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 8px !important;
}

.ir-jm-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.62rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  flex: 1 !important;
}

.ir-jm-company-box {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  max-height: 44px !important;
}

.ir-jm-company-box img {
  max-height: 40px !important;
  max-width: 110px !important;
  object-fit: contain !important;
}

.ir-jm-company-fallback {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  color: #0F172A !important;
}

/* 3. Submeta Line */
.ir-jm-submeta {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  color: #64748B !important;
  font-weight: 500 !important;
  margin-bottom: 22px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* 4. Clean 2-Column Key Details Grid */
.ir-jm-details-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px 28px !important;
  margin-bottom: 24px !important;
}

.ir-jm-detail-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  color: #1E293B !important;
  line-height: 1.4 !important;
}

.ir-jm-detail-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  color: #0F172A !important;
  flex-shrink: 0 !important;
}

.ir-jm-detail-row svg {
  flex-shrink: 0 !important;
}

/* 5. CTA Row */
.ir-jm-cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 28px !important;
}

.ir-btn-jm-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  padding: 0 28px !important;
  height: 42px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  box-shadow: none !important;
  transition: background 0.15s ease !important;
}

.ir-btn-jm-apply:hover {
  background: #009E47 !important;
}

.ir-btn-jm-save {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  color: #0F172A !important;
  padding: 0 20px !important;
  height: 42px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.94rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-btn-jm-save:hover {
  border-color: #CBD5E1 !important;
  background: #F8FAFC !important;
}

/* 6. Description Body */
.ir-jm-body {
  overflow-y: auto !important;
  flex: 1 !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
}

.ir-jm-section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 0 0 16px 0 !important;
  display: block !important;
}

.ir-jm-section-title::before {
  display: none !important;
}

.ir-jm-desc-content {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.94rem !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

.ir-jm-desc-content p {
  margin: 0 0 14px 0 !important;
}

.ir-jm-desc-content h1, .ir-jm-desc-content h2, .ir-jm-desc-content h3, .ir-jm-desc-content h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 20px 0 10px 0 !important;
}

.ir-jm-desc-content strong, .ir-jm-desc-content b {
  font-weight: 800 !important;
  color: #0F172A !important;
}

.ir-jm-desc-content ul {
  margin: 0 0 16px 0 !important;
  padding-left: 20px !important;
}

.ir-jm-desc-content li {
  margin-bottom: 6px !important;
}

@media (max-width: 640px) {
  .ir-job-modal-card {
    padding: 24px 20px !important;
  }
  .ir-jm-details-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* User Specific Overrides for Modal Padding */
.ir-jm-topbar {
  padding: 0 !important;
}

.ir-jm-body {
  padding: 0px 0px 32px !important;
}

/* Theme Color for Modal Key Detail Icons */
.ir-jm-detail-icon {
  color: #00BF58 !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
}

.ir-jm-detail-row svg {
  color: #00BF58 !important;
  stroke: #00BF58 !important;
  stroke-width: 2.3 !important;
}

/* Align Recent Jobs Container Width Perfectly with Header (Logo to Post a Job) */
.ir-jobs-wrapper {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.ir-recent-jobs-list {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.ir-job-card-meta {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   Next-Level Graphy-Inspired Floating Footer (iRemotly)
   ========================================================================== */

.ir-footer-section {
  position: relative !important;
  background: #FAFAFB !important;
  padding: 40px 0 60px !important;
  overflow: hidden !important;
}

.ir-footer-card {
  background: #FFFFFF !important;
  border-radius: 28px !important;
  border: 1px solid #EAECF0 !important;
  box-shadow: 0 10px 30px -4px rgba(15, 23, 42, 0.03) !important;
  padding: 48px 52px 34px !important;
  position: relative !important;
  z-index: 10 !important;
}

.ir-footer-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 48px !important;
  margin-bottom: 38px !important;
  align-items: start !important;
}

.ir-footer-brand-col {
  max-width: 360px !important;
}

.ir-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  margin-bottom: 16px !important;
}

.ir-footer-brand-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.03em !important;
}

.ir-footer-tagline {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  color: #64748B !important;
  margin: 0 0 22px 0 !important;
}

.ir-footer-socials {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.ir-footer-social-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #0F172A !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-footer-social-btn:hover {
  background: #F1F5F9 !important;
  color: #00BF58 !important;
  transform: translateY(-2px) !important;
}

.ir-footer-links-col {
  display: flex !important;
  flex-direction: column !important;
}

.ir-footer-col-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 0 0 18px 0 !important;
  letter-spacing: -0.01em !important;
}

.ir-footer-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.ir-footer-list li a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.9rem !important;
  color: #64748B !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.15s ease !important;
}

.ir-footer-list li a:hover {
  color: #00BF58 !important;
}

/* Bottom Row */
.ir-footer-bottom-row {
  border-top: 1px solid #EAECF0 !important;
  padding-top: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ir-footer-copyright {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  color: #64748B !important;
  font-weight: 500 !important;
}

.ir-footer-legal-links {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.ir-footer-legal-links a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  color: #64748B !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.15s ease !important;
}

.ir-footer-legal-links a:hover {
  color: #0F172A !important;
  text-decoration: underline !important;
}

/* Giant Subtle Background Watermark */
.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(5rem, 16vw, 15rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  color: rgba(15, 23, 42, 0.035) !important;
  text-align: center !important;
  line-height: 0.8 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin-top: -36px !important;
  margin-bottom: -10px !important;
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 900px) {
  .ir-footer-card {
    padding: 32px 24px !important;
  }
  .ir-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
  .ir-footer-brand-col {
    grid-column: span 2 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 600px) {
  .ir-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .ir-footer-brand-col {
    grid-column: span 1 !important;
  }
  .ir-footer-bottom-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .ir-footer-legal-links {
    flex-wrap: wrap !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   50% Cut-off Brand Watermark in Footer
   ========================================================================== */

.ir-footer-section {
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

.ir-footer-watermark-wrap {
  width: 100% !important;
  height: clamp(55px, 9vw, 115px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-top: -15px !important;
}

.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(6rem, 18vw, 16rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: rgba(15, 23, 42, 0.04) !important;
  text-align: center !important;
  line-height: 0.8 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-8%) !important;
}

/* 60% Visible Brand Watermark */
.ir-footer-watermark-wrap {
  width: 100% !important;
  height: clamp(75px, 12vw, 150px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-top: -10px !important;
}

.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(6rem, 18vw, 16rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: rgba(15, 23, 42, 0.04) !important;
  text-align: center !important;
  line-height: 0.85 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-4%) !important;
}

/* Wide Letter Spacing for Footer Brand Watermark */
.ir-footer-watermark {
  letter-spacing: 0.08em !important;
}

/* ==========================================================================
   Container-Aligned 60% Watermark (Starts & Ends with Footer Card)
   ========================================================================== */

.ir-footer-section {
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

.ir-footer-watermark-wrap {
  width: 100% !important;
  max-width: 1192px !important;
  margin: -15px auto 0 auto !important;
  height: clamp(65px, 8.5vw, 110px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
}

.ir-footer-watermark-wrap svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Giant Bold Watermark Height and Scale */
.ir-footer-watermark-wrap {
  width: 100% !important;
  max-width: 1192px !important;
  margin: -10px auto 0 auto !important;
  height: clamp(85px, 13vw, 160px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
}

.ir-footer-watermark-wrap svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Reverted to 60% Giant Watermark with Letter Spacing */
.ir-footer-section {
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

.ir-footer-watermark-wrap {
  width: 100% !important;
  height: clamp(75px, 12vw, 150px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-top: -10px !important;
}

.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(6rem, 18vw, 16rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  color: rgba(15, 23, 42, 0.04) !important;
  text-align: center !important;
  line-height: 0.85 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-4%) !important;
}

/* Fix Watermark Headroom: Keep dots of "i", tops of "t", and all letter tops 100% visible */
.ir-footer-watermark-wrap {
  width: 100% !important;
  height: clamp(80px, 12vw, 150px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-top: 0px !important;
  padding-top: 16px !important;
  box-sizing: border-box !important;
}

.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(6rem, 18vw, 16rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  color: rgba(15, 23, 42, 0.04) !important;
  text-align: center !important;
  line-height: 1 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Reverted Clean 60% Watermark with Moderate Font Size */
.ir-footer-section {
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

.ir-footer-watermark-wrap {
  width: 100% !important;
  height: clamp(65px, 10vw, 125px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-top: 0px !important;
  padding-top: 10px !important;
  box-sizing: border-box !important;
}

.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(4.5rem, 13vw, 11rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  color: rgba(15, 23, 42, 0.04) !important;
  text-align: center !important;
  line-height: 1 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Exact 60% Visible Brand Watermark */
.ir-footer-section {
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

.ir-footer-watermark-wrap {
  width: 100% !important;
  height: clamp(75px, 12vw, 150px) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-top: -10px !important;
}

.ir-footer-watermark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(6rem, 18vw, 16rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: rgba(15, 23, 42, 0.04) !important;
  text-align: center !important;
  line-height: 0.85 !important;
  user-select: none !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-4%) !important;
}

/* ==========================================================================
   Next-Level Designer Brand Identity (iRemotly)
   ========================================================================== */

.ir-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0px !important;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-brand-logo:hover {
  transform: translateY(-1px) !important;
}

.ir-logo-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-right: -10px !important;
  filter: none !important;
  position: relative !important;
  z-index: 2 !important;
}

.ir-logo-wordmark {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.48rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: baseline !important;
}

.ir-logo-i {
  color: #00BF58 !important;
  font-weight: 900 !important;
  margin-right: 0.5px !important;
}

.ir-logo-main {
  color: #0F172A !important;
  font-weight: 900 !important;
}

/* ==========================================================================
   Filter Bar Exact Width & Alignment Matching Search Bar
   ========================================================================== */

.ir-jobs-searchpill {
  max-width: 820px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

.ir-hero-filter-bar {
  max-width: 820px !important;
  width: 100% !important;
  margin: 16px auto 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding: 0 !important;
}

.ir-hero-filter-bar::-webkit-scrollbar {
  display: none !important;
}

.ir-btn-filter-trigger {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 7px 15px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  flex-shrink: 0 !important;
}

.ir-btn-filter-trigger:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

.ir-filter-badge-counter {
  background: #0F172A !important;
  color: #FFFFFF !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ir-filter-pills-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.ir-filter-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 7px 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
}

.ir-filter-pill-btn svg {
  flex-shrink: 0 !important;
  color: #64748B !important;
}

.ir-filter-pill-btn:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

.ir-filter-pill-btn:hover svg {
  color: #00BF58 !important;
}

/* ==========================================================================
   Perfect Single-Line Filter Bar Aligned with Search Bar
   ========================================================================== */

.ir-jobs-hero__search-wrap {
  max-width: 860px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.ir-jobs-searchpill {
  max-width: 860px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 50px !important;
  padding: 6px 8px 6px 20px !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
}

.ir-hero-filter-bar {
  max-width: 860px !important;
  width: 100% !important;
  margin: 14px auto 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
  overflow-x: visible !important;
  padding: 0 !important;
}

.ir-btn-filter-trigger {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 6px 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.80rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  flex-shrink: 0 !important;
}

.ir-btn-filter-trigger:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

.ir-filter-badge-counter {
  background: #0F172A !important;
  color: #FFFFFF !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ir-filter-pills-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  flex: 1 !important;
  justify-content: space-between !important;
}

.ir-filter-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 6px 11px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
}

.ir-filter-pill-btn svg {
  flex-shrink: 0 !important;
  color: #64748B !important;
}

.ir-filter-pill-btn:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
}

.ir-filter-pill-btn:hover svg {
  color: #00BF58 !important;
}

/* ==========================================================================
   Next-Level Floating Sticky Apply Bar (Job Detail)
   ========================================================================== */

.ir-sticky-apply-bar {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(140%) !important;
  width: calc(100% - 32px) !important;
  max-width: 1060px !important;
  z-index: 1000 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
}

.ir-sticky-apply-bar.ir-sticky-apply-bar--visible {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.ir-sticky-apply-inner {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 20px !important;
  padding: 12px 20px !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.03) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.ir-sticky-info {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.ir-sticky-logo {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.ir-sticky-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 4px !important;
}

.ir-sticky-initial {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.2rem !important;
  color: #0F172A !important;
}

.ir-sticky-text-wrap {
  min-width: 0 !important;
  flex: 1 !important;
}

.ir-sticky-title {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
}

.ir-sticky-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  color: #64748B !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ir-sticky-company {
  font-weight: 700 !important;
  color: #334155 !important;
}

.ir-sticky-dot {
  color: #CBD5E1 !important;
}

.ir-sticky-remote {
  color: #00BF58 !important;
  font-weight: 700 !important;
}

.ir-sticky-salary {
  color: #0F172A !important;
  font-weight: 700 !important;
}

.ir-sticky-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.ir-sticky-btn-save {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  color: #64748B !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ir-sticky-btn-save:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #E8F8F0 !important;
}

.ir-sticky-btn-apply {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space: nowrap !important;
}

.ir-sticky-btn-apply:hover {
  background: #00A34A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0, 191, 88, 0.45) !important;
}

@media (max-width: 640px) {
  .ir-sticky-apply-bar {
    bottom: 12px !important;
    width: calc(100% - 20px) !important;
  }
  .ir-sticky-apply-inner {
    padding: 10px 14px !important;
  }
  .ir-sticky-logo {
    display: none !important;
  }
  .ir-sticky-title {
    font-size: 0.92rem !important;
  }
  .ir-sticky-btn-apply {
    padding: 10px 16px !important;
    font-size: 0.84rem !important;
  }
}

/* ==========================================================================
   Top Floating Sticky Apply Bar Below Header on Scroll
   ========================================================================== */

.ir-sticky-apply-bar {
  position: fixed !important;
  top: 82px !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-150%) !important;
  width: calc(100% - 48px) !important;
  max-width: 1240px !important;
  z-index: 999 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease !important;
}

.ir-sticky-apply-bar.ir-sticky-apply-bar--visible {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.ir-sticky-apply-inner {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 16px !important;
  padding: 10px 20px !important;
  box-shadow: 0 14px 35px -6px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.ir-sticky-info {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.ir-sticky-logo {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.ir-sticky-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 3px !important;
}

.ir-sticky-initial {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
  color: #0F172A !important;
}

.ir-sticky-text-wrap {
  min-width: 0 !important;
  flex: 1 !important;
}

.ir-sticky-title {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.0rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
}

.ir-sticky-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.80rem !important;
  color: #64748B !important;
  margin-top: 1px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ir-sticky-company {
  font-weight: 700 !important;
  color: #334155 !important;
}

.ir-sticky-dot {
  color: #CBD5E1 !important;
}

.ir-sticky-remote {
  color: #00BF58 !important;
  font-weight: 700 !important;
}

.ir-sticky-salary {
  color: #0F172A !important;
  font-weight: 700 !important;
}

.ir-sticky-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.ir-sticky-btn-save {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  color: #64748B !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ir-sticky-btn-save:hover {
  border-color: #00BF58 !important;
  color: #00BF58 !important;
  background: #E8F8F0 !important;
}

.ir-sticky-btn-apply {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  padding: 10px 22px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 191, 88, 0.32) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space: nowrap !important;
}

.ir-sticky-btn-apply:hover {
  background: #00A34A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 191, 88, 0.42) !important;
}

@media (max-width: 768px) {
  .ir-sticky-apply-bar {
    top: 74px !important;
    width: calc(100% - 24px) !important;
  }
  .ir-sticky-apply-inner {
    padding: 8px 12px !important;
    gap: 10px !important;
  }
  .ir-sticky-logo {
    display: none !important;
  }
  .ir-sticky-title {
    font-size: 0.90rem !important;
  }
  .ir-sticky-btn-apply {
    padding: 8px 14px !important;
    font-size: 0.82rem !important;
  }
}

/* ==========================================================================
   Next-Level Executive Breadcrumb Navigation
   ========================================================================== */

.ir-breadcrumb-nav {
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
}

.ir-breadcrumb-list {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 4px 10px !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.ir-breadcrumb-item {
  display: inline-flex !important;
  align-items: center !important;
}

.ir-breadcrumb-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #64748B !important;
  text-decoration: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.ir-breadcrumb-link:hover {
  color: #00BF58 !important;
  background: #E8F8F0 !important;
}

.ir-breadcrumb-link svg {
  color: #94A3B8 !important;
  transition: color 0.15s ease !important;
}

.ir-breadcrumb-link:hover svg {
  color: #00BF58 !important;
}

.ir-breadcrumb-sep {
  display: inline-flex !important;
  align-items: center !important;
  color: #CBD5E1 !important;
}

.ir-breadcrumb-text {
  color: #64748B !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 3px 6px !important;
}

.ir-breadcrumb-current {
  display: inline-block !important;
  max-width: 300px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 3px 12px !important;
}

@media (max-width: 640px) {
  .ir-breadcrumb-list {
    border-radius: 12px !important;
    padding: 6px 10px !important;
  }
  .ir-breadcrumb-current {
    max-width: 160px !important;
  }
}

/* Compact Hero Padding & Breadcrumb Spacing */
.ir-detail-hero {
  background: #FFFFFF !important;
  border-bottom: 1px solid #EEF2F6 !important;
  padding: 18px 0 32px !important;
}

.ir-breadcrumb-nav {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

/* ==========================================================================
   Next-Level Pure White Designer Bottom CTA Card
   ========================================================================== */

.ir-detail-bottom-cta {
  background: #FFFFFF !important;
  border: 1.5px solid #EAECF0 !important;
  border-radius: 24px !important;
  padding: 32px 36px !important;
  color: #0F172A !important;
  margin-top: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  box-shadow: 0 10px 30px -8px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
  overflow: hidden !important;
}

.ir-detail-bottom-cta::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, #00BF58, #4ADE80, #E8F8F0) !important;
}

.ir-detail-bottom-cta__left {
  flex: 1 !important;
  min-width: 260px !important;
}

.ir-cta-pill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.02em !important;
}

.ir-cta-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}

.ir-cta-subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  color: #64748B !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.ir-detail-bottom-cta__right {
  flex-shrink: 0 !important;
}

.ir-cta-btn-apply {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  padding: 13px 28px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space: nowrap !important;
}

.ir-cta-btn-apply:hover {
  background: #00A34A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(0, 191, 88, 0.45) !important;
}

@media (max-width: 768px) {
  .ir-detail-bottom-cta {
    padding: 24px 20px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .ir-detail-bottom-cta__right {
    width: 100% !important;
  }
  .ir-cta-btn-apply {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Fix Job Detail 2-Column Sidebar Alignment */
.ir-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 32px !important;
  align-items: start !important;
  margin-top: 28px !important;
}

.ir-detail-desc-card {
  background: #FFFFFF !important;
  border: 1px solid #EAECF0 !important;
  border-radius: 20px !important;
  padding: 36px 40px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  min-width: 0 !important;
}

.ir-detail-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  position: sticky !important;
  top: 100px !important;
  align-self: start !important;
  width: 100% !important;
}

.ir-detail-side-card {
  background: #FFFFFF !important;
  border: 1px solid #EAECF0 !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

@media (max-width: 860px) {
  .ir-detail-layout {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Next-Level Similar Remote Jobs Section
   ========================================================================== */

.ir-detail-similar-section {
  margin-top: 56px !important;
  padding-top: 40px !important;
  border-top: 1px solid #EAECF0 !important;
  margin-bottom: 40px !important;
}

.ir-similar-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  margin-bottom: 28px !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.ir-similar-pill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  margin-bottom: 8px !important;
}

.ir-similar-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 4px 0 !important;
}

.ir-similar-subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.90rem !important;
  color: #64748B !important;
  margin: 0 !important;
}

.ir-similar-view-all {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform 0.15s ease !important;
}

.ir-similar-view-all:hover {
  transform: translateX(3px) !important;
}

.ir-similar-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap: 20px !important;
}

.ir-similar-card {
  background: #FFFFFF !important;
  border: 1.5px solid #EAECF0 !important;
  border-radius: 20px !important;
  padding: 22px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.ir-similar-card:hover {
  border-color: #00BF58 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 28px -8px rgba(0, 191, 88, 0.14) !important;
}

.ir-similar-card__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

.ir-similar-card__logo {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.ir-similar-card__logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 3px !important;
}

.ir-similar-card__initial {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
  color: #0F172A !important;
}

.ir-similar-card__badge-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ir-similar-remote-pill {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 9999px !important;
}

.ir-similar-new-pill {
  background: #FEF3C7 !important;
  color: #92400E !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
}

.ir-similar-card__title {
  margin: 0 0 6px 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.ir-similar-card__title a {
  color: #0F172A !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.ir-similar-card__title a:hover {
  color: #00BF58 !important;
}

.ir-similar-card__company {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #475569 !important;
  margin-bottom: 12px !important;
}

.ir-similar-card__company a {
  color: #475569 !important;
  text-decoration: none !important;
}

.ir-similar-card__company a:hover {
  color: #00BF58 !important;
}

.ir-similar-card__meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  color: #64748B !important;
  margin-bottom: 18px !important;
}

.ir-similar-card__salary {
  font-weight: 700 !important;
  color: #0F172A !important;
}

.ir-similar-card__dot {
  color: #CBD5E1 !important;
}

.ir-similar-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding-top: 14px !important;
  border-top: 1px solid #F1F5F9 !important;
}

.ir-similar-btn-view {
  color: #475569 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.15s ease !important;
}

.ir-similar-btn-view:hover {
  color: #00BF58 !important;
}

.ir-similar-btn-apply {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.80rem !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: all 0.15s ease !important;
}

.ir-similar-btn-apply:hover {
  background: #00BF58 !important;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .ir-similar-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 3-Column Similar Jobs Grid */
.ir-similar-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 960px) {
  .ir-similar-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .ir-similar-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Next-Level iRemotly Job Roles Aesthetic
   ========================================================================== */

.ir-roles-page-bg {
  background: #F8FAFC !important;
  min-height: 80vh !important;
}

.ir-roles-hero, .ir-role-hero {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 6px !important;
}

.ir-role-pill-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  padding: 4px 12px !important;
  border-radius: 9999px !important;
  margin-bottom: 12px !important;
}

.ir-roles-hero__title, .ir-role-hero__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
}

.ir-roles-hero__subtitle, .ir-role-hero__subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.0rem !important;
  color: #64748B !important;
  margin: 0 auto 20px !important;
  line-height: 1.6 !important;
  max-width: 680px !important;
}

/* Floating Search Pill */
.ir-roles-searchpill {
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 8px 10px 8px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 640px !important;
  width: 100% !important;
  margin: 0 auto 20px auto !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

.ir-roles-searchpill:focus-within {
  border-color: #00BF58 !important;
  box-shadow: 0 12px 30px -5px rgba(0, 191, 88, 0.18), 0 0 0 3px rgba(0, 191, 88, 0.12) !important;
}

.ir-roles-searchpill__input {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  background: transparent !important;
}

.ir-roles-searchpill__btn {
  background: #00BF58 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  padding: 12px 26px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.ir-roles-searchpill__btn:hover {
  background: #00A34A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 191, 88, 0.3) !important;
}

/* Single Row Streamlined A-Z Alphabet Bar (Normal in Hero, Not Sticky) */
.ir-roles-az-bar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9999px !important;
  padding: 5px 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  margin: 0 auto 16px auto !important;
}

.ir-roles-az-bar::-webkit-scrollbar {
  display: none !important;
}

.ir-az-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 27px !important;
  border-radius: 7px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  color: #64748B !important;
  text-decoration: none !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 0 5px !important;
  flex-shrink: 0 !important;
}

.ir-az-btn:hover {
  color: #00BF58 !important;
  background: #E8F8F0 !important;
  transform: translateY(-1px) !important;
}

.ir-az-btn.ir-az-btn--active {
  background: #00BF58 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 10px rgba(0, 191, 88, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* Roles Card Grid */
.ir-roles-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  gap: 20px !important;
}

.ir-role-card {
  background: #FFFFFF !important;
  border: 1.5px solid #EAECF0 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-role-card:hover {
  border-color: #00BF58 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 28px -8px rgba(0, 191, 88, 0.14) !important;
}

.ir-role-card__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.ir-role-card__icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ir-role-card__count {
  background: #F1F5F9 !important;
  color: #334155 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
}

.ir-role-card__name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 4px 0 !important;
}

.ir-role-card__desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.84rem !important;
  color: #64748B !important;
  margin: 0 0 20px 0 !important;
}

.ir-role-card__bottom {
  border-top: 1px solid #F1F5F9 !important;
  padding-top: 14px !important;
}

.ir-role-card__action {
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: transform 0.15s ease !important;
}

.ir-role-card:hover .ir-role-card__action {
  transform: translateX(3px) !important;
}

/* Load More Roles Button */
.ir-btn-load-more-roles {
  background: #FFFFFF !important;
  border: 2px solid #00BF58 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  padding: 12px 32px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 191, 88, 0.12) !important;
  transition: all 0.2s ease !important;
}

.ir-btn-load-more-roles:hover {
  background: #00BF58 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* Specific Role Career Guide */
.ir-role-guide-card {
  background: #FFFFFF !important;
  border: 1.5px solid #EAECF0 !important;
  border-radius: 24px !important;
  padding: 36px 40px !important;
  margin-top: 48px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

.ir-role-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin-top: 24px !important;
}

.ir-role-guide-col h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  margin: 0 0 8px 0 !important;
}

.ir-role-guide-col p {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.90rem !important;
  line-height: 1.65 !important;
  color: #64748B !important;
  margin: 0 0 12px 0 !important;
}

.ir-role-guide-link {
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

@media (max-width: 860px) {
  .ir-role-guide-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Next-Level iRemotly Company Detail Aesthetic
   ========================================================================== */

.ir-company-page-bg {
  background: #F8FAFC !important;
  min-height: 80vh !important;
}

.ir-company-hero-card {
  background: #FFFFFF !important;
  border: 1.5px solid #EAECF0 !important;
  border-radius: 24px !important;
  padding: 32px 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.ir-company-hero-main {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.ir-company-hero-logo {
  width: 68px !important;
  height: 68px !important;
  border-radius: 16px !important;
  background: #F8FAFC !important;
  border: 1.5px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.ir-company-hero-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 4px !important;
}

.ir-company-hero-initial {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.8rem !important;
  color: #0F172A !important;
}

.ir-company-hero-details {
  min-width: 0 !important;
}

.ir-company-hero-name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.85rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.035em !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.2 !important;
}

.ir-company-hero-badges {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.ir-company-badge-verified {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.ir-company-badge-jobs {
  background: #F1F5F9 !important;
  color: #334155 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.ir-company-hero-cta {
  flex-shrink: 0 !important;
}

.ir-btn-visit-company {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #00BF58 !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space: nowrap !important;
}

.ir-btn-visit-company:hover {
  background: #00A34A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0, 191, 88, 0.45) !important;
}

.ir-btn-sidebar-link {
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: transform 0.15s ease !important;
}

.ir-btn-sidebar-link:hover {
  transform: translateX(3px) !important;
}

/* ==========================================================================
   Next-Level iRemotly Companies Index Aesthetic
   ========================================================================== */

.ir-companies-page-bg {
  background: #F8FAFC !important;
  min-height: 80vh !important;
}

.ir-companies-hero {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 36px !important;
}

.ir-companies-hero__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: #0F172A !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
}

.ir-companies-hero__subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.0rem !important;
  color: #64748B !important;
  margin: 0 auto 24px !important;
  line-height: 1.6 !important;
  max-width: 680px !important;
}

.ir-companies-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
  gap: 20px !important;
}

.ir-company-card {
  background: #FFFFFF !important;
  border: 1.5px solid #EAECF0 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-company-card:hover {
  border-color: #00BF58 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 28px -8px rgba(0, 191, 88, 0.14) !important;
}

.ir-company-card__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.ir-company-card__logo {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.ir-company-card__logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 3px !important;
}

.ir-company-card__initial {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  color: #0F172A !important;
}

.ir-company-card__count {
  background: #E8F8F0 !important;
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
}

.ir-company-card__name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 4px 0 !important;
}

.ir-company-card__desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.84rem !important;
  color: #64748B !important;
  margin: 0 0 20px 0 !important;
}

.ir-company-card__bottom {
  border-top: 1px solid #F1F5F9 !important;
  padding-top: 14px !important;
}

.ir-company-card__action {
  color: #00BF58 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: transform 0.15s ease !important;
}

.ir-company-card:hover .ir-company-card__action {
  transform: translateX(3px) !important;
}

/* Remove background from logo boxes across cards and headers */
.ir-company-hero-logo,
.company-header-logo,
.ir-job-card-meta__logo,
.ir-company-card__logo,
.company-card__logo,
.ir-sticky-logo,
.sticky-company-bar__logo,
.ir-detail-hero-logo,
.ir-similar-card-logo,
.job-card__logo {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.ir-company-hero-logo img,
.ir-job-card-meta__logo img,
.ir-company-card__logo img,
.company-card__logo img,
.company-header-logo img,
.ir-sticky-logo img {
  background: transparent !important;
  background-color: transparent !important;
  object-fit: contain !important;
}

/* ==========================================================================
   iRemotly Premium Resource & Static Pages Design System (Clean White & Emerald)
   ========================================================================== */
.resource-page-wrap {
    max-width: 920px;
    margin: 0 auto;
    padding: 16px 0 60px;
}

.resource-hero {
    text-align: center;
    padding: 44px 32px 36px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.resource-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #00BF58 0%, #34D399 50%, #00BF58 100%);
}

.resource-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #E8F8F0;
    border: 1px solid #A7F3D0;
    color: #00BF58;
    padding: 5px 14px;
    border-radius: 9999px;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 14px;
}
.resource-badge svg {
    color: #00BF58;
}

.resource-title {
    font-size: 2.35rem;
    font-weight: 900;
    color: #0F172A;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin: 0 0 14px;
}

.resource-subtitle {
    font-size: 1.05rem;
    color: #64748B;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
    font-weight: 500;
}

/* Key Metrics Bar */
.resource-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.resource-metric-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
    padding: 22px 18px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}
.resource-metric-card:hover {
    border-color: #00BF58;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 191, 88, 0.08);
}
.resource-metric-card .metric-val {
    font-size: 1.75rem;
    font-weight: 900;
    color: #00BF58;
    letter-spacing: -0.03em;
    line-height: 1;
    margin-bottom: 6px;
}
.resource-metric-card .metric-label {
    font-size: 0.78rem;
    font-weight: 800;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Main Card */
.resource-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 24px;
    padding: 44px 40px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
}
.resource-card h2 {
    font-size: 1.45rem;
    font-weight: 900;
    color: #0F172A;
    letter-spacing: -0.02em;
    margin: 0;
}
.resource-card p {
    font-size: 1.02rem;
    color: #334155;
    line-height: 1.75;
    margin: 0 0 16px;
}
.resource-card p:last-child {
    margin-bottom: 0;
}

.resource-section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.resource-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #A7F3D0;
}
.resource-divider {
    height: 1.5px;
    background: #F1F5F9;
    margin: 32px 0;
}

/* Features Grid */
.resource-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 20px 0;
}
.resource-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #F8FAFC;
    border: 1.5px solid #EAECF0;
    border-radius: 16px;
    padding: 16px 18px;
    font-size: 0.94rem;
    color: #334155;
    line-height: 1.5;
}
.feature-bullet {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 900;
    flex-shrink: 0;
    border: 1px solid #A7F3D0;
}

/* Contact Banner */
.resource-contact-banner {
    margin-top: 36px;
    padding: 28px 32px;
    background: #F8FAFC;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.contact-banner-info h3 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 4px;
}
.contact-banner-info p {
    font-size: 0.92rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}
.resource-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00BF58;
    color: #FFFFFF !important;
    font-weight: 800;
    font-size: 0.92rem;
    padding: 12px 22px;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.28);
    transition: all 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
}
.resource-contact-btn:hover {
    background: #00A34A;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 191, 88, 0.38);
}

/* 3-Col Features for Post a Job */
.resource-features-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.resource-feature-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}
.resource-feature-card:hover {
    border-color: #00BF58;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 191, 88, 0.08);
}
.resource-feature-card .resource-icon-box {
    margin-bottom: 18px;
}
.resource-feature-card h3 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 8px;
}
.resource-feature-card p {
    font-size: 0.92rem;
    color: #64748B;
    line-height: 1.55;
    margin: 0;
}

/* Center Card & Employer CTA */
.resource-card--center {
    text-align: center;
    padding: 48px 36px;
}
.resource-section-header--center {
    justify-content: center;
}
.resource-cta-desc {
    font-size: 1.05rem;
    color: #475569;
    max-width: 600px;
    margin: 0 auto 28px !important;
}
.resource-employer-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background: #00BF58;
    color: #FFFFFF !important;
    border-radius: 16px;
    padding: 16px 28px;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0, 191, 88, 0.32);
    transition: all 0.22s ease;
    text-align: left;
}
.resource-employer-btn:hover {
    background: #00A34A;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0, 191, 88, 0.42);
}
.employer-btn-title {
    font-size: 0.80rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.9;
    display: block;
}
.employer-btn-email {
    font-size: 1.1rem;
    font-weight: 900;
    display: block;
}
.resource-response-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    font-size: 0.85rem;
    color: #64748B;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    padding: 6px 16px;
    border-radius: 9999px;
}
.resource-response-pill .pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00BF58;
    box-shadow: 0 0 8px #00BF58;
}

/* Salary Guide Pages Styling */
.salary-detail-hero {
    text-align: center;
    padding: 44px 32px 36px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.salary-detail-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #00BF58 0%, #34D399 50%, #00BF58 100%);
}
.salary-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #E8F8F0;
    border: 1px solid #A7F3D0;
    color: #00BF58;
    padding: 5px 14px;
    border-radius: 9999px;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 14px;
}
.salary-hero-title {
    font-size: 2.35rem;
    font-weight: 900;
    color: #0F172A;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin: 0 0 12px;
}
.salary-hero-subtitle {
    font-size: 1.05rem;
    color: #64748B;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
}

.salary-spectrum-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
}
.salary-spectrum-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.spectrum-label {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0F172A;
    letter-spacing: -0.02em;
}
.spectrum-badge {
    font-size: 0.74rem;
    font-weight: 800;
    background: #E8F8F0;
    color: #00BF58;
    padding: 4px 10px;
    border-radius: 9999px;
    border: 1px solid #A7F3D0;
    text-transform: uppercase;
}
.salary-spectrum-track-wrap {
    padding: 32px 10px 10px;
}
.salary-spectrum-track {
    height: 10px;
    background: #F1F5F9;
    border-radius: 999px;
    position: relative;
}
.salary-spectrum-track::after {
    content: '';
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #A7F3D0 0%, #00BF58 50%, #34D399 100%);
    border-radius: 999px;
}
.salary-spectrum-indicator {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.spectrum-pin {
    background: #0F172A;
    color: #FFFFFF;
    padding: 6px 14px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.25);
    white-space: nowrap;
}
.spectrum-pin::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #0F172A transparent transparent transparent;
}
.pin-title {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #94A3B8;
}
.pin-val {
    font-size: 0.95rem;
    font-weight: 900;
    color: #00BF58;
}

.salary-spectrum-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1.5px solid #F1F5F9;
}
.spectrum-col .col-tag {
    font-size: 0.74rem;
    font-weight: 800;
    color: #64748B;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}
.spectrum-col .col-val {
    font-size: 1.25rem;
    font-weight: 900;
    color: #0F172A;
}
.spectrum-col--center { text-align: center; }
.spectrum-col--right { text-align: right; }

.salary-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
.salary-stat-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}
.salary-stat-card:hover {
    border-color: #00BF58;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 191, 88, 0.08);
}
.stat-card__icon-wrap {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #A7F3D0;
}
.stat-card__tag {
    font-size: 0.74rem;
    font-weight: 800;
    color: #64748B;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.stat-card__num {
    font-size: 1.65rem;
    font-weight: 900;
    color: #0F172A;
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin-bottom: 4px;
}
.stat-card__sub {
    font-size: 0.82rem;
    font-weight: 600;
    color: #94A3B8;
}

/* Sticky Salary Bar */
.sticky-salary-bar {
    position: fixed;
    top: 76px;
    left: 0;
    right: 0;
    z-index: 90;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1.5px solid #EAECF0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    display: none;
}
.sticky-salary-bar.is-visible {
    display: block;
}
.sticky-salary-bar__inner {
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sticky-salary-bar__info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.sticky-salary-bar__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sticky-salary-bar__title {
    font-size: 0.92rem;
    font-weight: 800;
    color: #0F172A;
    display: block;
}
.sticky-salary-bar__avg {
    font-size: 0.82rem;
    font-weight: 800;
    color: #00BF58;
}
.sticky-salary-bar__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #00BF58;
    color: #FFFFFF !important;
    font-weight: 800;
    font-size: 0.82rem;
    padding: 8px 18px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.sticky-salary-bar__btn:hover {
    background: #00A34A;
}

/* Responsive */
@media (max-width: 767px) {
    .resource-hero {
        padding: 30px 20px 24px;
        border-radius: 20px;
    }
    .resource-title, .salary-hero-title {
        font-size: 1.7rem;
    }
    .resource-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .resource-card, .salary-spectrum-card {
        padding: 28px 20px;
        border-radius: 20px;
    }
    .resource-features-grid, .resource-features-3col, .salary-stats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .resource-contact-banner {
        flex-direction: column;
        text-align: center;
        padding: 22px 18px;
    }
    .resource-contact-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================================
   iRemotly Next-Level Designer Breadcrumb Pill System
   ========================================================================== */
.ir-breadcrumb-nav {
    margin-bottom: 22px;
    padding: 0;
    width: 100%;
}

.ir-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 7px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.ir-breadcrumbs::-webkit-scrollbar {
    display: none;
}

.ir-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
}

.ir-breadcrumbs__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #64748B;
    text-decoration: none;
    transition: all 0.18s ease;
    border-radius: 6px;
    padding: 3px 5px;
}
.ir-breadcrumbs__link:hover {
    color: #00BF58;
    background: #E8F8F0;
}
.ir-breadcrumbs__home-icon {
    color: #94A3B8;
    transition: color 0.18s ease;
}
.ir-breadcrumbs__link:hover .ir-breadcrumbs__home-icon {
    color: #00BF58;
}

.ir-breadcrumbs__sep {
    display: inline-flex;
    align-items: center;
    color: #CBD5E1;
    user-select: none;
    flex-shrink: 0;
}

.ir-breadcrumbs__current {
    display: inline-flex;
    align-items: center;
    color: #0F172A;
    font-weight: 800;
    padding: 3px 5px;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .ir-breadcrumb-nav {
        margin-bottom: 16px;
    }
    .ir-breadcrumbs {
        padding: 6px 12px;
        font-size: 0.78rem;
        gap: 6px;
    }
    .ir-breadcrumbs__current {
        max-width: 200px;
    }
}

/* Top Spacing Override for Breadcrumbs */
.ir-breadcrumb-nav {
    margin-top: 28px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    width: 100% !important;
}

@media (max-width: 767px) {
    .ir-breadcrumb-nav {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
}

/* Breadcrumb Exact Logo Left Alignment */
.ir-breadcrumb-nav {
    margin-top: 24px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    width: 100% !important;
}

.ir-breadcrumb-nav > .container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ir-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 7px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.ir-breadcrumbs::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .ir-breadcrumb-nav {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .ir-breadcrumb-nav > .container {
        padding: 0 16px !important;
    }
}

/* Breadcrumbs Alignment with Resource Cards */
.ir-breadcrumb-nav {
    margin-top: 24px !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.ir-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 7px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.ir-breadcrumbs::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .ir-breadcrumb-nav {
        margin-top: 16px !important;
        margin-bottom: 14px !important;
    }
}

/* Unified 1240px Container Alignment with Header Logo */
.resource-page-wrap {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 60px !important;
}

.ir-breadcrumb-nav {
    margin-top: 24px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.ir-breadcrumbs {
    list-style: none;
    margin: 0 !important;
    padding: 7px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.ir-breadcrumbs::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .ir-breadcrumb-nav {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
}

/* ==========================================================================
   iRemotly Floating Next-Level Pagination Pill (Matching Exact Screenshot)
   ========================================================================== */
.ir-pagination-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
    margin-bottom: 24px;
    width: 100%;
}

.ir-pagination-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    padding: 6px 10px 6px 14px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}

.ir-pagination-pill:hover {
    border-color: #D0D5DD;
    box-shadow: 0 6px 24px -2px rgba(0, 0, 0, 0.06);
}

.ir-page-numbers {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ir-page-num {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.92rem;
    font-weight: 700;
    color: #0F172A;
    text-decoration: none;
    transition: all 0.18s ease;
}

.ir-page-num:hover {
    background: #F1F5F9;
    color: #00BF58;
}

.ir-page-num--active {
    background: #E8F8F0 !important;
    border: 1.5px solid #00BF58 !important;
    color: #00BF58 !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(0, 191, 88, 0.15);
}

.ir-page-arrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    text-decoration: none;
    transition: all 0.18s ease;
}

.ir-page-arrow:hover:not(.ir-page-arrow--disabled) {
    background: #F1F5F9;
    color: #00BF58;
}

.ir-page-arrow--disabled {
    color: #CBD5E1;
    cursor: not-allowed;
    opacity: 0.6;
}

.ir-page-ellipsis {
    width: 24px;
    text-align: center;
    color: #94A3B8;
    font-weight: 700;
    font-size: 0.95rem;
    user-select: none;
}

.ir-per-page-pill {
    margin-left: 10px;
    padding: 7px 14px;
    border: 1.5px solid #E2E8F0;
    border-radius: 9999px;
    background: #F8FAFC;
    color: #0F172A;
    font-size: 0.82rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    user-select: none;
    cursor: pointer;
    transition: all 0.18s ease;
}

.ir-per-page-pill:hover {
    border-color: #00BF58;
    background: #FFFFFF;
    color: #00BF58;
}

@media (max-width: 767px) {
    .ir-pagination-pill {
        padding: 4px 8px;
        gap: 2px;
        max-width: 100%;
        overflow-x: auto;
    }
    .ir-page-num {
        width: 32px;
        height: 32px;
        font-size: 0.84rem;
    }
    .ir-per-page-pill {
        display: none;
    }
}

/* Per Page Interactive Dropdown Popover */
.ir-per-page-container {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.ir-per-page-chevron {
    transition: transform 0.2s ease;
}
.ir-per-page-pill[aria-expanded="true"] .ir-per-page-chevron {
    transform: rotate(180deg);
}

.ir-per-page-menu {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 16px;
    padding: 6px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
    min-width: 140px;
    display: none;
    flex-direction: column;
    gap: 2px;
    z-index: 100;
    animation: irPopUp 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.ir-per-page-menu.is-open {
    display: flex !important;
}

@keyframes irPopUp {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ir-per-page-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    transition: all 0.15s ease;
}
.ir-per-page-option:hover {
    background: #F8FAFC;
    color: #00BF58;
}
.ir-per-page-option--active {
    background: #E8F8F0 !important;
    color: #00BF58 !important;
    font-weight: 800 !important;
}
.ir-per-page-option svg {
    color: #00BF58;
    flex-shrink: 0;
}

/* ==========================================================================
   Jobs Hero & Filter Bar Compact Single-Row Upgrade
   ========================================================================== */
.ir-jobs-hero {
    background: linear-gradient(180deg, #EBF8F2 0%, #F4FBF7 45%, #FFFFFF 100%) !important;
    padding: 16px 0 32px !important;
    text-align: center !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

.ir-jobs-hero .ir-breadcrumb-nav {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.ir-jobs-hero__title {
    font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    letter-spacing: -0.03em !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    line-height: 1.18 !important;
}

.ir-jobs-hero__subtitle {
    color: #64748B !important;
    font-size: 0.98rem !important;
    max-width: 620px !important;
    margin: 0 auto 20px !important;
    line-height: 1.5 !important;
}

.ir-jobs-searchpill {
    max-width: 820px !important;
    margin: 0 auto 16px !important;
    box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.05), 0 0 0 1.5px rgba(0, 0, 0, 0.03) !important;
}

/* Single Row Filter Bar */
.ir-hero-filter-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.ir-hero-filter-bar::-webkit-scrollbar {
    display: none !important;
}

.ir-hero-filter-bar .ir-filter-pills-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

.ir-hero-filter-bar .ir-btn-filter-trigger {
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 9999px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #0F172A !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-hero-filter-bar .ir-btn-filter-trigger:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    transform: translateY(-1px) !important;
}

.ir-hero-filter-bar .ir-filter-badge-counter {
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-size: 0.70rem !important;
    font-weight: 800 !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    margin-left: 2px !important;
}

.ir-hero-filter-bar .ir-filter-pill-btn {
    height: 38px !important;
    padding: 0 14px !important;
    border-radius: 9999px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.15s ease !important;
}

.ir-hero-filter-bar .ir-filter-pill-btn:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #F8FAFC !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 900px) {
    .ir-hero-filter-bar {
        justify-content: flex-start !important;
        padding-bottom: 6px !important;
    }
}

/* Search Pill With Integrated Filter CTA Button on Right */
.ir-jobs-searchpill {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 9999px !important;
    padding: 6px 8px 6px 20px !important;
    box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    max-width: 860px !important;
    margin: 0 auto 16px !important;
}

.ir-jobs-searchpill .ir-btn-filter-trigger {
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 9999px !important;
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #0F172A !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-jobs-searchpill .ir-btn-filter-trigger:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 767px) {
    .ir-jobs-searchpill {
        flex-direction: column !important;
        border-radius: 20px !important;
        padding: 12px !important;
    }
    .ir-jobs-searchpill__divider {
        display: none !important;
    }
    .ir-jobs-searchpill__input-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }
    .ir-jobs-searchpill__btn,
    .ir-jobs-searchpill .ir-btn-filter-trigger {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* Standalone Filter Icon Button to Right of Search Bar */
.ir-search-row-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 820px !important;
    margin: 0 auto 16px !important;
    width: 100% !important;
}

.ir-search-row-wrap .ir-jobs-searchpill {
    flex: 1 !important;
    margin: 0 !important;
    max-width: 740px !important;
}

.ir-filter-icon-btn {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0F172A !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-filter-icon-btn:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 191, 88, 0.20) !important;
}

@media (max-width: 767px) {
    .ir-search-row-wrap {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .ir-search-row-wrap .ir-jobs-searchpill {
        width: 100% !important;
    }
    .ir-filter-icon-btn {
        width: 100% !important;
        border-radius: 9999px !important;
        height: 42px !important;
    }
}

/* ==========================================================================
   iRemotly Emerald Salary Guides Directory & Details
   ========================================================================== */
.salary-nav-box {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
    padding: 16px 20px;
    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03);
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.salary-search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.salary-search-input-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #F8FAFC;
    border: 1.5px solid #E2E8F0;
    border-radius: 9999px;
    padding: 8px 16px;
    transition: all 0.2s ease;
}

.salary-search-input-wrap:focus-within {
    border-color: #00BF58;
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(0, 191, 88, 0.12);
}

.salary-search-input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.92rem;
    font-weight: 600;
    color: #0F172A;
}
.salary-search-input::placeholder {
    color: #94A3B8;
}

.salary-search-btn {
    background: #0F172A;
    color: #FFFFFF;
    border: none;
    padding: 10px 22px;
    border-radius: 9999px;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.salary-search-btn:hover {
    background: #00BF58;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 191, 88, 0.20);
}

/* A-Z Bar */
.salary-az-bar {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid #F1F5F9;
    padding-top: 14px;
}

.salary-az-pill {
    min-width: 32px;
    height: 32px;
    padding: 0 6px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.84rem;
    font-weight: 700;
    color: #475569;
    text-decoration: none;
    transition: all 0.15s ease;
}

.salary-az-pill:hover {
    background: #E8F8F0;
    color: #00BF58;
}

.salary-az-pill--active {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 191, 88, 0.25);
}

/* 3-Column Salary Cards Grid */
.salary-guides-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 20px;
}

.salary-guide-card-item {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 18px;
    padding: 22px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.salary-guide-card-item:hover {
    border-color: #00BF58;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px -4px rgba(0, 191, 88, 0.12), 0 4px 10px rgba(0, 0, 0, 0.02);
}

.guide-item-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.guide-item-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.guide-item-header-text {
    flex: 1;
    min-width: 0;
}

.guide-item-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0F172A;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guide-item-avg-badge {
    font-size: 0.88rem;
    font-weight: 800;
    color: #00BF58;
}
.guide-item-avg-badge small {
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748B;
}

.guide-item-range-box {
    background: #F8FAFC;
    border: 1px solid #EEF2F6;
    border-radius: 12px;
    padding: 10px 14px;
}

.guide-item-range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px;
}

.guide-item-range-track {
    height: 6px;
    background: #E2E8F0;
    border-radius: 9999px;
    overflow: hidden;
}

.guide-item-range-fill {
    height: 100%;
    width: 65%;
    background: linear-gradient(90deg, #00BF58 0%, #10B981 100%);
    border-radius: 9999px;
}

.guide-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #F1F5F9;
}

.guide-item-samples {
    font-size: 0.80rem;
    font-weight: 600;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.guide-item-samples svg {
    color: #00BF58;
}

.guide-item-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #F8FAFC;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.salary-guide-card-item:hover .guide-item-arrow {
    background: #00BF58;
    color: #FFFFFF;
    transform: translateX(3px);
}

.salary-load-more-btn {
    min-width: 240px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.90rem;
    font-weight: 700;
    border-radius: 9999px;
    padding: 12px 28px;
    background: #FFFFFF;
    border: 2px solid #00BF58;
    color: #00BF58;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 191, 88, 0.08);
}

.salary-load-more-btn:hover {
    background: #00BF58;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 191, 88, 0.25);
}

.salary-empty-state {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
}
.salary-empty-state .empty-icon-wrap {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #E8F8F0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.salary-empty-state h2 {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 8px;
}
.salary-empty-state p {
    color: #64748B;
    font-size: 0.95rem;
}

/* ==========================================================================
   iRemotly Next-Level Salary Detail Page Styling (/salaries/{slug}/)
   ========================================================================== */

/* Sticky Top Bar */
.sticky-salary-bar {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    z-index: 99;
    display: none;
    justify-content: center;
    padding: 10px 24px;
    pointer-events: none;
}
.sticky-salary-bar.is-visible {
    display: flex;
}
.sticky-salary-bar__inner {
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    padding: 6px 10px 6px 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.02);
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 680px;
    width: 100%;
    justify-content: space-between;
}
.sticky-salary-bar__info {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.sticky-salary-bar__icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sticky-salary-bar__text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.90rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sticky-salary-bar__title {
    font-weight: 800;
    color: #0F172A;
}
.sticky-salary-bar__avg {
    font-weight: 800;
    color: #00BF58;
    background: #E8F8F0;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.82rem;
}
.sticky-salary-bar__btn {
    background: #00BF58;
    color: #FFFFFF;
    border: none;
    border-radius: 9999px;
    padding: 8px 16px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.sticky-salary-bar__btn:hover {
    background: #0F172A;
    transform: translateY(-1px);
}

/* Salary Spectrum Card */
.salary-spectrum-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
}
.salary-spectrum-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.spectrum-label {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0F172A;
}
.spectrum-badge {
    background: #E8F8F0;
    color: #00BF58;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 9999px;
    border: 1px solid rgba(0, 191, 88, 0.20);
}
.salary-spectrum-track-wrap {
    padding: 24px 12px 16px;
}
.salary-spectrum-track {
    height: 12px;
    background: linear-gradient(90deg, #E2E8F0 0%, #00BF58 50%, #0D9488 100%);
    border-radius: 9999px;
    position: relative;
}
.salary-spectrum-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.spectrum-pin {
    background: #0F172A;
    color: #FFFFFF;
    padding: 6px 14px;
    border-radius: 9999px;
    font-size: 0.84rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25);
    border: 2px solid #FFFFFF;
}
.spectrum-pin .pin-title {
    color: #94A3B8;
    font-size: 0.74rem;
    text-transform: uppercase;
}
.spectrum-pin .pin-val {
    color: #00BF58;
}

.salary-spectrum-labels {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #F1F5F9;
}
.spectrum-col {
    display: flex;
    flex-direction: column;
}
.spectrum-col--left {
    text-align: left;
}
.spectrum-col--center {
    text-align: center;
}
.spectrum-col--right {
    text-align: right;
}
.col-tag {
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
}
.col-val {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0F172A;
}
.spectrum-col--center .col-val {
    color: #00BF58;
}

/* 4-Column Stat Cards Grid */
.salary-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}
.salary-stat-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 18px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}
.salary-stat-card:hover {
    border-color: #00BF58;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(0, 191, 88, 0.10);
}
.stat-card__icon-wrap {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #E8F8F0;
    color: #00BF58;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.stat-card--min .stat-card__icon-wrap {
    background: #EFF6FF;
    color: #3B82F6;
}
.stat-card--max .stat-card__icon-wrap {
    background: #FAF5FF;
    color: #A855F7;
}
.stat-card--sample .stat-card__icon-wrap {
    background: #FFF7ED;
    color: #EA580C;
}
.stat-card__content {
    display: flex;
    flex-direction: column;
}
.stat-card__tag {
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 4px;
}
.stat-card__num {
    font-size: 1.35rem;
    font-weight: 800;
    color: #0F172A;
    line-height: 1.2;
}
.stat-card--avg .stat-card__num {
    color: #00BF58;
}
.stat-card__sub {
    font-size: 0.80rem;
    font-weight: 600;
    color: #94A3B8;
    margin-top: 4px;
}

/* Equivalent Rates Quick Bar */
.salary-rates-bar {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 9999px;
    padding: 14px 28px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    margin-bottom: 28px;
}
.rate-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.rate-item__label {
    font-size: 0.84rem;
    font-weight: 700;
    color: #64748B;
}
.rate-item__val {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0F172A;
}
.rate-item__divider {
    width: 1px;
    height: 24px;
    background: #EAECF0;
}

/* Insights & Guidance Cards (2 Col Grid) */
.salary-guide-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}
.salary-guide-card {
    background: #FFFFFF;
    border: 1.5px solid #EAECF0;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.guide-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.guide-card-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #F1F5F9;
    color: #0F172A;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.guide-card-icon--green {
    background: #E8F8F0;
    color: #00BF58;
}
.guide-card-header h2 {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0F172A;
    margin: 0;
}
.salary-guide-card p {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin: 0;
}
.salary-tips-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.salary-tips-list li {
    font-size: 0.92rem;
    color: #475569;
    line-height: 1.55;
    position: relative;
    padding-left: 20px;
}
.salary-tips-list li::before {
    content: "\2022";
    color: #00BF58;
    font-weight: 800;
    font-size: 1.3rem;
    position: absolute;
    left: 0;
    top: -3px;
}
.salary-tips-list strong {
    color: #0F172A;
    font-weight: 700;
}

@media (max-width: 860px) {
    .salary-guide-content {
        grid-template-columns: 1fr;
    }
    .salary-rates-bar {
        flex-direction: column;
        gap: 10px;
        border-radius: 18px;
        padding: 16px;
    }
    .rate-item__divider {
        display: none;
    }
}

/* ==========================================================================
   GLOBAL UNIVERSAL BREADCRUMB & PAGE TOP SPACING (EXACT MATCH WITH /jobs/)
   ========================================================================== */
.container.section,
.site-content > .container,
.site-content > .section,
main > .container,
main#main-content > .container,
.section {
    padding-top: 16px !important;
}

.ir-breadcrumb-nav {
    margin-top: 0px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.ir-breadcrumbs {
    list-style: none !important;
    margin: 0 !important;
    padding: 6px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EAECF0 !important;
    border-radius: 9999px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.ir-breadcrumbs::-webkit-scrollbar {
    display: none !important;
}

.resource-hero,
.directory-hero,
.salary-detail-hero {
    margin-top: 4px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 767px) {
    .container.section,
    main#main-content > .container {
        padding-top: 12px !important;
    }
    .ir-breadcrumb-nav {
        margin-bottom: 10px !important;
    }
}

/* ==========================================================================
   Homepage Hero Elevation, Larger Popular Pills, & Logo Ticker Spacing
   ========================================================================== */
.jobi-hero {
    position: relative !important;
    background: #FFFFFF !important;
    padding: 44px 0 36px !important;
    text-align: center !important;
    overflow: hidden !important;
}

.jobi-hero__title {
    font-size: clamp(2.8rem, 5.2vw, 3.8rem) !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.jobi-hero__subtitle {
    font-size: 1.08rem !important;
    color: #64748B !important;
    max-width: 640px !important;
    margin: 0 auto 26px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}

/* Larger, Next-Level Popular Pills */
.ir-popular-pills-wrap {
    max-width: 780px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 12px !important;
    text-align: left !important;
    padding: 0 4px !important;
}

.ir-popular-pills-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #0F172A !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    margin-right: 4px !important;
}

.ir-popular-pill {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    border: 1.5px solid #EAECF0 !important;
    padding: 8px 18px !important;
    border-radius: 9999px !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-popular-pill:hover {
    background: #E8F8F0 !important;
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 191, 88, 0.20) !important;
}

/* Logos Section Spacing & Breathing Room */
.jobi-logos-section {
    padding: 48px 0 40px !important;
    margin-top: 16px !important;
    border-top: 1px solid #F8FAFC !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Compact Space Above Logos Section */
.jobi-hero {
    padding: 36px 0 14px !important;
}

.jobi-logos-section {
    padding: 20px 0 32px !important;
    margin-top: 0 !important;
    border-top: 1px solid #F8FAFC !important;
}

/* Compact Space Above How It Works Section */
.jobi-logos-section {
    padding: 16px 0 20px !important;
    border-bottom: 1px solid #F8FAFC !important;
}

.jobi-how-section {
    padding: 40px 0 60px !important;
}

.jobi-how-title {
    margin-bottom: 36px !important;
}

/* ==========================================================================
   HirelyUK-Style 4-Tab Browse Section with iRemotly Emerald Theme
   ========================================================================== */
.section--browse-tabs {
    padding: 48px 0 64px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #F1F5F9 !important;
}

.browse-tabs__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 32px !important;
    flex-wrap: wrap !important;
}

.browse-tab-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    border-radius: 9999px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EAECF0 !important;
    color: #475569 !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.browse-tab-btn:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    transform: translateY(-1px) !important;
}

.browse-tab-btn--active {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    border-color: #00BF58 !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.28) !important;
}

.browse-tab-btn--active svg {
    stroke: #FFFFFF !important;
}

.browse-tab-panel {
    display: none !important;
}

.browse-tab-panel--active {
    display: block !important;
    animation: fadeInTab 0.22s ease !important;
}

@keyframes fadeInTab {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.browse-tab-panel__grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

.browse-tab-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EAECF0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    color: #0F172A !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    transition: all 0.18s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    min-width: 0 !important;
}

.browse-tab-link:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 191, 88, 0.12) !important;
}

.browse-tab-link__name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.browse-tab-link__badge {
    background: #F1F5F9 !important;
    color: #64748B !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    padding: 2px 8px !important;
    border-radius: 9999px !important;
    margin-left: 8px !important;
    flex-shrink: 0 !important;
    transition: all 0.18s ease !important;
}

.browse-tab-link:hover .browse-tab-link__badge {
    background: #00BF58 !important;
    color: #FFFFFF !important;
}

@media (max-width: 767px) {
    .browse-tabs__header {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
    }
    .browse-tab-panel__grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

/* ==========================================================================
   Single Row Popular Pills Aligned Edge-to-Edge with Search Bar (780px)
   ========================================================================== */
.ir-jobs-searchpill {
    max-width: 780px !important;
    width: 100% !important;
    margin: 0 auto 18px !important;
}

.ir-popular-pills-wrap {
    max-width: 780px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    text-align: center !important;
    padding: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.ir-popular-pills-wrap::-webkit-scrollbar {
    display: none !important;
}

.ir-popular-pills-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #0F172A !important;
    font-weight: 800 !important;
    font-size: 0.88rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin-right: 2px !important;
}

.ir-popular-pill {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    border: 1.5px solid #EAECF0 !important;
    padding: 7px 12px !important;
    border-radius: 9999px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex: 1 1 auto !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.18s ease !important;
}

.ir-popular-pill:hover {
    background: #E8F8F0 !important;
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 191, 88, 0.18) !important;
}

@media (max-width: 800px) {
    .ir-popular-pills-wrap {
        justify-content: flex-start !important;
        padding-bottom: 6px !important;
    }
}

/* Remove Hover Scale/Translate from Popular Pills & Add 30px Space Above Logos */
.ir-popular-pill:hover {
    transform: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.jobi-logos-section {
    margin-top: 30px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

/* How It Works Polish */
.jobi-how-step-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin-bottom: 8px !important;
}

.jobi-how-step-desc {
    color: #64748B !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
    max-width: 260px !important;
    margin: 0 auto !important;
}

.jobi-how-icon {
    width: 68px !important;
    height: 68px !important;
    border-radius: 20px !important;
    background: #E8F8F0 !important;
    color: #00BF58 !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.12) !important;
    border: 1.5px solid rgba(0, 191, 88, 0.25) !important;
}

.jobi-how-step:hover .jobi-how-icon {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    transform: translateY(-4px) scale(1.05) !important;
    box-shadow: 0 10px 24px rgba(0, 191, 88, 0.30) !important;
}

/* Spacing above Latest 100% Remote Vacancies */
.ir-latest-jobs-section {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.ir-latest-jobs-section .listing-header {
    margin-bottom: 32px !important;
}

/* Exactly 45px Space above Latest 100% Remote Vacancies */
.ir-latest-jobs-section {
    padding-top: 45px !important;
    padding-bottom: 70px !important;
}

/* ==========================================================================
   Modern Emerald Explore All Jobs CTA Pill Button
   ========================================================================== */
.ir-btn-explore-all {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 20px !important;
    background: #FFFFFF !important;
    color: #00BF58 !important;
    border: 1.5px solid #00BF58 !important;
    border-radius: 9999px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0, 191, 88, 0.08) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    white-space: nowrap !important;
}

.ir-btn-explore-all svg {
    stroke: #00BF58 !important;
    transition: transform 0.2s ease, stroke 0.2s ease !important;
}

.ir-btn-explore-all:hover {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    border-color: #00BF58 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 191, 88, 0.28) !important;
}

.ir-btn-explore-all:hover svg {
    transform: translateX(3px) !important;
    stroke: #FFFFFF !important;
}

@media (max-width: 767px) {
    .listing-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
}

/* ==========================================================================
   Full-Width Load More / Explore All Remote Jobs CTA
   ========================================================================== */
.ir-btn-load-more-full {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 17px 28px !important;
    background: #FFFFFF !important;
    color: #00BF58 !important;
    border: 2px solid #00BF58 !important;
    border-radius: 16px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(0, 191, 88, 0.08) !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
    letter-spacing: -0.01em !important;
}

.ir-btn-load-more-full svg {
    stroke: #00BF58 !important;
    transition: transform 0.22s ease, stroke 0.22s ease !important;
}

.ir-btn-load-more-full:hover {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    border-color: #00BF58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(0, 191, 88, 0.28) !important;
}

.ir-btn-load-more-full:hover svg {
    stroke: #FFFFFF !important;
    transform: translateX(4px) !important;
}

/* ==========================================================================
   Compact Centered Load More Jobs Pill Button
   ========================================================================== */
.ir-btn-load-more-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 32px !important;
    background: #FFFFFF !important;
    color: #00BF58 !important;
    border: 1.5px solid #00BF58 !important;
    border-radius: 9999px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0, 191, 88, 0.08) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: auto !important;
    margin: 0 auto !important;
}

.ir-btn-load-more-pill svg {
    stroke: #00BF58 !important;
    transition: transform 0.2s ease, stroke 0.2s ease !important;
}

.ir-btn-load-more-pill:hover {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    border-color: #00BF58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 191, 88, 0.26) !important;
}

.ir-btn-load-more-pill:hover svg {
    stroke: #FFFFFF !important;
    transform: translateX(3px) !important;
}

/* Filled Emerald Load More Jobs Pill Button */
.ir-btn-load-more-pill {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    border: 1.5px solid #00BF58 !important;
    box-shadow: 0 4px 16px rgba(0, 191, 88, 0.28) !important;
}

.ir-btn-load-more-pill svg {
    stroke: #FFFFFF !important;
}

.ir-btn-load-more-pill:hover {
    background: #009E47 !important;
    color: #FFFFFF !important;
    border-color: #009E47 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 191, 88, 0.38) !important;
}

.ir-btn-load-more-pill:hover svg {
    stroke: #FFFFFF !important;
    transform: translateX(3px) !important;
}

/* Listing Header Align Center on Same Row */
.ir-latest-jobs-section .listing-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* ==========================================================================
   Smooth Floating Sticky Search Bar on Scroll (Below Header)
   ========================================================================== */
.ir-sticky-search-bar {
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid #EAECF0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    padding: 10px 0 !important;
    z-index: 998 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease !important;
    pointer-events: none;
}

.ir-sticky-search-bar.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.ir-sticky-search-bar .ir-search-row-wrap {
    margin-bottom: 0 !important;
}

.ir-sticky-search-bar .ir-jobs-searchpill {
    margin-bottom: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

@media (max-width: 767px) {
    .ir-sticky-search-bar {
        top: 60px !important;
        padding: 8px 0 !important;
    }
}

/* ==========================================================================
   Clean Transparent Floating Sticky Search Bar (No Full-Width BG Strip)
   ========================================================================== */
.ir-sticky-search-bar {
    position: fixed !important;
    top: 76px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    z-index: 998 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;
    pointer-events: none;
}

.ir-sticky-search-bar.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.ir-sticky-pill {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease !important;
}

.ir-sticky-pill:hover,
.ir-sticky-pill:focus-within {
    border-color: #00BF58 !important;
    box-shadow: 0 16px 36px rgba(0, 191, 88, 0.18), 0 4px 10px rgba(0, 0, 0, 0.06) !important;
}

/* 15px Gap between Sticky Header and Search Bar */
.ir-sticky-search-bar {
    top: 84px !important;
}

/* ==========================================================================
   Integrated Filter Icon Button Inside Search Pill
   ========================================================================== */
.ir-jobs-searchpill__filter-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    background: #F8FAFC !important;
    border: 1.5px solid #EAECF0 !important;
    color: #475569 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin-right: 6px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.ir-jobs-searchpill__filter-btn:hover {
    background: #E8F8F0 !important;
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    transform: scale(1.06) !important;
    box-shadow: 0 2px 8px rgba(0, 191, 88, 0.20) !important;
}

/* Remove Hover Scale/Zoom from Quick Filter Pills */
.ir-filter-pill-btn:hover,
.ir-hero-filter-bar .ir-filter-pill-btn:hover {
    transform: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.ir-filter-pill-btn:hover svg,
.ir-hero-filter-bar .ir-filter-pill-btn:hover svg {
    transform: none !important;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 0.8s linear infinite !important;
}

/* Force Hide for Paginated Company Cards */
.ir-company-card.ir-company-card--hidden,
.ir-company-card--hidden {
    display: none !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.job-card-append-anim {
    animation: fadeInUp 0.35s ease forwards !important;
}

/* ==========================================================================
   GLASS FLOATING MODE SWITCHER BAR (HirelyUK Pattern with Emerald Theme)
   ========================================================================== */
.glass-floating-bar {
    position: fixed;
    bottom: 28px;
    left: 50%;
    transform: translate(-50%);
    z-index: 9999;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 9999px;
    padding: 6px 10px;
    box-shadow: 0 16px 36px -8px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 191, 88, 0.08);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-bar--hidden {
    opacity: 0 !important;
    transform: translate(-50%, 60px) scale(0.9) !important;
    pointer-events: none !important;
}

.glass-floating-bar:hover {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(0, 191, 88, 0.4);
    box-shadow: 0 20px 44px -10px rgba(15, 23, 42, 0.22), 0 0 0 1px #fff inset, 0 6px 18px rgba(0, 191, 88, 0.18);
    transform: translate(-50%) translateY(-2px);
}

.glass-floating-bar__content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.glass-floating-bar__label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0 8px 0 10px;
}

.glass-icon-spark {
    color: #00BF58;
    animation: pulseSpark 2.5s infinite ease-in-out;
}

@keyframes pulseSpark {
    0%, 100% { opacity: 0.75; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.18); }
}

.glass-segmented-toggle {
    display: inline-flex;
    background: #f1f5f9;
    border-radius: 9999px;
    padding: 4px;
    border: 1px solid #cbd5e1;
    gap: 4px;
}

.glass-toggle-btn {
    border: none;
    background: transparent;
    color: #475569;
    padding: 8px 18px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 0.83rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
    font-family: inherit;
}

.glass-toggle-btn svg {
    transition: transform 0.25s ease, stroke 0.25s ease;
    stroke: #475569;
}

.glass-toggle-btn:hover {
    color: #0f172a;
}

.glass-toggle-btn:hover svg {
    stroke: #0f172a;
    transform: translateY(-1px);
}

.glass-toggle-btn.active {
    background: #00BF58 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35);
}

.glass-toggle-btn.active svg {
    stroke: #ffffff !important;
    transform: scale(1.05);
}

.animate-float-in {
    animation: glassFloatIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes glassFloatIn {
    0% { opacity: 0; transform: translate(-50%, 50px) scale(0.92); }
    100% { opacity: 1; transform: translate(-50%) scale(1); }
}

.infinite-mode-wrap {
    text-align: center;
    margin-top: 36px;
    padding-bottom: 20px;
}

/* Filter Modal Open State Guarantees */
.ir-modal-backdrop.active,
.ir-modal-backdrop.is-open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.ir-modal-backdrop.active .ir-filter-modal-card,
.ir-modal-backdrop.is-open .ir-filter-modal-card {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.ir-jobs-filter-btn:hover {
    background: #E8F8F0 !important;
    border-color: #00BF58 !important;
    color: #00BF58 !important;
}

.ir-jobs-filter-standalone-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    color: #0F172A !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    flex-shrink: 0 !important;
}

.ir-jobs-filter-standalone-btn:hover {
    background: #E8F8F0 !important;
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    box-shadow: 0 6px 18px rgba(0, 191, 88, 0.2) !important;
    transform: translateY(-1px) !important;
}

.ir-jobs-filter-standalone-btn svg {
    stroke: currentColor !important;
}

/* Standalone Filter Icon Button on Right of Search Bar */
.ir-btn-filter-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    color: #0F172A !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.ir-btn-filter-standalone:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.22) !important;
}

.ir-btn-filter-standalone svg {
    stroke: currentColor !important;
}

/* Perfect Same-Row Alignment for Search Bar and Standalone Filter Icon */
.ir-jobs-search-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 848px !important;
    width: 100% !important;
    margin: 0 auto 16px !important;
}

.ir-jobs-search-row .ir-jobs-searchpill {
    flex: 1 1 auto !important;
    max-width: 780px !important;
    margin: 0 !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.ir-jobs-search-row .ir-btn-filter-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    color: #0F172A !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.ir-jobs-search-row .ir-btn-filter-standalone:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.25) !important;
}

.ir-jobs-search-row .ir-btn-filter-standalone svg {
    stroke: currentColor !important;
}

/* Pure White High-Contrast Search Bar & Standalone Filter Button */
.ir-jobs-search-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 820px !important;
    width: 100% !important;
    margin: 0 auto 16px auto !important;
}

.ir-jobs-searchpill {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 9999px !important;
    padding: 6px 8px 6px 20px !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    max-width: 750px !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.ir-jobs-searchpill__input {
    background: transparent !important;
    color: #0F172A !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

.ir-jobs-searchpill__input::placeholder {
    color: #94A3B8 !important;
    font-weight: 500 !important;
}

.ir-btn-filter-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    color: #0F172A !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.ir-btn-filter-standalone:hover {
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    background: #E8F8F0 !important;
    box-shadow: 0 12px 32px rgba(0, 191, 88, 0.25) !important;
}

.ir-hero-filter-bar {
    max-width: 820px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.ir-hero-highlight {
    background: linear-gradient(135deg, #00BF58 0%, #059669 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
}

.ir-jobs-hero__title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 2.85rem !important;
    font-weight: 900 !important;
    color: #0F172A !important;
    line-height: 1.18 !important;
    letter-spacing: -0.035em !important;
    margin: 0 auto 14px auto !important;
    max-width: 860px !important;
}

.ir-jobs-hero__subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.08rem !important;
    font-weight: 500 !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 0 auto 28px auto !important;
}

/* Fix Search Bar Centering Globally across Home, Landing Pages and /jobs */
.ir-jobs-searchpill {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 9999px !important;
    padding: 6px 8px 6px 20px !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    max-width: 780px !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 auto 24px auto !important;
    box-sizing: border-box !important;
}

/* Scoped strictly to /jobs search row with standalone button */
.ir-jobs-search-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 820px !important;
    width: 100% !important;
    margin: 0 auto 16px auto !important;
}

.ir-jobs-search-row .ir-jobs-searchpill {
    flex: 1 1 auto !important;
    max-width: 750px !important;
    margin: 0 !important;
    height: 56px !important;
}

/* ==========================================================================
   Pacifico Handwritten Script Brand Logo Typography (Matching Reference)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.ir-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    text-decoration: none !important;
    user-select: none !important;
}

.ir-logo-wordmark {
    font-family: 'Pacifico', cursive, sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    text-decoration: none !important;
}

.ir-logo-i {
    font-family: 'Pacifico', cursive, sans-serif !important;
    color: #00BF58 !important;
    font-size: 1.95rem !important;
    margin-right: -1px !important;
}

.ir-logo-main {
    font-family: 'Pacifico', cursive, sans-serif !important;
    color: #0F172A !important;
}

.jobi-footer .ir-logo-main {
    color: #FFFFFF !important;
}

/* Stylish Typography for Remotly */
.ir-logo-wordmark {
    font-family: 'Pacifico', cursive, sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    text-decoration: none !important;
}

.ir-logo-main {
    font-family: 'Pacifico', cursive, sans-serif !important;
    color: #0F172A !important;
    font-size: 1.85rem !important;
    font-weight: 400 !important;
}

.jobi-footer .ir-logo-main {
    color: #FFFFFF !important;
}

/* ==========================================================================
   Hero Section Generous Top Spacing & Breathing Room
   ========================================================================== */
.jobi-hero {
    padding: 72px 0 32px !important;
}

.ir-jobs-hero {
    padding: 64px 0 48px !important;
}

@media (max-width: 768px) {
    .jobi-hero {
        padding: 52px 0 24px !important;
    }
    .ir-jobs-hero {
        padding: 48px 0 36px !important;
    }
}

/* ==========================================================================
   Hero Section Exact 74px Top Padding
   ========================================================================== */
.jobi-hero {
    padding: 74px 0 32px !important;
}

.ir-jobs-hero {
    padding: 74px 0 48px !important;
}

/* ==========================================================================
   Global Standardized Breadcrumb (Exact 10px Top Gap & Flush with Logo)
   ========================================================================== */
.ir-jobs-hero,
.jobi-hero-inner,
.ir-page-hero,
.ir-company-hero,
.ir-detail-hero {
    padding-top: 10px !important;
}

.ir-jobs-hero .container,
.ir-company-hero .container,
.jobi-hero .container,
.ir-page-hero .container,
.ir-detail-hero .container {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.ir-breadcrumb-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.ir-breadcrumb-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
}

.ir-breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
}

.ir-breadcrumb-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #64748B !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.ir-breadcrumb-link:hover {
    color: #00BF58 !important;
}

.ir-breadcrumb-sep {
    display: inline-flex !important;
    align-items: center !important;
    color: #94A3B8 !important;
    font-size: 0.75rem !important;
}

.ir-breadcrumb-current {
    color: #0F172A !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   Global Standardized Breadcrumb (Exact 20px Top Gap)
   ========================================================================== */
.ir-jobs-hero,
.jobi-hero-inner,
.ir-page-hero,
.ir-company-hero,
.ir-detail-hero {
    padding-top: 20px !important;
}

/* ==========================================================================
   Next-Level Designer Filter Modal & Selection UI
   ========================================================================== */
.ir-filter-modal-card {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    width: 100% !important;
    max-width: 540px !important;
    max-height: 88vh !important;
    box-shadow: 0 25px 60px -12px rgba(15, 23, 42, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transform: translateY(20px) scale(0.98) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease !important;
}

.ir-modal-backdrop.active .ir-filter-modal-card,
.ir-modal-backdrop.is-open .ir-filter-modal-card {
    transform: translateY(0) scale(1) !important;
}

/* Modal Header */
.ir-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 22px 28px !important;
    border-bottom: 1.5px solid #F1F5F9 !important;
    background: #FFFFFF !important;
}

.ir-modal-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 900 !important;
    color: #0F172A !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ir-modal-close-btn {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    color: #64748B !important;
    cursor: pointer !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.18s ease !important;
}

.ir-modal-close-btn:hover {
    background: #F1F5F9 !important;
    color: #0F172A !important;
    border-color: #CBD5E1 !important;
    transform: rotate(90deg) !important;
}

/* Modal Body */
.ir-modal-body {
    padding: 20px 28px !important;
    overflow-y: auto !important;
    flex: 1 !important;
    scrollbar-width: thin !important;
}

.ir-modal-section {
    margin-bottom: 24px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #F8FAFC !important;
}

.ir-modal-section:last-of-type {
    border-bottom: none !important;
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

.ir-modal-section-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.96rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Grid / Options list */
.ir-modal-options-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

/* Next-Level Option Card Selection */
.ir-modal-option-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #F1F5F9 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 !important;
}

.ir-modal-option-row:hover {
    background: #F8FAFC !important;
    border-color: #CBD5E1 !important;
    transform: translateX(2px) !important;
}

/* Hidden native radio */
.ir-modal-option-row input[type="radio"],
.ir-modal-option-row input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* Custom Checkbox/Radio Icon Box */
.ir-custom-check {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 6px !important;
    border: 1.8px solid #CBD5E1 !important;
    background: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
}

.ir-custom-check svg {
    opacity: 0 !important;
    transform: scale(0.6) rotate(-10deg) !important;
    color: #FFFFFF !important;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-option-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    transition: color 0.15s ease !important;
    flex: 1 !important;
}

/* Checked state - Designer Highlights */
.ir-modal-option-row:has(input:checked) {
    background: #F0FDF4 !important;
    border-color: #00BF58 !important;
    box-shadow: 0 2px 8px rgba(0, 191, 88, 0.12) !important;
}

.ir-modal-option-row:has(input:checked) .ir-custom-check {
    background: #00BF58 !important;
    border-color: #00BF58 !important;
    box-shadow: 0 0 0 3px rgba(0, 191, 88, 0.18) !important;
}

.ir-modal-option-row:has(input:checked) .ir-custom-check svg {
    opacity: 1 !important;
    transform: scale(1) rotate(0) !important;
}

.ir-modal-option-row:has(input:checked) .ir-option-label {
    color: #0F172A !important;
    font-weight: 700 !important;
}

/* Footer Actions */
.ir-modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 28px !important;
    border-top: 1.5px solid #F1F5F9 !important;
    background: #FFFFFF !important;
    gap: 14px !important;
}

.ir-btn-modal-reset {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    color: #475569 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ir-btn-modal-reset:hover {
    background: #F1F5F9 !important;
    color: #0F172A !important;
    border-color: #CBD5E1 !important;
}

.ir-btn-modal-apply {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background: linear-gradient(135deg, #00BF58 0%, #009E47 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 32px !important;
    font-weight: 800 !important;
    font-size: 0.95rem !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
}

.ir-btn-modal-apply:hover {
    box-shadow: 0 8px 22px rgba(0, 191, 88, 0.42) !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   Home Hero Section Exact 110px Top Padding
   ========================================================================== */
.jobi-hero {
    padding-top: 110px !important;
}

/* ==========================================================================
   Super Ultra-Fast Turbo Instant Navigation & Progress Bar
   ========================================================================== */
#ir-instant-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #00D664 0%, #00BF58 50%, #00E676 100%);
    box-shadow: 0 0 10px rgba(0, 191, 88, 0.7), 0 0 5px #00BF58;
    z-index: 999999;
    width: 0%;
    opacity: 0;
    transition: width 0.18s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
    pointer-events: none;
}

#ir-instant-progress.active {
    opacity: 1;
}

/* 60fps GPU-Accelerated Smooth Transitions */
#main-content {
    transition: opacity 0.12s ease-out;
}

#main-content.ir-page-transitioning {
    opacity: 0.88;
}

/* Silky smooth card rendering optimization */
.ir-job-card-meta,
.salary-guide-card-item,
.jobi-company-card {
    content-visibility: auto;
    contain-intrinsic-size: 130px;
}

/* ==========================================================================
   Job Card Quick View Modal (Exact Designer Specs)
   ========================================================================== */
.ir-job-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
}

.ir-job-modal-backdrop.active {
  display: flex !important;
  opacity: 1 !important;
}

.ir-job-modal-card {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  width: 100% !important;
  max-width: 680px !important;
  max-height: 88vh !important;
  box-shadow: 0 25px 60px -12px rgba(15, 23, 42, 0.3) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: scale(0.96) !important;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

.ir-job-modal-backdrop.active .ir-job-modal-card {
  transform: scale(1) !important;
}

.ir-btn-jm-apply {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: linear-gradient(135deg, #00BF58 0%, #009E47 100%) !important;
  color: #FFFFFF !important;
  padding: 11px 28px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 0.94rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
  transition: all 0.2s ease !important;
}

.ir-btn-jm-apply:hover {
  box-shadow: 0 6px 20px rgba(0, 191, 88, 0.45) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Job Modal Header Padding Adjustment
   ========================================================================== */
.ir-jm-header {
    padding: 14px 8px 18px !important;
}

/* ==========================================================================
   Job Detail Logo Custom Style
   ========================================================================== */
.ir-detail-logo {
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}


.ir-detail-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.ir-detail-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 2px !important;
}

/* Ultra-Premium Floating View Mode Switcher Pill (Infinite vs Pagination) */
.ir-mode-switcher-container {
    position: fixed !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1.5px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 9999px !important;
    padding: 5px 6px !important;
    box-shadow: 0 16px 36px -6px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
    pointer-events: auto !important;
}

.ir-mode-switcher-container.glass-bar--hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-50%) translateY(24px) scale(0.94) !important;
    pointer-events: none !important;
}

.glass-toggle-pill {
    display: inline-flex !important;
    align-items: center !important;
    background: #F1F5F9 !important;
    border-radius: 9999px !important;
    padding: 3px !important;
    gap: 3px !important;
}

.glass-toggle-btn {
    border: none !important;
    background: transparent !important;
    color: #64748B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    padding: 7px 18px !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.glass-toggle-btn svg {
    stroke: currentColor !important;
    transition: transform 0.2s ease !important;
}

.glass-toggle-btn:hover {
    color: #0F172A !important;
}

.glass-toggle-btn.active {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.32) !important;
}

.glass-toggle-btn.active svg {
    stroke: #FFFFFF !important;
    transform: scale(1.05) !important;
}

@media (max-width: 768px) {
    .ir-mode-switcher-container {
        bottom: 16px !important;
        padding: 4px 5px !important;
    }
    .glass-toggle-btn {
        font-size: 0.78rem !important;
        padding: 6px 14px !important;
    }
}

/* ==========================================================================
   Single Row Popular Pills Aligned Under Search Bar (Zero Line Break)
   ========================================================================== */
.ir-popular-row,
.ir-popular-pills-wrap {
    max-width: 780px !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    position: relative !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 0 !important;
}

.ir-popular-label-col,
.ir-popular-pills-label {
    font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
    color: #0F172A !important;
    font-weight: 800 !important;
    font-size: 0.88rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    user-select: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.ir-popular-scroll-track {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 4px 2px 8px 2px !important;
    white-space: nowrap !important;
}

.ir-popular-scroll-track::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

.ir-popular-pill {
    font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    color: #0F172A !important;
    border: 1.5px solid #EAECF0 !important;
    padding: 7px 14px !important;
    border-radius: 9999px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.18s ease !important;
}

.ir-popular-pill:hover {
    background: #E8F8F0 !important;
    border-color: #00BF58 !important;
    color: #00BF58 !important;
    box-shadow: 0 4px 12px rgba(0, 191, 88, 0.18) !important;
}

@media (max-width: 800px) {
    .ir-popular-row,
    .ir-popular-pills-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 8px !important;
    }
}

/* ==========================================================================
   Sticky Search & Standalone Filter Button Bar on Job List
   ========================================================================== */
.ir-jobs-search-row {
    position: sticky !important;
    top: 72px !important;
    z-index: 80 !important;
    background: rgba(244, 250, 247, 0.95) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    padding: 8px 14px !important;
    border-radius: 100px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.25s ease !important;
}

@media (max-width: 800px) {
    .ir-jobs-search-row {
        top: 60px !important;
        padding: 6px 10px !important;
        border-radius: 18px !important;
        gap: 8px !important;
    }
}

/* ==========================================================================
   Modern Verified Employers Counter Badge (Companies Directory)
   ========================================================================== */
.ir-employer-count-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    padding: 7px 18px !important;
    border-radius: 9999px !important;
    margin: 16px auto 24px auto !important;
    font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
    font-size: 0.90rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    line-height: 1.4 !important;
}

.ir-employer-count-badge .ir-count-num-active {
    color: #00BF58 !important;
    font-weight: 800 !important;
}

.ir-employer-count-badge .ir-count-num-total {
    color: #0F172A !important;
    font-weight: 800 !important;
}

/* ==========================================================================
   Salary Info Interactive Tooltip (Job Cards & Detail Pages)
   ========================================================================== */
.ir-stat-salary-wrap {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}

.ir-salary-info-wrap {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    margin-left: 5px !important;
}

.ir-salary-info-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    background: #F1F5F9 !important;
    color: #64748B !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
}

.ir-salary-info-trigger:hover,
.ir-salary-info-wrap:hover .ir-salary-info-trigger,
.ir-salary-info-wrap.active .ir-salary-info-trigger {
    background: #E8F8F0 !important;
    color: #00BF58 !important;
    transform: scale(1.1) !important;
}

.ir-salary-tooltip {
    position: absolute !important;
    bottom: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(4px) !important;
    background: #0F172A !important;
    color: #F8FAFC !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    width: 240px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
    z-index: 100 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ir-salary-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: #0F172A transparent transparent transparent !important;
}

.ir-salary-info-wrap:hover .ir-salary-tooltip,
.ir-salary-info-wrap.active .ir-salary-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
}

.ir-salary-tooltip-title {
    font-weight: 800 !important;
    color: #34D399 !important;
    margin-bottom: 3px !important;
    font-size: 0.80rem !important;
}

.ir-salary-tooltip-text {
    font-weight: 500 !important;
    color: #CBD5E1 !important;
    margin: 0 !important;
}

/* ==========================================================================
   Next-Level Mobile Home Page Responsiveness & UI Polish
   ========================================================================== */

.ir-mobile-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #E8F8F0 !important;
    border: 1px solid rgba(0, 191, 88, 0.35) !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    color: #00873D !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 6px rgba(0, 191, 88, 0.08) !important;
}

.ir-badge-dot {
    width: 7px !important;
    height: 7px !important;
    background: #00BF58 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(0, 191, 88, 0.25) !important;
    animation: ir-pulse-dot 2s infinite !important;
    flex-shrink: 0 !important;
}

@keyframes ir-pulse-dot {
    0% { box-shadow: 0 0 0 0 rgba(0, 191, 88, 0.5); }
    70% { box-shadow: 0 0 0 6px rgba(0, 191, 88, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 191, 88, 0); }
}

@media (max-width: 767px) {
    .jobi-hero {
        padding: 28px 0 16px !important;
        text-align: center !important;
    }

    .jobi-hero__avatar,
    .jobi-hero__badge {
        display: none !important;
    }

    .jobi-hero__title {
        font-size: clamp(1.8rem, 6.8vw, 2.3rem) !important;
        line-height: 1.16 !important;
        font-weight: 900 !important;
        letter-spacing: -0.035em !important;
        margin-bottom: 10px !important;
    }

    .jobi-hero__subtitle {
        font-size: 0.94rem !important;
        line-height: 1.5 !important;
        color: #64748B !important;
        max-width: 95% !important;
        margin: 0 auto 18px !important;
    }

    /* Mobile Search Pill */
    .ir-jobs-searchpill {
        flex-direction: column !important;
        border-radius: 20px !important;
        padding: 10px !important;
        background: #FFFFFF !important;
        border: 1.5px solid #E2E8F0 !important;
        box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
        gap: 8px !important;
        margin-bottom: 16px !important;
    }

    .ir-jobs-searchpill__input-wrap {
        width: 100% !important;
        max-width: 100% !important;
        height: 44px !important;
        padding: 0 12px !important;
        background: #F8FAFC !important;
        border-radius: 12px !important;
        border: 1px solid #E2E8F0 !important;
    }

    .ir-jobs-searchpill__input-wrap:focus-within {
        background: #FFFFFF !important;
        border-color: #00BF58 !important;
        box-shadow: 0 0 0 3px rgba(0, 191, 88, 0.12) !important;
    }

    .ir-jobs-searchpill__input {
        font-size: 0.92rem !important;
        height: 100% !important;
        width: 100% !important;
    }

    .ir-jobs-searchpill__divider {
        display: none !important;
    }

    .ir-jobs-searchpill__btn {
        width: 100% !important;
        height: 46px !important;
        border-radius: 12px !important;
        font-size: 0.96rem !important;
        font-weight: 800 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        background: #00BF58 !important;
        box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
        transition: transform 0.15s ease, background 0.15s ease !important;
    }

    .ir-jobs-searchpill__btn:active {
        transform: scale(0.98) !important;
        background: #009E47 !important;
    }

    /* Popular Row Horizontal Scrolling */
    .ir-popular-row {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        overflow: hidden !important;
        margin-top: 4px !important;
    }

    .ir-popular-label-col {
        font-size: 0.82rem !important;
        font-weight: 800 !important;
        color: #0F172A !important;
        flex-shrink: 0 !important;
    }

    .ir-popular-scroll-track {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 4px 0 !important;
    }

    .ir-popular-scroll-track::-webkit-scrollbar {
        display: none !important;
    }

    .ir-popular-pill {
        font-size: 0.8rem !important;
        padding: 6px 12px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* How It Works Section */
    .jobi-how-section {
        padding: 32px 0 40px !important;
    }

    .jobi-how-title {
        font-size: 1.55rem !important;
        font-weight: 900 !important;
        margin-bottom: 6px !important;
    }

    .jobi-how-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    .jobi-how-step {
        background: #FFFFFF !important;
        border: 1.5px solid #EAECF0 !important;
        border-radius: 18px !important;
        padding: 20px 18px !important;
        text-align: center !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
    }

    .jobi-how-icon {
        margin: 0 auto 12px !important;
    }

    .jobi-how-arrow {
        display: none !important;
    }

    /* Latest Jobs Section Header */
    .listing-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 20px !important;
    }

    .listing-header h2 {
        font-size: 1.5rem !important;
    }

    .listing-header p {
        font-size: 0.88rem !important;
    }

    .ir-btn-explore-all {
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        font-size: 0.9rem !important;
    }

    /* Directory Tabs & 2-Column Grid */
    .ir-dir-section {
        padding: 32px 0 44px !important;
    }

    .ir-dir-tabs-bar {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        justify-content: flex-start !important;
        padding-bottom: 8px !important;
    }

    .ir-dir-tab {
        padding: 10px 14px !important;
        font-size: 0.88rem !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    .ir-dir-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px 12px !important;
        padding: 16px 0 !important;
    }

    .ir-dir-link {
        font-size: 0.85rem !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        display: block !important;
    }
}

/* ==========================================================================
   Expert-Level Mobile Job Card (Matching User Reference Image)
   ========================================================================== */
.ir-pro-card {
    background: #FFFFFF !important;
    border: 1.5px solid #EAECF0 !important;
    border-radius: 18px !important;
    padding: 18px 20px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

.ir-pro-card:hover {
    border-color: #00BF58 !important;
    box-shadow: 0 10px 28px -6px rgba(0, 191, 88, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-2px) !important;
}

/* Header Row */
.ir-card-header-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
}

.ir-card-logo-box {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.ir-card-logo-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 4px !important;
}

.ir-card-logo-fallback {
    font-weight: 800 !important;
    color: #0F172A !important;
    font-size: 1.15rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.ir-card-info-col {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.ir-card-title-line {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.ir-card-job-title {
    margin: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #0F172A !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.ir-card-job-title a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.ir-card-job-title a:hover {
    color: #00BF58 !important;
}

.ir-card-more-btn {
    background: transparent !important;
    border: none !important;
    color: #64748B !important;
    cursor: pointer !important;
    padding: 4px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: color 0.15s ease, background 0.15s ease !important;
}

.ir-card-more-btn:hover {
    color: #0F172A !important;
    background: #F1F5F9 !important;
}

/* Meta Line */
.ir-card-meta-line {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 4px !important;
    font-size: 0.84rem !important;
    color: #64748B !important;
    font-weight: 600 !important;
}

.ir-card-company-name {
    color: #0F172A !important;
    font-weight: 700 !important;
}

.ir-card-meta-sep {
    color: #CBD5E1 !important;
    font-size: 0.75rem !important;
}

.ir-card-verified-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #4F46E5 !important;
    font-weight: 700 !important;
}

.ir-card-location-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #64748B !important;
}

.ir-card-applicant-badge {
    display: inline-block !important;
    margin-top: 6px !important;
    background: #EEF2FF !important;
    color: #4F46E5 !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    padding: 2px 10px !important;
    border-radius: 6px !important;
}

/* Snippet */
.ir-card-snippet {
    font-size: 0.88rem !important;
    color: #475569 !important;
    line-height: 1.5 !important;
    margin: 12px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Skills Row */
.ir-card-skills-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 16px !important;
}

.ir-skill-pill {
    background: #F1F5F9 !important;
    color: #334155 !important;
    font-size: 0.80rem !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    border: none !important;
    transition: background 0.15s ease !important;
}

.ir-skill-pill:hover {
    background: #E2E8F0 !important;
}

.ir-skill-pill--direct {
    background: #E8F8F0 !important;
    color: #00873D !important;
}

/* Footer Row */
.ir-card-footer-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #F1F5F9 !important;
}

.ir-card-footer-stats {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ir-card-salary-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.ir-salary-circle-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #EEF2FF !important;
    color: #4F46E5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ir-card-salary-text {
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
}

.ir-card-proposals-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.84rem !important;
    color: #64748B !important;
    font-weight: 600 !important;
}

/* Solid Black Apply Button (Exact Reference Match) */
.ir-btn-apply-black {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    padding: 8px 18px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.15) !important;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
    flex-shrink: 0 !important;
}

.ir-btn-apply-black:hover {
    background: #00BF58 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 191, 88, 0.3) !important;
    transform: translateY(-1px) !important;
}

.ir-btn-apply-black:active {
    transform: scale(0.97) !important;
}

/* Mobile Hero Search & Popular Pills Overlap Resolution */
@media (max-width: 767px) {
    .jobi-hero {
        padding: 32px 0 24px !important;
        overflow: visible !important;
    }

    .jobi-hero .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .ir-jobs-searchpill {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 auto 16px auto !important;
        position: relative !important;
    }

    .ir-popular-row {
        margin-top: 4px !important;
        width: 100% !important;
        position: relative !important;
        clear: both !important;
    }
}

/* Desktop 3-Dots Dropdown Popover */
.ir-card-menu-wrap {
    position: relative !important;
    display: inline-flex !important;
}
.ir-job-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 195px;
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 14px;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.12), 0 0 1px rgba(0,0,0,0.08);
    padding: 5px;
    z-index: 1000;
    box-sizing: border-box;
    transform-origin: top right;
    animation: irDropdownScale 0.14s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes irDropdownScale {
    from { opacity: 0; transform: scale(0.92) translateY(-4px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}
.ir-card-menu-wrap.is-open .ir-job-dropdown-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.ir-dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    cursor: pointer !important;
    text-align: left !important;
    transition: all 0.12s ease !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}
.ir-dropdown-item:hover {
    background: #F8FAFC !important;
    color: #00BF58 !important;
}
.ir-dropdown-item--danger:hover {
    background: #FEF2F2 !important;
    color: #EF4444 !important;
}
.ir-dropdown-divider {
    height: 1px !important;
    background: #F1F5F9 !important;
    margin: 3px 0 !important;
}

/* Universal Sleek Modals */
.ir-job-options-backdrop {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 999999 !important;
    align-items: flex-end !important;
    justify-content: center !important;
}
.ir-job-options-backdrop.is-open {
    display: flex !important;
}
@media (min-width: 992px) {
    .ir-job-options-backdrop {
        display: none !important;
    }
}
.ir-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    padding: 20px !important;
    opacity: 0 !important;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}
.ir-modal-backdrop.active,
.ir-modal-backdrop.is-open {
    display: flex !important;
    opacity: 1 !important;
}
.ir-modal-dialog {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25), 0 0 1px rgba(0, 0, 0, 0.08) !important;
    width: 100% !important;
    max-width: 500px !important;
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    transform: scale(0.96) translateY(8px) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.28s ease !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.ir-modal-dialog--report {
    max-width: 460px !important;
}
.ir-modal-dialog form {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.ir-modal-backdrop.active .ir-modal-dialog,
.ir-modal-backdrop.is-open .ir-modal-dialog {
    transform: scale(1) translateY(0) !important;
}
.ir-modal-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 18px 22px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    background: #FFFFFF !important;
    flex-shrink: 0 !important;
}
.ir-modal-header-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.ir-modal-header-icon--green { background: #ECFDF5 !important; color: #00BF58 !important; border: 1px solid #A7F3D0 !important; }
.ir-modal-header-icon--rose { background: #FFF1F2 !important; color: #E11D48 !important; border: 1px solid #FECDD3 !important; }
.ir-modal-header-text {
    flex: 1 !important;
    min-width: 0 !important;
}
.ir-modal-title {
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
}
.ir-modal-subtitle {
    font-size: 0.76rem !important;
    color: #64748B !important;
    font-weight: 600 !important;
    display: block !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.ir-modal-close-btn {
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    color: #64748B !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: all 0.15s ease !important;
}
.ir-modal-close-btn:hover {
    background: #F1F5F9 !important;
    color: #0F172A !important;
    border-color: #CBD5E1 !important;
}
.ir-modal-body {
    padding: 20px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow-y: auto !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
    max-height: calc(88vh - 140px) !important;
}
.ir-sdm-rate-card {
    background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%) !important;
    border: 1.5px solid #86EFAC !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    text-align: center !important;
}
.ir-sdm-rate-tag {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #00873D !important;
    display: block !important;
}
.ir-sdm-rate-val {
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    color: #0F172A !important;
    letter-spacing: -0.02em !important;
    margin: 4px 0 2px 0 !important;
}
.ir-sdm-rate-sub {
    font-size: 0.80rem !important;
    color: #475569 !important;
    font-weight: 600 !important;
}
.ir-sdm-disclaimer-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.ir-sdm-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
}
.ir-sdm-item-icon {
    font-size: 1.15rem !important;
    line-height: 1 !important;
    margin-top: 2px !important;
}
.ir-sdm-item-content strong {
    font-size: 0.84rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    display: block !important;
    margin-bottom: 3px !important;
}
.ir-sdm-item-content p {
    font-size: 0.80rem !important;
    color: #475569 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}
.ir-modal-footer {
    padding: 14px 22px 18px 22px !important;
    border-top: 1px solid #F1F5F9 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    background: #FFFFFF !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}
.ir-modal-primary-btn {
    height: 44px !important;
    background: #00BF58 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 191, 88, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}
.ir-modal-primary-btn:hover {
    background: #009E48 !important;
}
.ir-modal-text-link {
    color: #00BF58 !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
}
.ir-modal-text-link:hover {
    text-decoration: underline !important;
}
.ir-modal-cancel-btn {
    background: #F1F5F9 !important;
    color: #475569 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    height: 44px !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
}
.ir-modal-cancel-btn:hover {
    background: #E2E8F0 !important;
    color: #0F172A !important;
}
.ir-modal-submit-btn {
    background: #E11D48 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    height: 44px !important;
    padding: 0 20px !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.15s ease !important;
}
.ir-modal-submit-btn:hover {
    background: #BE123C !important;
}
.ir-report-label {
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    display: block !important;
    margin-bottom: 6px !important;
}
.ir-report-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.ir-report-radio-card {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}
.ir-report-radio-card:hover {
    border-color: #CBD5E1 !important;
    background: #F1F5F9 !important;
}
.ir-report-radio-card:has(input:checked) {
    background: #FFF1F2 !important;
    border-color: #F43F5E !important;
}
.ir-report-radio-card input {
    accent-color: #E11D48 !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    cursor: pointer !important;
}
.ir-report-radio-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}
.ir-report-radio-content strong {
    font-size: 0.84rem !important;
    color: #0F172A !important;
    font-weight: 800 !important;
}
.ir-report-radio-content span {
    font-size: 0.74rem !important;
    color: #64748B !important;
    font-weight: 500 !important;
}
.ir-report-textarea {
    width: 100% !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    font-size: 0.84rem !important;
    font-family: inherit !important;
    outline: none !important;
    resize: vertical !important;
    box-sizing: border-box !important;
    background: #F8FAFC !important;
}
.ir-report-textarea:focus {
    background: #FFFFFF !important;
    border-color: #E11D48 !important;
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12) !important;
}
@media (max-width: 768px) {
    .ir-modal-backdrop,
    .ir-job-modal-backdrop,
    .ir-job-options-backdrop,
    #salaryDisclaimerModal,
    #filterModal,
    #reportJobModal,
    #jobPreviewModal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(15, 23, 42, 0.7) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        z-index: 999999 !important;
        display: none !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .ir-modal-backdrop.is-open,
    .ir-modal-backdrop.active,
    .ir-job-modal-backdrop.is-open,
    .ir-job-modal-backdrop.active,
    .ir-job-options-backdrop.is-open,
    .ir-job-options-backdrop.active,
    #salaryDisclaimerModal.is-open,
    #salaryDisclaimerModal.active,
    #filterModal.is-open,
    #filterModal.active,
    #reportJobModal.is-open,
    #reportJobModal.active,
    #jobPreviewModal.is-open,
    #jobPreviewModal.active {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .ir-modal-dialog,
    .ir-modal-dialog--salary,
    .ir-modal-dialog--report,
    .ir-job-modal-card,
    .ir-job-modal-card--mobile,
    .ir-job-options-sheet,
    #salaryDisclaimerModal .ir-modal-dialog,
    #filterModal .ir-modal-dialog,
    .ir-modal-dialog,
    .ir-modal-dialog--salary,
    .ir-modal-dialog--report,
    .ir-job-modal-card,
    .ir-job-modal-card--mobile,
    .ir-filter-modal-card,
    .ir-job-options-sheet,
    #salaryDisclaimerModal .ir-modal-dialog,
    #filterModal .ir-filter-modal-card,
    #filterModal .ir-modal-dialog,
    #reportJobModal .ir-modal-dialog {
        background: #FFFFFF !important;
        border-radius: 28px 28px 0 0 !important;
        border: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 84dvh !important;
        max-height: min(84dvh, 84vh, calc(100% - 24px)) !important;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        transform: translateY(0) !important;
        position: relative !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .ir-modal-header,
    .ir-jos-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px 20px !important;
        border-bottom: 1px solid #F1F5F9 !important;
        flex-shrink: 0 !important;
        background: #FFFFFF !important;
    }

    .ir-jm-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 4px 18px 14px 18px !important;
        border-bottom: 1px solid #F1F5F9 !important;
        background: #FFFFFF !important;
        flex-shrink: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        gap: 8px !important;
    }

    .ir-modal-body,
    form.ir-modal-body,
    .ir-jm-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 14px 18px 18px 18px !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
        box-sizing: border-box !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .ir-modal-footer {
        flex-shrink: 0 !important;
        position: sticky !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #FFFFFF !important;
        padding: 10px 16px max(14px, env(safe-area-inset-bottom, 14px)) 16px !important;
        border-top: 1px solid #F1F5F9 !important;
        box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important;
        z-index: 50 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .ir-jm-bottom-bar {
        flex-shrink: 0 !important;
        position: sticky !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #FFFFFF !important;
        padding: 10px 16px max(14px, env(safe-area-inset-bottom, 14px)) 16px !important;
        border-top: 1px solid #F1F5F9 !important;
        box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important;
        z-index: 50 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .ir-btn-modal-reset {
        width: auto !important;
        flex: 0 0 auto !important;
        height: 46px !important;
        padding: 0 18px !important;
        border-radius: 14px !important;
        background: #F8FAFC !important;
        border: 1.5px solid #E2E8F0 !important;
        color: #475569 !important;
        font-weight: 700 !important;
        font-size: 0.88rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        text-decoration: none !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    .ir-btn-modal-apply {
        width: auto !important;
        flex: 1 1 auto !important;
        height: 46px !important;
        border-radius: 14px !important;
        font-weight: 800 !important;
        font-size: 0.96rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        background: linear-gradient(135deg, #00BF58 0%, #009E47 100%) !important;
        color: #FFFFFF !important;
        border: none !important;
        box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35) !important;
        text-decoration: none !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    .ir-modal-primary-btn,
    .ir-btn-jm-apply,
    .ir-modal-submit-btn {
        width: 100% !important;
        height: 48px !important;
        border-radius: 14px !important;
        font-weight: 800 !important;
        font-size: 0.98rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        background: linear-gradient(135deg, #00BF58 0%, #009E47 100%) !important;
        color: #FFFFFF !important;
        border: none !important;
        box-shadow: 0 4px 14px rgba(0, 191, 88, 0.35) !important;
        text-decoration: none !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    .ir-modal-submit-btn {
        background: linear-gradient(135deg, #E11D48 0%, #BE123C 100%) !important;
        box-shadow: 0 4px 14px rgba(225, 29, 72, 0.35) !important;
    }

    .ir-modal-cancel-btn {
        width: 100% !important;
        height: 44px !important;
        padding: 0 18px !important;
        border-radius: 14px !important;
        background: #F8FAFC !important;
        border: 1px solid #E2E8F0 !important;
        color: #475569 !important;
        font-weight: 700 !important;
        font-size: 0.92rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        text-decoration: none !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }
}