/* Maritime Bridge Career Navigator — visual identity shared by the public website. */
.mb-career-navigator{position:fixed;z-index:1600;bottom:24px;right:clamp(15px,3vw,35px);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#12384b;font-size:14px;line-height:1.45}
.mb-career-navigator *{box-sizing:border-box}
.mb-career-navigator-trigger{display:flex;align-items:center;gap:11px;background:linear-gradient(115deg,#0a364e,#086b78);color:#fff;border:1px solid #1c8490;box-shadow:0 12px 36px #063a4c36;border-radius:35px;padding:12px 19px;font:750 13px/1.2 system-ui,sans-serif;cursor:pointer;min-height:54px}
.mb-career-navigator-trigger:hover{background:linear-gradient(115deg,#0e5268,#117c87)}
.mb-nav-trigger-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff24;font-size:17px;line-height:1}
.mb-career-navigator-panel{position:absolute;bottom:calc(100% + 13px);right:0;width:min(420px,calc(100vw - 24px));height:min(610px,calc(100dvh - 125px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #d4e5e7;border-radius:21px;box-shadow:0 25px 80px #071e3280;font-size:13px}
.mb-career-navigator-panel[hidden]{display:none!important}
.mb-nav-head{background:linear-gradient(112deg,#0b3046,#0c5265);padding:18px 19px;display:flex;align-items:center;gap:8px;justify-content:space-between;color:#fff}
.mb-nav-identity{display:flex;align-items:center;gap:11px;min-width:0}
.mb-nav-mark{display:grid;place-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:11px;flex:0 0 39px;width:39px;height:39px;color:#a6efe7;font-size:13px;font-weight:850}
.mb-nav-title{font-size:15px;line-height:1.3;font-weight:750;letter-spacing:-.02em}
.mb-nav-close{background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:10px;min-width:34px;min-height:34px;font-size:22px;line-height:1;cursor:pointer}
.mb-nav-subtitle{margin:0;padding:10px 18px;font-size:11px;border-bottom:1px solid #e6efef;color:#5b7884;background:#f7faf9}
.mb-nav-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 15px 20px;background:#fbfdfd;scrollbar-color:#a1cfd0 transparent;display:flex;flex-direction:column;gap:13px}
.mb-nav-intro{background:#ebf6f4;border:1px solid #d1e8e3;border-radius:15px;padding:15px;color:#22515f;line-height:1.65}
.mb-nav-intro p{margin:0 0 12px;line-height:1.6}
.mb-nav-intro small{display:block;margin-top:12px;font-size:10px;line-height:1.5;color:#4e7880}
.mb-nav-chips{display:flex;flex-wrap:wrap;gap:7px}
.mb-nav-chip{border:1px solid #afd6d1;background:#fff;color:#11646d;border-radius:18px;padding:8px 10px;font-weight:700;font-size:11px;cursor:pointer;text-align:left}
.mb-nav-chip:hover{background:#e5f5f1}
.mb-nav-msg{display:flex;gap:9px;align-items:flex-start}
.mb-nav-msg-user{flex-direction:row-reverse}
.mb-nav-msg-avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#0d6876;color:#fff;font-size:10px;font-weight:850}
.mb-nav-msg-user .mb-nav-msg-avatar{background:#d9e9eb;color:#245361}
.mb-nav-msg-body{background:#eef7f6;border:1px solid #d7e9e6;border-radius:13px 13px 13px 3px;padding:11px 13px;max-width:calc(100% - 39px);min-width:0;overflow-wrap:anywhere}
.mb-nav-msg-user .mb-nav-msg-body{background:#e5f0f6;border-color:#d5e3e9;border-radius:13px 13px 3px 13px}
.mb-nav-msg-body p{margin:0 0 9px;font-size:12px;line-height:1.65}
.mb-nav-msg-body p:last-child{margin-bottom:0}
.mb-navigator-link{display:inline-flex;align-items:center;color:#096f80;font-size:12px;font-weight:750;margin:5px 6px 3px 0;text-decoration:underline;text-underline-offset:3px}
.mb-navigator-link:hover{color:#024d5a}
.mb-nav-job-results{display:grid;gap:9px}
.mb-nav-results-title{margin:0!important;font-size:12px;font-weight:800;color:#185569}
.mb-nav-job-card{background:#fff;border:1px solid #cfe2e4;border-radius:11px;padding:11px;display:grid;gap:5px}
.mb-nav-job-card strong{font-size:12px;line-height:1.4;color:#173b4c}
.mb-nav-job-card small{font-size:11px;color:#607b87}
.mb-nav-pay{font-weight:730;font-size:11px;color:#127459}
.mb-nav-job-card .mb-navigator-link{margin:4px 0 0}
.mb-nav-status{margin:0;padding:0 17px;background:#fbfdfd;color:#5a7982;font-size:11px}
.mb-nav-status:empty{display:none}
.mb-nav-form{display:flex;align-items:stretch;gap:7px;border-top:1px solid #e4eded;background:#fff;padding:12px}
.mb-nav-input{flex:1;min-width:0;height:43px;border:1px solid #cbdedf;border-radius:11px;padding:10px 12px;background:#fff;color:#12384b;font:500 12px/1.2 system-ui,sans-serif}
.mb-nav-input:focus{outline:2px solid #128d91;outline-offset:1px}
.mb-nav-send{min-width:64px;background:#0b6571;color:#fff;border:0;border-radius:10px;font:760 12px/1.2 system-ui,sans-serif;cursor:pointer;padding:10px}
.mb-nav-send:hover{background:#0b7a87}
.mb-nav-send:disabled{opacity:.5;cursor:not-allowed}
.mb-nav-privacy{margin:0;padding:3px 16px 12px;background:#fff;color:#69848b;font-size:10px;line-height:1.45;text-align:center}
.mb-career-navigator button:focus-visible,.mb-career-navigator a:focus-visible{outline:3px solid #12a1a3;outline-offset:2px}
@media(max-width:540px){
 .mb-career-navigator{right:13px;bottom:13px;left:auto}
 .mb-career-navigator-panel{position:fixed;right:0;left:0;top:0;bottom:0;width:100%;height:100dvh;border:0;border-radius:0;max-height:none}
 .mb-career-navigator-trigger{min-height:52px;padding:11px 14px}
 .mb-nav-head{padding-top:max(18px,env(safe-area-inset-top));}
 .mb-nav-privacy{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.mb-career-navigator *, .mb-career-navigator *::before,.mb-career-navigator *::after{animation:none!important;transition:none!important}}
@media print{.mb-career-navigator{display:none!important}}


/* A single, opt-out invitation — never opens the assistant automatically. */
.mb-navigator-discovery{position:absolute;right:1px;bottom:calc(100% + 15px);width:min(320px,calc(100vw - 35px));background:#fff;border:1px solid #cfe6e4;border-radius:17px;padding:15px 17px 16px;box-shadow:0 15px 47px #042f4960;color:#143e4d;animation:mb-discovery-rise .27s ease-out;z-index:1601}
.mb-navigator-discovery[hidden]{display:none!important}
.mb-navigator-discovery::after{content:'';position:absolute;bottom:-8px;right:38px;width:14px;height:14px;background:#fff;border-right:1px solid #cfe6e4;border-bottom:1px solid #cfe6e4;transform:rotate(45deg)}
.mb-discovery-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.mb-discovery-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;background:#e4f4ef;color:#147768;font-size:10px;letter-spacing:.065em;font-weight:850}
.mb-discovery-dismiss{border:0!important;background:#f3f8f8!important;color:#4d7580!important;width:29px;height:29px;border-radius:9px;font-size:19px;line-height:1;cursor:pointer}
.mb-discovery-title{display:block;color:#103b51;font-size:16px;line-height:1.3;letter-spacing:-.025em}
.mb-discovery-description{font-size:12px;color:#597681;line-height:1.65;margin:7px 0 13px}
.mb-discovery-action{background:#0b6976;color:#fff;border:0;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:800;cursor:pointer}
.mb-discovery-action:hover{background:#09828a}
.mb-career-navigator-trigger.mb-nav-trigger-discoverable{box-shadow:0 0 0 4px #0c989220,0 12px 36px #063a4c36}
@keyframes mb-discovery-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){.mb-navigator-discovery{width:min(310px,calc(100vw - 26px));right:0;padding:14px}.mb-discovery-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mb-navigator-discovery{animation:none!important}}


/* November 2: lightweight guided career navigation — accessible, no paid services. */
.mb-nav-guide,.mb-nav-guide-result{border:1px solid #d6e8e7;background:#f7fbfa;border-radius:13px;padding:12px;margin:7px 0}
.mb-nav-guide-title{display:block;color:#0a4858;font-size:13px;line-height:1.5;margin-bottom:9px}
.mb-nav-guide-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mb-nav-guide-choice{min-height:46px;border:1px solid #b7d4d5;background:white;color:#0b4b58;border-radius:9px;padding:9px 10px;text-align:left;font:650 12px/1.35 system-ui,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.mb-nav-guide-choice:hover,.mb-nav-guide-choice:focus-visible{border-color:#198c8c;background:#ecf8f4}
.mb-nav-guide-choice:disabled{cursor:default;opacity:.58}
.mb-nav-guide-choice.mb-nav-guide-selected:disabled{background:#d4f1e9;border-color:#0d8c7d;opacity:1}
.mb-nav-guide-result p{font-size:12px;color:#385d66;line-height:1.65;margin:8px 0}
.mb-nav-guide-result small{display:block;font-size:10px;line-height:1.5;color:#607d84;margin:8px 0 12px}
.mb-nav-guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.mb-nav-guide-primary,.mb-nav-guide-restart{min-height:38px;border:0;border-radius:8px;padding:9px 12px;font:700 11px/1.3 system-ui,sans-serif;cursor:pointer}
.mb-nav-guide-primary{background:#096b74;color:white}
.mb-nav-guide-primary:hover{background:#087d85}
.mb-nav-guide-restart{background:#e6f0ee;color:#174b54}
.mb-nav-guide-restart:hover{background:#d8e9e6}
@media(max-width:360px){.mb-nav-guide-options{grid-template-columns:1fr}}


/* Novembre 2: keep the Career Navigator separate from Netlify's optional
   "Powered by Netlify" badge (bottom right, outside the site's DOM).
   This is a layout safeguard; the proper fix is disabling the badge in
   Netlify Project configuration > General, which needs no deploy. */
.mb-career-navigator{left:clamp(15px,3vw,35px);right:auto}
.mb-career-navigator-panel{left:0;right:auto}
.mb-navigator-discovery{left:1px;right:auto}
.mb-navigator-discovery::after{left:38px;right:auto}
@media(max-width:540px){
  .mb-career-navigator{left:max(13px,env(safe-area-inset-left));right:auto;bottom:max(13px,env(safe-area-inset-bottom))}
  /* The conversation stays full-screen on mobile regardless of trigger side. */
  .mb-career-navigator-panel{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100dvh}
  .mb-navigator-discovery{left:0;right:auto}
}

/* Explicit voluntary consent before external inference. Never checked by default. */
.mb-nav-ai-consent{display:flex;align-items:flex-start;gap:9px;padding:8px 12px;font-size:12px;line-height:1.4;background:rgba(0,96,111,.08);border-radius:8px;cursor:pointer}
.mb-nav-ai-consent input{margin:2px 0 0;accent-color:#0c9394;min-width:16px;min-height:16px}
.mb-nav-ai-consent span{flex:1}
.mb-nav-ai-consent:focus-within{outline:2px solid #118d98;outline-offset:2px}