/* Formulaire de candidature à une offre (fiches mission) */
#c3-apply {padding:clamp(8px,3vw,24px);font:15px/1.45 system-ui,sans-serif;color:var(--ink)}
#c3-apply * {box-sizing:border-box}
#c3-apply [hidden] {display:none!important}
#c3-apply .c3-window {max-width:700px;margin:auto;background:var(--paper);border:1px solid var(--rule);border-radius:0;overflow:hidden}
#c3-apply .c3-tag {display:inline-block;border-radius:30px;background:var(--pale);padding:5px 11px;font-size:12px}
#c3-apply .c3-hero {background:var(--dark);color:var(--paper);padding:22px clamp(14px,4vw,32px) 24px}
#c3-apply p,#c3-apply h1,#c3-apply h2 {margin:0}
#c3-apply .c3-hero p {font:700 .72rem/1.4 ui-monospace,monospace;letter-spacing:.11em;color:var(--lime)}
#c3-apply h1 {font-size:clamp(28px,5vw,42px);font-weight:690;margin:6px 0 8px}
#c3-apply h2 {font-size:clamp(23px,4vw,29px);margin-bottom:7px}
#c3-apply .c3-content {padding:0 clamp(14px,4vw,32px) 22px}
#c3-apply .c3-steps {display:flex;flex-wrap:wrap;column-gap:18px;border-bottom:1px solid var(--rule);margin-bottom:19px}
#c3-apply .c3-steps button {border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 0;color:var(--muted);font-size:13px}
#c3-apply .c3-steps button[aria-current] {border-color:var(--pine);color:var(--dark);font-weight:700}
#c3-apply .c3-steps span {color:var(--pine);margin-right:3px}
#c3-apply .c3-note {color:var(--muted);font-size:12px}
#c3-apply .c3-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
#c3-apply section > .c3-grid {margin-top:13px}
#c3-apply .c3-field {display:grid;gap:4px;font-size:13px;font-weight:600}
#c3-apply .c3-phone {display:flex;align-items:stretch;position:relative}
#c3-apply .c3-phone input {border-left:0;height:44px;min-height:0;margin:0;padding:0 12px}
#c3-apply .c3-cc {display:flex;margin:0;height:44px;min-height:0;font-weight:600;align-items:center;gap:6px;border:1px solid var(--muted);background:var(--pale);color:var(--ink);padding:0 10px;font-size:15px;white-space:nowrap}
#c3-apply .c3-ccl {position:absolute;left:0;top:calc(100% + 4px);z-index:5;width:min(320px,100%);max-height:260px;overflow:auto;background:var(--paper);border:1px solid var(--dark);box-shadow:0 8px 24px #10221b33}
#c3-apply .c3-ccl button {display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--rule);font-size:14px;font-weight:400}
#c3-apply .c3-ccl button:hover,#c3-apply .c3-ccl button[aria-selected=true] {background:var(--lime)}
#c3-apply .c3-ccl b {margin-left:auto;font-weight:600;color:var(--muted)}
#c3-apply .c3-grid {align-items:end}
#c3-apply input:not([type=checkbox]):not([type=radio]),#c3-apply select {height:44px;min-height:0}
#c3-apply .c3-grid:has(.c3-check) {grid-template-columns:1fr;gap:2px}
#c3-apply .c3-check {padding:4px 10px;margin:0 0 0 -10px!important;border-radius:8px;transition:background .25s,transform .25s}
#c3-apply .c3-check:hover {background:var(--pale)}
#c3-apply .c3-check:has(input:checked) {background:var(--pale);font-weight:600}
#c3-apply .c3-check input:checked {animation:c3pop .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes c3pop {0%{transform:scale(.6)}100%{transform:scale(1)}}
#c3-apply section[data-panel]:not([hidden]) {animation:c3in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes c3in {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#c3-apply .c3-shake {animation:c3shake .4s}
@keyframes c3shake {20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
#c3-apply .c3-error:not([hidden]) {animation:c3in .3s}
#c3-apply input[type=radio] {position:absolute;opacity:0;width:1px;height:1px}
#c3-apply .c3-langs {display:grid;gap:12px;margin-top:10px}
#c3-apply .c3-lang {border:1px solid var(--rule);background:#fffaf0;padding:12px 14px;transition:border-color .3s,box-shadow .3s}
#c3-apply .c3-lang:has(input:checked) {border-color:var(--pine);box-shadow:3px 3px 0 var(--lime)}
#c3-apply .c3-lang-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:14px}
#c3-apply .c3-meter {display:flex;gap:4px}
#c3-apply .c3-meter i {width:22px;height:6px;background:var(--rule);transition:background .35s,transform .35s;transform-origin:left}
#c3-apply .c3-lang[style*="--n:1"] .c3-meter i:nth-child(-n+1),#c3-apply .c3-lang[style*="--n:2"] .c3-meter i:nth-child(-n+2),#c3-apply .c3-lang[style*="--n:3"] .c3-meter i:nth-child(-n+3),#c3-apply .c3-lang[style*="--n:4"] .c3-meter i:nth-child(-n+4),#c3-apply .c3-lang[style*="--n:5"] .c3-meter i {background:var(--pine);animation:c3grow .4s backwards}
#c3-apply .c3-meter i:nth-child(2) {animation-delay:.05s!important}#c3-apply .c3-meter i:nth-child(3) {animation-delay:.1s!important}#c3-apply .c3-meter i:nth-child(4) {animation-delay:.15s!important}#c3-apply .c3-meter i:nth-child(5) {animation-delay:.2s!important}
@keyframes c3grow {from{transform:scaleX(0)}}
#c3-apply .c3-lvls {display:flex;flex-wrap:wrap;gap:6px}
#c3-apply .c3-lvl {display:block;margin:0!important}
#c3-apply .c3-lvl span {display:block;padding:8px 12px;border:1px solid var(--rule);background:var(--paper);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}
#c3-apply .c3-lvl:hover span {border-color:var(--pine);transform:translateY(-2px)}
#c3-apply .c3-lvl input:checked + span {background:var(--dark);color:var(--paper);border-color:var(--dark);font-weight:700;animation:c3pop .35s cubic-bezier(.3,1.6,.5,1)}
#c3-apply .c3-lvl input:focus-visible + span {outline:3px solid #8c490b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){#c3-apply *{animation:none!important;transition:none!important}}
#c3-apply label {display:grid;gap:4px;font-size:13px;font-weight:600}
#c3-apply section > label,#c3-apply fieldset {margin-top:12px}
#c3-apply input:not([type=checkbox]),#c3-apply select,#c3-apply textarea {min-width:0;width:100%;min-height:42px;border:1px solid var(--muted);border-radius:0;padding:8px 10px;background:white;color:var(--ink);font:inherit;font-size:16px;font-weight:400}
#c3-apply textarea {resize:vertical}
#c3-apply fieldset {padding:8px 0 0;border:0;margin-inline:0;min-width:0}
#c3-apply legend {padding:0;font-size:13px;font-weight:600}
#c3-apply .c3-check {display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:32px;font-weight:400;text-align:left}
#c3-apply input[type=checkbox] {accent-color:var(--dark);flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0}
#c3-apply .c3-upload {margin-top:14px;padding:10px 12px;border:1px dashed var(--rule);border-radius:9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
#c3-apply button {font:inherit;font-size:13px;min-height:42px;background:transparent;color:inherit;border:1px solid var(--rule);border-radius:0;padding:7px 11px;cursor:pointer}
#c3-apply .c3-main {background:var(--dark);color:var(--paper);border-color:var(--dark);padding-inline:16px}
#c3-apply footer {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:17px}
#c3-apply .c3-error {color:#8a2828;margin-top:8px}
#c3-apply .c3-success {padding:22px 0 4px}
#c3-apply .c3-success h2 {margin-top:10px}
#c3-apply .c3-success button {margin-top:14px}
@media(max-width:470px) {#c3-apply .c3-grid {grid-template-columns:1fr} #c3-apply .c3-steps {column-gap:12px} #c3-apply .c3-steps button {font-size:12px}}
#c3-application-dialog {width:min(860px, calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--rule);border-radius:16px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
#c3-application-dialog::backdrop {background:#10221bb3}
#c3-application-dialog .c3-dialog-bar {position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--paper);border-bottom:1px solid var(--rule)}
#c3-application-dialog .c3-dialog-bar form {padding:0;border:0;background:none}
#c3-application-dialog .c3-dialog-bar button {margin:0;padding:8px 12px;min-height:44px}
#c3-application-dialog #c3-apply .c3-window {max-width:none}
#c3-application-dialog #c3-apply footer {padding:0;background:none;color:inherit;border:0}
html:has(#c3-application-dialog[open]) {overflow:hidden}
#c3-apply .c3-consent {margin-top:16px!important;align-items:flex-start}
#c3-apply .c3-consent input {margin-top:3px}
.mission-apply .c3-spont {margin-top:1rem;font-size:.92rem;color:var(--muted)}
.mission-spont{background:var(--pale);border-top:1px solid var(--rule);padding:clamp(1.4rem,3vw,2.2rem) 0;text-align:center}.mission-spont p{margin:0;font-size:1.05rem;color:var(--ink)}.mission-spont a{font-weight:700;text-underline-offset:.2em}