.eva{--navy:#0B1F3A;--text:#43536B;--muted:#7A889C;--line:#DFE6F1;--blue:#005EB8;--blue-deep:#004C96;--blue-soft:#D9E5F8;--blue-wash:#EEF4FC;--panel:#F4F7FB;--orange:#FF9F00;--red:#B42318;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--navy);background:#F5F8FD;line-height:1.5}
.eva *,.eva *::before,.eva *::after{box-sizing:border-box}
.eva [hidden]{display:none!important}
.eva h1,.eva h2,.eva p,.eva ul,.eva dl,.eva dt,.eva dd{margin:0;padding:0;font-family:inherit;text-transform:none;letter-spacing:normal}
.eva ul{list-style:none}
.eva li::before{content:none}
.eva a,.eva a:hover,.eva a:focus{text-decoration:none!important;box-shadow:none}
.eva svg{display:block;flex-shrink:0}
.eva .eva-inner{max-width:1180px;margin:0 auto;padding:0 24px}

/* Hero */
.eva .eva-hero{background:var(--navy);color:#fff;padding:28px 0 36px}
.eva .eva-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;font-size:.9375rem;font-weight:600;color:#C8D5E8}
.eva .eva-back:hover{color:#fff}
.eva .eva-hero-main{display:flex;align-items:center;gap:18px}
.eva .eva-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:16px;background:rgba(255,255,255,.12);color:#fff;font-size:26px;font-weight:800}
.eva .eva-hero-text{min-width:0}
.eva .eva-title{margin-bottom:12px;color:#fff;font-size:clamp(1.6rem,1.1rem + 2vw,2.4rem);font-weight:800;line-height:1.15;letter-spacing:-.02em}
.eva .eva-chips{display:flex;flex-wrap:wrap;gap:8px}
.eva .eva-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:.8125rem;font-weight:600;line-height:1}
.eva .eva-chip.is-open{background:#DFF4EA;color:#0C7A57}
.eva .eva-chip.is-soon{background:#FFF1DA;color:#8A5300}
.eva .eva-chip.is-closed{background:#EEF1F5;color:#5F6B7A}

/* Body */
.eva .eva-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding-top:28px;padding-bottom:64px}
.eva .eva-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.eva .eva-side{position:sticky;top:110px}

/* Panels: only the one matching the current state shows */
.eva .eva-panel{display:none}
.eva[data-state="loading"] [data-panel="loading"],
.eva[data-state="missing"] [data-panel="missing"],
.eva[data-state="closed"] [data-panel="closed"],
.eva[data-state="done"] [data-panel="done"],
.eva[data-state="form"] [data-panel="form"]{display:block}

.eva .eva-skel{height:52px;margin-bottom:14px;border-radius:11px;background:linear-gradient(90deg,#EEF2F8 25%,#F8FAFD 50%,#EEF2F8 75%);background-size:200% 100%;animation:eva-shim 1.2s linear infinite}
.eva .eva-skel.is-short{width:40%;margin:0}
@keyframes eva-shim{from{background-position:200% 0}to{background-position:-200% 0}}

.eva .eva-note{text-align:center;padding:48px 28px}
.eva .eva-note h2{margin-bottom:8px;font-size:1.375rem;font-weight:800;color:var(--navy)}
.eva .eva-note p{max-width:460px;margin:0 auto 20px;color:var(--text)}
.eva .eva-note .eva-btn{width:auto}
.eva .eva-note:focus{outline:none}
.eva .eva-done-ico{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#DFF4EA;color:#0C7A57}

/* Form */
.eva .eva-form-title{margin-bottom:4px;font-size:1.375rem;font-weight:800;color:var(--navy)}
.eva .eva-form-sub{margin-bottom:22px;font-size:.9375rem;color:var(--muted)}
.eva .eva-alert{margin-bottom:20px;padding:12px 16px;border-radius:11px;background:#FEF3F2;border:1px solid #FECDCA;color:var(--red);font-size:.9375rem;font-weight:600}
.eva .eva-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.eva .eva-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.eva .eva-field{margin-bottom:18px}
.eva .eva-field>label,.eva .eva-label{display:block;margin-bottom:7px;font-size:.875rem;font-weight:700;color:var(--navy)}
.eva .eva-field>label span,.eva .eva-label span{color:var(--blue)}
.eva input[type="text"],.eva input[type="email"],.eva input[type="tel"],.eva select,.eva textarea{display:block;width:100%;margin:0;padding:0 14px;height:48px;border:1px solid var(--line);border-radius:11px;background:#F8FAFD;font-family:inherit;font-size:.9375rem;color:var(--navy);box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
.eva select{padding-right:38px;cursor:pointer;appearance:none;-webkit-appearance:none;background:#F8FAFD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A889C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center/16px}
.eva textarea{height:auto;min-height:120px;padding:12px 14px;resize:vertical;line-height:1.5}
.eva input::placeholder,.eva textarea::placeholder{color:#9AA6B6;opacity:1}
.eva input:focus,.eva select:focus,.eva textarea:focus{border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 4px rgba(0,94,184,.12)}
.eva [aria-invalid="true"]{border-color:var(--red)!important;background-color:#FFFBFA}
.eva .eva-err{margin-top:6px;font-size:.8125rem;font-weight:600;color:var(--red)}
.eva .eva-err:empty{display:none}

.eva .eva-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.eva .eva-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 16px;border:1.5px dashed #BFD0E8;border-radius:12px;background:var(--blue-wash);color:var(--blue);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}
.eva .eva-drop:hover,.eva .eva-drop:focus{border-color:var(--blue);background:#E3EEFB;outline:none}
.eva .eva-drop:focus-visible{box-shadow:0 0 0 4px rgba(0,94,184,.15)}
.eva .eva-drop.has-file{border-style:solid;background:#fff}
.eva .eva-drop-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.9375rem}
.eva .eva-drop-hint{font-size:.8125rem;color:var(--muted)}
.eva .eva-field:has([aria-invalid="true"]) .eva-drop{border-color:var(--red)}

.eva .eva-check{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;font-weight:500;color:var(--text);cursor:pointer}
.eva .eva-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue)}

.eva .eva-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin:0;padding:0 24px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;line-height:1;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;transition:background .15s}
.eva .eva-btn:hover,.eva .eva-btn:focus{background:var(--blue-deep);color:#fff}
.eva .eva-btn:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.eva .eva-btn:disabled{opacity:.7;cursor:progress}
.eva .eva-btn.is-ghost{height:44px;border:1px solid var(--blue-soft);background:#fff;color:var(--blue);font-size:.9375rem}
.eva .eva-btn.is-ghost:hover{background:var(--blue-wash);color:var(--blue)}

/* Sidebar */
.eva .eva-side .eva-card{padding:22px}
.eva .eva-side-title{margin-bottom:12px;font-size:1.0625rem;font-weight:800;color:var(--navy)}
.eva .eva-summary>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.9375rem}
.eva .eva-summary>div:last-child{border-bottom:0}
.eva .eva-summary dt{color:var(--muted)}
.eva .eva-summary dd{font-weight:700;text-align:right}
.eva .eva-summary .eva-chip{padding:5px 10px}
.eva .eva-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}

/* Responsive */
@media (max-width:960px){
  .eva .eva-body{grid-template-columns:1fr}
  .eva .eva-side{position:static;order:-1}
}
@media (max-width:600px){
  .eva .eva-inner{padding:0 16px}
  .eva .eva-hero{padding:20px 0 28px}
  .eva .eva-hero-main{align-items:flex-start}
  .eva .eva-avatar{width:52px;height:52px;font-size:22px;border-radius:14px}
  .eva .eva-card{padding:20px}
  .eva .eva-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .eva *{transition:none!important}
  .eva .eva-skel{animation:none}
}

/* Print: job details only */
@media print{
  .eva{background:#fff}
  .eva .eva-hero{background:#fff;color:#000;padding:0 0 16px;border-bottom:1px solid #ccc}
  .eva .eva-title,.eva .eva-chip{color:#000!important;background:none!important;padding-left:0}
  .eva .eva-back,.eva .eva-main,.eva .eva-side-actions,.eva .eva-avatar{display:none!important}
  .eva .eva-body{display:block;padding:16px 0}
  .eva .eva-card{border:0;padding:0}
}

/* Post a job page */
.eva.is-post .eva-title{margin-bottom:10px}
.eva .eva-hero-sub{max-width:620px;margin-bottom:22px;font-size:1.0625rem;color:#C8D5E8}
.eva .eva-steps{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none}
.eva .eva-steps li{display:flex;align-items:center;gap:10px;font-size:.9375rem;font-weight:600;color:#fff}
.eva .eva-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:var(--navy);font-size:.8125rem;font-weight:800}
.eva .eva-section-title{display:flex;align-items:center;gap:10px;margin:8px 0 18px;padding-top:22px;border-top:1px solid var(--line);font-size:1.125rem;font-weight:800;color:var(--navy)}
.eva .eva-form .eva-section-title:first-of-type{margin-top:0;padding-top:0;border-top:0}
.eva .eva-section-title span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--blue-wash);color:var(--blue);font-size:.875rem}
.eva input[type="url"],.eva input[type="number"],.eva input[type="date"]{display:block;width:100%;margin:0;padding:0 14px;height:48px;border:1px solid var(--line);border-radius:11px;background:#F8FAFD;font-family:inherit;font-size:.9375rem;color:var(--navy);box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.eva .eva-perks{display:flex;flex-direction:column;gap:12px}
.eva .eva-perks li{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;color:var(--text)}
.eva .eva-perks svg{margin-top:2px;color:#0C7A57}
.eva.is-post .eva-done-ico + h2 + p + .eva-btn{margin-top:0}
@media (max-width:960px){
  .eva.is-post .eva-side{order:1}
}