/* Employment Tracking NL – Front CSS v2.0 */
.etnl-wrap{max-width:1120px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.etnl-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:14px 0 12px}
.etnl-title{margin:0;font-size:28px;font-weight:900}
.etnl-sub{color:#556;margin-top:4px}

/* Track form */
.etnl-track-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:1px solid #e5e5e5;padding:18px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);margin-top:10px}
.etnl-field label{font-weight:800;color:#223;display:block;margin-bottom:5px}
.etnl-field input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:12px;outline:none;box-sizing:border-box}
.etnl-btn{grid-column:1/-1;justify-self:center;margin-top:4px;padding:12px 26px;border:0;border-radius:14px;background:#1f4aa5;color:#fff;font-weight:800;cursor:pointer;font-size:15px}
.etnl-btn:hover{background:#163980}
.etnl-btn-small{padding:8px 14px;border:0;border-radius:10px;background:#1f4aa5;color:#fff;font-weight:700;cursor:pointer;font-size:13px;text-decoration:none;display:inline-block}
.etnl-error{margin-top:14px;padding:14px;border-radius:12px;background:#ffe9e9;border:1px solid #ffbcbc}

/* Layout */
.etnl-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;margin-top:18px}
.etnl-side{border:1px solid #e5e5e5;border-radius:14px;background:#fff;padding:14px;position:sticky;top:14px;height:fit-content}
.etnl-side-title{font-weight:900;font-size:16px;margin-bottom:10px}
.etnl-side-link{display:block;padding:9px 10px;border-radius:12px;text-decoration:none;border:1px solid transparent;color:#1f2a44;font-weight:700;margin-bottom:6px;background:#f7f8fb;font-size:13px}
.etnl-side-link:hover,.etnl-side-link.active{border-color:#1f4aa5;background:#eaf0ff;color:#1f4aa5}
.etnl-side-exit{background:#fff2f2;color:#8a1f1f}
.etnl-side-exit:hover{background:#ffe0e0;border-color:#e08a8a;color:#8a1f1f}
.etnl-main{min-width:0}

/* Header */
.etnl-header3{display:grid;grid-template-columns:220px 1fr 180px;gap:14px;align-items:start;border:1px solid #e5e5e5;border-radius:14px;padding:14px;background:#fff}
.etnl-header-left{font-size:13px;color:#223;line-height:1.6}
.etnl-header-mid{text-align:center}
.etnl-visa-country{font-size:12px;font-weight:700;color:#fff;background:#1f4aa5;display:inline-block;padding:3px 10px;border-radius:999px;margin-bottom:6px;letter-spacing:.3px}
.etnl-headline{font-size:26px;font-weight:900;line-height:1.05}
.etnl-muted{margin-top:5px;color:#556;font-weight:700;font-size:13px}
.etnl-header-right{display:flex;justify-content:flex-end}
.etnl-pill{display:inline-block;padding:10px 14px;border-radius:999px;background:#1f4aa5;color:#fff;font-weight:900;font-size:14px}

/* Summary cards */
.etnl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.etnl-card{border:1px solid #e5e5e5;border-radius:14px;padding:14px;min-height:86px;background:#fff}
.etnl-card-title{font-weight:800;color:#444;margin-bottom:6px;font-size:13px}
.etnl-card-val{font-size:17px;font-weight:900}

/* Contract card in summary */
.etnl-contract-card .etnl-card-val{font-size:14px}
.etnl-dl-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.etnl-dl-view{text-decoration:none;color:#1f4aa5;font-weight:700;font-size:14px}
.etnl-dl-btn{display:inline-block;padding:8px 14px;background:#1f4aa5;color:#fff!important;border-radius:10px;font-weight:800;text-decoration:none;font-size:13px}
.etnl-dl-btn:hover{background:#163980}
.etnl-dl-small{margin-right:6px}

/* Profile */
.etnl-profile{display:flex;gap:14px;align-items:flex-start;border:1px solid #e5e5e5;border-radius:14px;padding:14px;background:#fff}
.etnl-photo img{border-radius:10px;border:1px solid #ddd}
.etnl-photo-placeholder{width:120px;height:160px;border-radius:10px;border:1px dashed #bbb;display:flex;align-items:center;justify-content:center;color:#777;background:#fafafa;font-size:12px}
.etnl-profile-fields div{margin:6px 0;font-size:14px;color:#111827 !important}
.etnl-profile-fields div strong{color:#111827 !important;font-weight:700}
.etnl-profile-fields div a,.etnl-profile-fields a{color:#111827 !important;text-decoration:none !important}
.etnl-profile-fields *{color:#111827 !important;text-decoration:none !important}

/* Box + grids */
.etnl-box{border:1px solid #e5e5e5;border-radius:14px;padding:14px;margin:10px 0 18px;background:#fff;font-size:14px}
.etnl-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* Contract section */
.etnl-contract-box{padding:20px}
.etnl-contract-info{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.etnl-contract-icon{font-size:42px;line-height:1}
.etnl-contract-name{font-weight:900;font-size:16px}
.etnl-contract-sub{color:#888;font-size:13px;margin-top:3px}
.etnl-contract-actions{display:flex;gap:12px;flex-wrap:wrap}
.etnl-btn-contract-view{display:inline-block;padding:12px 20px;border:2px solid #1f4aa5;color:#1f4aa5;border-radius:12px;font-weight:800;text-decoration:none;font-size:14px}
.etnl-btn-contract-view:hover{background:#f0f4ff}
.etnl-btn-contract-dl{display:inline-block;padding:12px 20px;background:#1f4aa5;color:#fff!important;border-radius:12px;font-weight:800;text-decoration:none;font-size:14px}
.etnl-btn-contract-dl:hover{background:#163980}
.etnl-no-contract{text-align:center;padding:30px 20px;color:#888;font-size:15px}

/* Required docs */
.etnl-reqdocs{border:1px solid #e5e5e5;border-radius:14px;padding:14px;background:#fff}
.etnl-reqdoc{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid #f0f0f0}
.etnl-reqdoc:first-child{border-top:0}
.etnl-reqdoc-name{font-weight:800;font-size:14px}
.etnl-badge{margin-left:8px;font-size:11px;padding:3px 9px;border-radius:999px;font-weight:700}
.etnl-badge.req{background:#fde8e8;color:#7a1f1f}
.etnl-badge.opt{background:#e6f4e6;color:#1a5c1a}
.etnl-uploaded{display:inline-block;margin-left:10px;color:#1a5c1a;font-weight:800;font-size:12px}
.etnl-reqdoc-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Responsive */
@media(max-width:980px){
  .etnl-track-form{grid-template-columns:1fr}
  .etnl-layout{grid-template-columns:1fr}
  .etnl-side{position:relative;top:auto}
  .etnl-header3{grid-template-columns:1fr}
  .etnl-header-mid{text-align:left}
  .etnl-header-right{justify-content:flex-start}
  .etnl-cards{grid-template-columns:1fr}
  .etnl-grid2{grid-template-columns:1fr}
  .etnl-contract-actions{flex-direction:column}
}

/* Global: prevent WordPress theme link colors inside tracking panels */
.etnl-wrap .etnl-box *:not(a.etnl-btn-contract-view):not(a.etnl-btn-contract-dl):not(a.etnl-btn-small):not(a.etnl-dl-btn):not(a.etnl-dl-view){
  color:inherit;
  text-decoration:none;
}
.etnl-wrap .etnl-profile-fields a,
.etnl-wrap .etnl-profile-fields span,
.etnl-wrap .etnl-profile-fields div{
  color:#111827 !important;
  text-decoration:none !important;
}
.etnl-wrap .etnl-grid2 div{color:#1f2937;font-size:14px;line-height:1.6}
.etnl-wrap .etnl-grid2 strong{color:#111827;font-weight:700}

/* ---- Kill mobile auto-link on dates/phones (iOS & Android) ---- */
.etnl-wrap a[href^="tel"],
.etnl-wrap a[href^="sms"],
.etnl-wrap a[x-apple-data-detectors],
.etnl-wrap *[x-apple-data-detectors]{
  color:inherit !important;
  text-decoration:none !important;
  pointer-events:none !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}
.etnl-date{
  color:#111827 !important;
  text-decoration:none !important;
  -webkit-text-fill-color:#111827 !important;
  pointer-events:none;
  display:inline;
}
/* Force all text inside profile to never show as link */
.etnl-profile-fields div,
.etnl-profile-fields span,
.etnl-profile-fields strong{
  color:#111827 !important;
  -webkit-text-fill-color:#111827 !important;
  text-decoration:none !important;
}

/* Employer website link */
.etnl-ext-link{color:#1f4aa5 !important;text-decoration:underline !important;font-weight:600;word-break:break-all;pointer-events:auto !important;}
.etnl-ext-link:hover{color:#163980 !important;}