.page-offer-published, .page-offer-published *::before, .page-offer-published *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.page-offer-published{ min-height: 100vh; font-family: 'Inter', system-ui, sans-serif; background: #FAFAFA; color: #1a1a1a; display: flex; flex-direction: column; }
.page-offer-published button{ cursor: pointer; border: none; background: none; font-family: inherit; }

/* ── HEADER ── */
.page-offer-published .header{ background: #fff; border-bottom: 1px solid rgba(0,0,0,.05); padding: 14px 32px; display: flex; align-items: center; justify-content: space-between; }
.page-offer-published .h-logo{ font-family: 'Playfair Display', Georgia, serif; font-size: 18px; font-weight: 800; letter-spacing: -.3px; }
.page-offer-published .h-logo span{ color: #C4A559; }
.page-offer-published .h-badge{ font-size: 9px; font-weight: 700; color: #1B7A4E; padding: 4px 10px; background: rgba(27,122,78,.07); border-radius: 6px; border: 1px solid rgba(27,122,78,.15); }

/* ── MAIN ── */
.page-offer-published .main{ flex: 1; max-width: 720px; margin: 0 auto; padding: 48px 24px 60px; width: 100%; }

/* ── SUCCESS HERO ── */
.page-offer-published .hero{ text-align: center; margin-bottom: 40px; animation: fadeUp .5s ease both; }

.page-offer-published .check-ring{
  width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 20px;
  background: linear-gradient(135deg, #1B7A4E, #2EAA72);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 28px rgba(27,122,78,.22);
  animation: pop .6s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes pop { from{transform:scale(0);opacity:0;} to{transform:scale(1);opacity:1;} }
.page-offer-published .check-icon{ font-size: 32px; color: #fff; line-height: 1; }

.page-offer-published .hero-eyebrow{ font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #1B7A4E; margin-bottom: 8px; }
.page-offer-published .hero-title{ font-family: 'Playfair Display', Georgia, serif; font-size: 30px; font-weight: 700; line-height: 1.2; margin-bottom: 8px; }
.page-offer-published .hero-title i{ font-style: italic; color: #C4A559; font-weight: 400; }
.page-offer-published .hero-sub{ font-size: 13px; color: #888; line-height: 1.6; max-width: 420px; margin: 0 auto; }

/* ── OFFER PILL ── */
.page-offer-published .offer-pill{
  display: flex; align-items: center; gap: 12px;
  padding: 14px 20px; border-radius: 14px; margin-bottom: 32px;
  background: #fff; border: 1px solid rgba(0,0,0,.05);
  box-shadow: 0 2px 12px rgba(0,0,0,.04);
  animation: fadeUp .5s ease .1s both;
}
.page-offer-published .pill-icon{ width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg,#C4A559,#E5D4A0); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.page-offer-published .pill-info{ flex: 1; }
.page-offer-published .pill-title{ font-family: 'Playfair Display', serif; font-size: 15px; font-weight: 700; }
.page-offer-published .pill-sub{ font-size: 11px; color: #888; margin-top: 2px; }
.page-offer-published .pill-status{ display: flex; align-items: center; gap: 5px; font-size: 9px; font-weight: 700; color: #1B7A4E; padding: 4px 10px; border-radius: 100px; background: rgba(27,122,78,.07); border: 1px solid rgba(27,122,78,.15); white-space: nowrap; }
.page-offer-published .pill-dot{ width: 5px; height: 5px; border-radius: 50%; background: #1B7A4E; animation: pulse 1.8s infinite; }
@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.3;} }

/* ── STATS ROW ── */
.page-offer-published .stats{ display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 32px; animation: fadeUp .5s ease .2s both; }
.page-offer-published .stat{ background: #fff; border-radius: 12px; padding: 18px 16px; text-align: center; border: 1px solid rgba(0,0,0,.04); box-shadow: 0 1px 6px rgba(0,0,0,.03); }
.page-offer-published .stat-val{ font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 700; color: #C4A559; line-height: 1; margin-bottom: 4px; }
.page-offer-published .stat-label{ font-size: 9px; font-weight: 600; color: #aaa; text-transform: uppercase; letter-spacing: .4px; }

/* ── NEXT STEPS ── */
.page-offer-published .next{ background: #fff; border-radius: 14px; padding: 22px; border: 1px solid rgba(0,0,0,.04); box-shadow: 0 2px 12px rgba(0,0,0,.04); margin-bottom: 24px; animation: fadeUp .5s ease .3s both; }
.page-offer-published .next-title{ font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 700; margin-bottom: 16px; }
.page-offer-published .step-list{ display: flex; flex-direction: column; gap: 10px; }
.page-offer-published .step-row{ display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; background: #FAFAFA; border: 1px solid rgba(0,0,0,.04); transition: all .15s; cursor: pointer; }
.page-offer-published .step-row:hover{ border-color: rgba(184,145,42,.2); box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.page-offer-published .step-num{ width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg,#C4A559,#E5D4A0); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: #000; flex-shrink: 0; }
.page-offer-published .step-info{ flex: 1; }
.page-offer-published .step-name{ font-size: 11px; font-weight: 700; color: #1a1a1a; }
.page-offer-published .step-desc{ font-size: 9px; color: #aaa; margin-top: 1px; }
.page-offer-published .step-arrow{ font-size: 12px; color: #ccc; }

/* ── CTA BUTTONS ── */
.page-offer-published .ctas{ display: flex; gap: 10px; animation: fadeUp .5s ease .4s both; }
.page-offer-published .btn-primary{
  flex: 1.2; padding: 14px; border-radius: 10px;
  font-size: 12px; font-weight: 800; color:#fff; position: relative; overflow: hidden;
  background: linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 6px 16px rgba(184,145,42,.2);
  transition: all .25s;white-space:nowrap}
.page-offer-published .btn-primary::before{ content:''; position:absolute; top:0; left:0; right:0; height:45%; background:linear-gradient(180deg,rgba(255,255,255,.5),transparent); border-radius:10px 10px 0 0; pointer-events:none; }
.page-offer-published .btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 8px 22px rgba(184,145,42,.3); }
.page-offer-published .btn-secondary{ flex: 1; padding: 14px; border-radius: 10px; font-size: 12px; font-weight: 700; color: #555; background: #fff; border: 1.5px solid rgba(0,0,0,.07); transition: all .2s; }
.page-offer-published .btn-secondary:hover{ border-color: #C4A559; color: #C4A559; transform: translateY(-1px); }

@keyframes fadeUp { from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;} }
@media(max-width:600px){ .stats{grid-template-columns:1fr 1fr;} .ctas{flex-direction:column;} }

.page-offer-published .hub-link:hover{background:rgba(201,165,74,.25);border-color:rgba(201,165,74,.4);color:#E5D4A0;}
.page-offer-published .hub-link-dot{width:6px;height:6px;border-radius:50%;background:#D4BC7A;}
/* ══ RECRUITER HEADER ══ */
.page-offer-published .header{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:56px;}
.page-offer-published .header-left{display:flex;align-items:center;gap:18px;}
.page-offer-published .h-sep{height:22px;width:1px;background:rgba(0,0,0,.07);}
.page-offer-published .badge-portal{font-size:9px;font-weight:800;color:#9A7A28;padding:4px 10px;background:linear-gradient(180deg,#FFFBF0,#F5EDCF);border-radius:6px;border:1px solid rgba(184,145,42,.2);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;}
.page-offer-published .nav-links{display:flex;align-items:center;gap:2px;}
.page-offer-published .nav-link{position:relative;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:#666;transition:all .15s;cursor:pointer;}
.page-offer-published .nav-link:hover{color:#1a1a1a;background:rgba(0,0,0,.04);}
.page-offer-published .nav-link.active{font-weight:700;color:#fff;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 8px rgba(150,120,62,.25);}
.page-offer-published .nav-badge{position:absolute;top:-4px;right:-4px;width:15px;height:15px;border-radius:50%;background:#fff;color:#C4A559;font-size:8px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 0 1.5px #D4BC7A;}
.page-offer-published .header-right{display:flex;align-items:center;gap:8px;}
.page-offer-published .h-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;background:#fff;position:relative;transition:all .15s;color:#888;}
.page-offer-published .h-icon-btn:hover{border-color:#D4BC7A;color:#C4A559;transform:translateY(-1px);}
.page-offer-published .h-icon-btn svg{width:15px;height:15px;}
.page-offer-published .notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#dc2626;border:1.5px solid #fff;}
.page-offer-published .msg-badge{position:absolute;top:5px;right:5px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#D4BC7A,#9A7A28);color:#fff;font-size:7px;font-weight:900;display:flex;align-items:center;justify-content:center;}
.page-offer-published .profile-btn{display:flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:8px;border:1px solid rgba(0,0,0,.07);background:#fff;transition:all .15s;}
.page-offer-published .profile-btn:hover{border-color:rgba(0,0,0,.12);}
.page-offer-published .profile-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#D4BC7A,#9A7A28);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;}
/* ══ RECRUITER HEADER UNIFIED ══ */
.page-offer-published .ts-header{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:56px;}
.page-offer-published .ts-header-left{display:flex;align-items:center;gap:18px;}
.page-offer-published .ts-h-sep{height:22px;width:1px;background:rgba(0,0,0,.07);}
.page-offer-published .ts-badge-portal{font-size:9px;font-weight:800;color:#9A7A28;padding:4px 10px;background:linear-gradient(180deg,#FFFBF0,#F5EDCF);border-radius:6px;border:1px solid rgba(184,145,42,.2);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;}
.page-offer-published .ts-nav-links{display:flex;align-items:center;gap:2px;}
.page-offer-published .ts-nav-link{position:relative;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:#666;transition:all .15s;cursor:pointer;background:none;border:none;font-family:inherit;}
.page-offer-published .ts-nav-link:hover{color:#1a1a1a;background:rgba(0,0,0,.04);}
.page-offer-published .ts-nav-link.active{font-weight:700;color:#fff;background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 8px rgba(150,120,62,.25);}
.page-offer-published .ts-header-right{display:flex;align-items:center;gap:8px;}
.page-offer-published .ts-h-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;background:#fff;position:relative;transition:all .15s;color:#888;cursor:pointer;}
.page-offer-published .ts-h-icon-btn:hover{border-color:#D4BC7A;color:#C4A559;transform:translateY(-1px);}
.page-offer-published .ts-h-icon-btn svg{width:15px;height:15px;}
.page-offer-published .ts-notif-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#dc2626;border:1.5px solid #fff;}
.page-offer-published .ts-profile-btn{display:flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:8px;border:1px solid rgba(0,0,0,.07);background:#fff;transition:all .15s;cursor:pointer;}
.page-offer-published .ts-profile-btn:hover{border-color:rgba(0,0,0,.12);}
.page-offer-published .ts-profile-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#D4BC7A,#9A7A28);display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;}