/* ============================================================
   ATLAS TECHNICIEN · Missions Disponibles
   Réutilise atlas-admin.css + styles .mcard de atlas-mission.html
   ============================================================ */
.om-view{display:none}
.om-view.show{display:block;animation:fade .4s var(--ease)}

/* filtres */
.om-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:18px}
.om-filters select{padding:9px 13px;border-radius:50px;background:rgba(8,16,40,.6);border:1px solid var(--line2);color:var(--txt);font-size:.82rem;font-weight:600}
.om-filters select:focus{outline:0;border-color:var(--blue-l)}
body.theme-light .om-filters select{background:#fff;border-color:rgba(13,31,92,.1)}

/* compatibilité sur carte */
.om-compat{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:50px}
.om-compat.hi{background:rgba(34,197,94,.16);color:#4ade80}
.om-compat.mid{background:rgba(245,158,11,.16);color:var(--gold)}
.om-compat.lock{background:rgba(170,182,208,.14);color:var(--mid)}
.om-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.om-skills span{font-size:.68rem;font-weight:600;color:var(--blue-l);background:rgba(37,99,235,.14);border:1px solid var(--line);padding:2px 9px;border-radius:50px}
.om-skills span.miss{color:#fca5a5;background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.28)}
.mcard.locked{opacity:.92}
.mcard.locked .mcard-top{background:rgba(170,182,208,.4)!important}
.om-lock{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:#fca5a5;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.28);padding:6px 11px;border-radius:10px;margin-top:10px}
.om-lock svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2}

/* section urgente */
.om-urgent{border-radius:18px;padding:2px;background:linear-gradient(120deg,rgba(248,113,113,.4),rgba(245,158,11,.25));margin-bottom:20px}
.om-urgent-in{border-radius:16px;background:linear-gradient(160deg,rgba(28,16,30,.9),rgba(18,12,28,.92));padding:18px}
.om-urgent-h{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:14px}
.om-urgent-h .om-pulse{width:10px;height:10px;border-radius:50%;background:#f87171;box-shadow:0 0 10px #f87171;animation:dpPulse 1.6s ease-in-out infinite}

/* modal brief */
.om-scrim{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,7,22,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.om-scrim.show{display:flex;animation:fade .25s var(--ease)}
.om-modal{width:100%;max-width:680px;max-height:90vh;overflow:auto;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(170deg,rgba(18,34,78,.96),rgba(10,20,52,.98));box-shadow:0 50px 110px -30px rgba(2,6,28,.9)}
.om-modal-h{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(12,23,54,.96);z-index:2}
.om-modal-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(96,165,250,.14);border:1px solid var(--line2);flex-shrink:0}
.om-modal-h h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.2rem;color:#fff}
.om-modal-h .om-mh-sub{font-size:.8rem;color:var(--dim);margin-top:3px}
.om-modal-x{margin-left:auto;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--line2);color:var(--mid);flex-shrink:0}
.om-modal-x svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4}
.om-modal-b{padding:22px 24px}
.om-modal-f{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--line);position:sticky;bottom:0;background:rgba(12,23,54,.96)}
.om-modal-f .btn{flex:1;min-width:160px}
body.theme-light .om-modal{background:#fff}
body.theme-light .om-modal-h,body.theme-light .om-modal-f{background:#fff}
body.theme-light .om-modal-h h3{color:#0d1f5c}

/* compat breakdown */
.om-cb{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.om-cb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.84rem;color:var(--mid)}
.om-cb-row .om-cb-bar{flex:1;max-width:200px}
.om-cb-final{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}
.om-cb-final .om-cb-n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.8rem;color:#4ade80}
.om-cb-final.mid{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)} .om-cb-final.mid .om-cb-n{color:var(--gold)}

/* certifications */
.om-cert{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.om-cert-c{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line2);background:var(--glass)}
.om-cert-c.lock{opacity:.6}
.om-cert-e{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(245,158,11,.14);border:1px solid var(--line2);flex-shrink:0}
.om-cert-b h4{font-size:.86rem;font-weight:700;color:#fff}
.om-cert-b .om-lvl{font-size:.74rem;font-weight:700;color:var(--gold);margin-top:2px}
.om-cert-b .om-lvl.locked{color:var(--mid)}
body.theme-light .om-cert-c{background:#fff} body.theme-light .om-cert-b h4{color:#0d1f5c}

/* formation box */
.om-formation{margin-top:12px;padding:14px 16px;border-radius:13px;background:rgba(168,130,255,.1);border:1px solid rgba(168,130,255,.3)}
.om-formation h4{font-size:.88rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;margin-bottom:9px}
.om-formation .om-form-acts{display:flex;flex-wrap:wrap;gap:8px}
body.theme-light .om-formation h4{color:#0d1f5c}

/* ===== v2 — filtres premium, carte, workflow ===== */
.om-tabs{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:18px}
.om-tab{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:15px;border:1px solid var(--line2);background:linear-gradient(160deg,rgba(18,34,78,.5),rgba(10,20,52,.55));cursor:pointer;transition:.22s var(--ease)}
.om-tab:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.45);box-shadow:0 0 24px -10px rgba(37,99,235,.6)}
.om-tab .om-tab-e{font-size:1.2rem}
.om-tab .om-tab-l{font-size:.86rem;font-weight:700;color:var(--txt)}
.om-tab .om-tab-c{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.78rem;color:var(--mid);background:rgba(255,255,255,.08);padding:2px 9px;border-radius:50px;min-width:24px;text-align:center}
.om-tab.active{border-color:transparent;background:linear-gradient(135deg,var(--blue),#1e4cc4);box-shadow:0 14px 30px -12px rgba(37,99,235,.85)}
.om-tab.active .om-tab-l,.om-tab.active .om-tab-c{color:#fff}
.om-tab.active .om-tab-c{background:rgba(255,255,255,.22)}
.om-tab.urgent.active{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 14px 30px -12px rgba(248,113,113,.85)}
body.theme-light .om-tab{background:#fff}

/* carte — plus d'air */
.om-view .mc-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px}
.om-view .mcard-b{padding:20px 20px 18px}
.om-view .mcard-h{margin-bottom:15px}
.om-prio{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;padding:4px 11px;border-radius:50px}
.om-prio.haute{background:rgba(248,113,113,.16);color:#fca5a5} .om-prio.moyenne{background:rgba(245,158,11,.16);color:var(--gold)} .om-prio.basse{background:rgba(34,197,94,.16);color:#4ade80}

/* compatibilité premium (barre) */
.om-co{margin:14px 0}
.om-co-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.om-co-top .om-co-l{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)}
.om-co-top .om-co-v{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.15rem}
.om-co-bar{height:9px;border-radius:50px;background:rgba(255,255,255,.08);overflow:hidden}
.om-co-bar i{display:block;height:100%;border-radius:50px;transition:width .9s var(--ease)}
.om-co.hi .om-co-v{color:#4ade80} .om-co.hi .om-co-bar i{background:linear-gradient(90deg,#16a34a,#4ade80)}
.om-co.mid .om-co-v{color:var(--gold)} .om-co.mid .om-co-bar i{background:linear-gradient(90deg,#d97706,#fbbf24)}
.om-co.lo .om-co-v{color:#fca5a5} .om-co.lo .om-co-bar i{background:linear-gradient(90deg,#dc2626,#f87171)}

/* mission en bref */
.om-brief-row{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:14px 0;padding:13px 15px;border-radius:13px;background:rgba(8,16,40,.4);border:1px solid var(--line)}
.om-brief-row .ob-i{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--mid)}
.om-brief-row .ob-i svg{width:14px;height:14px;stroke:var(--blue-l);fill:none;stroke-width:2;flex-shrink:0}
.om-brief-row .ob-i b{color:var(--txt)}
body.theme-light .om-brief-row{background:#f5f8ff;border-color:rgba(13,31,92,.1)}

/* boutons d'action carte */
.om-card-acts{display:flex;gap:10px;margin-top:16px}
.om-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.84rem;transition:transform .2s,box-shadow .2s;cursor:pointer}
.om-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2}
.om-btn.see{background:var(--glass);border:1px solid var(--line2);color:var(--txt)}
.om-btn.see:hover{border-color:var(--blue-l);background:rgba(96,165,250,.1)}
.om-btn.take{background:linear-gradient(160deg,var(--blue),#1e4cc4);color:#fff;box-shadow:0 10px 24px -10px rgba(37,99,235,.8)}
.om-btn.take:hover{transform:translateY(-2px)}
.om-btn.locked{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);color:#fca5a5;cursor:default}
.om-btn.pending{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.32);color:var(--gold);cursor:default}
.om-btn.done{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.32);color:#4ade80;cursor:default}

/* workflow brief */
.om-conf{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border-radius:14px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.32);margin-bottom:16px}
.om-conf.ok{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.32)}
.om-conf .oc-ic{font-size:1.4rem}
.om-conf h4{font-size:.92rem;font-weight:700;color:#fff} .om-conf p{font-size:.82rem;color:var(--mid);margin-top:2px}
.om-statusflow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.om-sf{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:50px;background:rgba(255,255,255,.06);color:var(--dim);border:1px solid var(--line)}
.om-sf.done{background:rgba(34,197,94,.14);color:#4ade80;border-color:transparent}
.om-sf.cur{background:linear-gradient(120deg,var(--blue),#1e4cc4);color:#fff;border-color:transparent}
.om-recap{border:1px solid var(--line2);border-radius:14px;overflow:hidden;margin:14px 0}
.om-recap-h{padding:11px 15px;background:rgba(37,99,235,.12);font-size:.8rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}
.om-recap-b{padding:6px 15px}
.om-recap-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--mid)}
.om-recap-row:last-child{border-bottom:0}.om-recap-row b{color:var(--txt);text-align:right}
.om-check{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:13px;background:rgba(37,99,235,.07);border:1px solid var(--line2);cursor:pointer;margin:14px 0}
.om-check.on{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.35)}
.om-check .ock-box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s;margin-top:1px}
.om-check .ock-box svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:3;opacity:0}
.om-check.on .ock-box{background:var(--green);border-color:var(--green)} .om-check.on .ock-box svg{opacity:1}
.om-check p{font-size:.84rem;color:var(--txt);line-height:1.5}
.om-quality{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:13px;background:rgba(168,130,255,.1);border:1px solid rgba(168,130,255,.3);margin-top:14px}
.om-quality svg{width:17px;height:17px;stroke:var(--violet);fill:none;stroke-width:2;flex-shrink:0;margin-top:1px}
.om-quality p{font-size:.78rem;color:var(--mid);line-height:1.5}
body.theme-light .om-conf h4,body.theme-light .om-recap-h,body.theme-light .om-recap-row b,body.theme-light .om-check p{color:#0d1f5c}
@media(max-width:560px){.om-view .mc-grid{grid-template-columns:1fr}.om-brief-row{grid-template-columns:1fr}.om-card-acts{flex-direction:column}}