.ops-page{--ops-mint:#7dffb3;--ops-cyan:#5fe3ff;--ops-gold:#e8c47d;--ops-ink:#f4e9d8;background-color:#07141c;color:var(--ops-ink)}
.ops-page [hidden]{display:none!important}.ops-page *{box-sizing:border-box}.ops-wrap{width:min(1240px,calc(100% - 48px));margin:30px auto 42px}.ops-page button,.ops-page input,.ops-page select,.ops-page textarea{font-family:Inter,system-ui,sans-serif}.ops-page button{cursor:pointer}.ops-page button:disabled{cursor:wait;opacity:.6}.ops-page button:focus-visible,.ops-page a:focus-visible,.ops-page input:focus-visible,.ops-page select:focus-visible,.ops-page textarea:focus-visible{outline:2px solid var(--ops-cyan);outline-offset:3px}
.ops-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:34px;border:1px solid #c5a26188;border-radius:7px;background:#0a1d27;box-shadow:inset 0 0 0 4px #071018,inset 0 0 0 5px #c8a76533,0 16px 40px #0005}.ops-hero:before{content:"";position:absolute;inset:5px;z-index:-1;background:radial-gradient(ellipse at 10% 80%,#248c6755,transparent 60%),radial-gradient(ellipse at 90% 20%,#246b9644,transparent 55%),linear-gradient(110deg,#0a1a22,#0c2630);background-size:180% 200%,180% 200%,220% 100%;animation:ops-aurora 17s ease-in-out infinite alternate}.ops-hero h1{font:650 clamp(27px,3.1vw,42px)/1.3 Cinzel,Georgia,serif!important;margin:12px 0 13px;color:var(--ops-gold)}.ops-hero p{color:#b9cccd;font:400 13px/1.8 Inter,sans-serif;max-width:670px;margin:0}.ops-identity{flex:none;display:flex;align-items:center;gap:13px;padding:15px 18px;background:#06141ec4;border:1px solid #6cd6b548;border-radius:6px}.ops-identity strong,.ops-identity span{display:block}.ops-identity strong{font:800 16px/1.5 Nunito,sans-serif;color:#e6efde}.ops-identity #ops-grade{font:600 11px/1.6 Inter,sans-serif;color:var(--ops-mint)}.ops-light{width:8px;height:8px;background:var(--ops-mint);border-radius:50%;box-shadow:0 0 13px #7dffb388;animation:ops-pulse 3s ease-in-out infinite}
.ops-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.ops-summary>div{padding:17px 20px;border:1px solid #88d5c329;border-radius:6px;background:linear-gradient(130deg,#112d32,#0c1925);box-shadow:inset 0 1px #fff1}.ops-summary span{display:block;color:#afc9c9;font:500 10px/1.6 Inter,sans-serif}.ops-summary strong{display:block;margin-top:4px;font:800 29px/1.3 Nunito,sans-serif;color:#e8d49d}
.ops-toolbar,.ops-section-head,.ops-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-actions{justify-content:flex-start;flex-wrap:wrap}.ops-toolbar{padding:16px 0 22px;border-bottom:1px solid #c7aa672e;margin-bottom:23px}.ops-tabs{display:flex;gap:7px;flex-wrap:wrap}.ops-tabs button,.ops-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #82dbbd50;border-radius:5px;padding:10px 15px;background:linear-gradient(130deg,#17473b,#10303c);color:#e9f4e6;text-decoration:none;font:700 11px/1.4 Inter,sans-serif;box-shadow:inset 0 1px #fff1;transition:border-color .2s,box-shadow .2s,transform .2s}.ops-tabs button{background:#0e1b26;color:#b5c8ca;border-color:#c6a76540}.ops-tabs button[aria-pressed=true]{color:#d3ffe4;border-color:#7dffb3a6;background:linear-gradient(120deg,#164d3c,#113140);box-shadow:inset 0 -2px #7dffb3,0 0 18px #5fe3ff15}.ops-button.secondary{background:#10202b;color:#c2d6d7;border-color:#bdd5c83d}.ops-tabs button:hover,.ops-button:hover{border-color:#e9d28f;transform:translateY(-2px);box-shadow:0 0 18px #7dffb324}.ops-muted,.ops-footnote{font:400 11px/1.8 Inter,sans-serif;color:#93adb6}.ops-page .eyebrow{font:700 9px/1.6 Inter,sans-serif;letter-spacing:.16em;color:#d5b570}.ops-section-head{margin:0 0 20px}.ops-page h2{font:800 23px/1.4 Nunito,sans-serif!important;color:#f0e1bd;margin:7px 0 0}.ops-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:18px 0 23px}.ops-page label{display:grid;gap:7px;font:600 11px/1.6 Inter,sans-serif;color:#bbd0ce}.ops-filters>label:first-child{flex:1;min-width:220px}.ops-page input:not([type=checkbox]),.ops-page select,.ops-page textarea{width:100%;min-height:41px;border:1px solid #8cd2bd3a;border-radius:5px;background:#091720;color:#e5e9dc;padding:10px 12px;font-size:12px;color-scheme:dark}.ops-page textarea{resize:vertical}.ops-page .ops-check{display:flex;align-items:center;gap:9px;padding-bottom:10px}.ops-check input{accent-color:#7dffb3}
.ops-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.ops-lane{padding:14px;border:1px solid #bda46b35;background:#081620ba;border-radius:7px;min-width:0}.ops-lane>h3{display:flex;gap:9px;align-items:center;font:800 12px/1.5 Nunito,sans-serif;color:#e6e0ca;margin:0 0 15px;padding:3px 3px 14px;border-bottom:1px solid #c4b17d2b}.ops-lane>h3 i{width:6px;height:6px;transform:rotate(45deg);background:#d7ba77}.ops-lane:nth-child(2)>h3 i{background:#5fe3ff;box-shadow:0 0 12px #5fe3ff55}.ops-lane:nth-child(3)>h3 i{background:#7dffb3}.ops-lane>h3>span{margin-left:auto;color:#819fa7;font-size:11px}
.ops-card{--card-accent:#7dffb3;position:relative;overflow:hidden;margin:0 0 12px;padding:18px;border:1px solid #c4a26866;border-radius:5px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--card-accent) 11%,transparent),transparent 60%),#0e1e2b;box-shadow:inset 0 0 0 3px #071019,0 7px 17px #0003;animation:ops-arrive .4s ease-out both;transition:border-color .25s,box-shadow .25s}.ops-card:last-child{margin-bottom:0}.ops-card:before{content:"";position:absolute;inset:5px;border:1px solid #c4a26822;pointer-events:none}.ops-card:hover{border-color:#e5c681;box-shadow:inset 0 0 0 3px #071019,0 0 22px color-mix(in srgb,var(--card-accent) 13%,transparent)}.ops-card h3{font:800 17px/1.5 Nunito,sans-serif;color:#efe4c6;margin:11px 0 8px;overflow-wrap:anywhere}.ops-copy{font:400 12px/1.8 Inter,sans-serif;color:#b6cacc;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px}.ops-meta{font:400 10px/1.7 Inter,sans-serif;color:#89a8b2;margin:12px 0}.ops-badge{display:inline-flex;gap:6px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent);border-radius:4px;color:var(--card-accent);background:#07151d80;font:700 9px/1.5 Inter,sans-serif}.ops-priority{color:#ffd28a;border-color:#e6a64b66}.ops-badges{display:flex;gap:6px;flex-wrap:wrap}.ops-card-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:13px;border-top:1px solid #bad1c41a}.ops-card-actions button{background:#091822;border:1px solid #8ebcb839;color:#c7dbda;font:600 10px/1.4 Inter,sans-serif;padding:7px 9px;border-radius:4px;min-height:32px}.ops-card-actions button:hover{border-color:#e2c47e;color:#f3e5c7}.ops-card-actions select{font-size:10px;min-height:32px;padding:6px;max-width:130px}.ops-empty{font:400 12px/1.8 Inter,sans-serif;color:#82a0aa;padding:18px 4px}.ops-feed{display:grid;gap:16px}.ops-feed .ops-card{margin:0;padding:23px}.ops-date{display:block;margin:6px 0 10px;color:#d8e5d7;font:700 15px/1.7 Nunito,sans-serif}.ops-feed .ops-card h3{font-size:21px}.ops-view{animation:ops-arrive .4s ease-out}.ops-notice{font:600 12px/1.8 Inter,sans-serif;white-space:pre-wrap;margin:15px 0;color:#9de7c6}.ops-notice:empty{display:none}.ops-notice.is-error{color:#ffb5a6}.ops-gate{padding:30px;margin-top:22px;background:#10232c;border:1px solid #c7a66555;border-radius:6px}.ops-gate p{font:400 13px/1.8 Inter,sans-serif;color:#adc7ca}.ops-footnote{margin-top:20px}
.ops-page dialog{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;background:#0c1c28;color:#eee6cf;border:1px solid #cbaa68;border-radius:7px;padding:27px;box-shadow:0 20px 90px #000b;color-scheme:dark}.ops-page dialog::backdrop{background:#020b13d9;backdrop-filter:blur(5px)}.ops-page dialog label{margin:15px 0}.ops-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ops-page dialog h2{font-size:22px!important;margin:0}.ops-close{background:transparent;border:1px solid #bad2c338;color:#d8decf;width:34px;height:34px;border-radius:5px;font-size:22px}.ops-form-actions{justify-content:flex-end;margin-top:23px}.ops-page footer{margin-top:40px}
@keyframes ops-aurora{from{background-position:0% 40%,100% 0%,0% 50%}to{background-position:100% 0%,0% 100%,100% 50%}}@keyframes ops-pulse{50%{box-shadow:0 0 22px #7dffb3bb;opacity:.65}}@keyframes ops-arrive{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.ops-hero{align-items:flex-start;flex-direction:column}.ops-kanban{gap:10px}.ops-card{padding:14px}.ops-toolbar{align-items:flex-start;flex-wrap:wrap}}@media(max-width:760px){.ops-wrap{width:calc(100% - 32px);margin-top:22px}.ops-hero{padding:25px}.ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-kanban{grid-template-columns:1fr}.ops-section-head{align-items:flex-start;flex-direction:column;gap:15px}.ops-page dialog .ops-section-head{flex-direction:row}.ops-filters{align-items:stretch;flex-direction:column}.ops-filters>label:first-child{min-width:0}.ops-page .ops-check{padding:4px 0}.ops-form-grid{grid-template-columns:1fr;gap:0}.ops-page dialog{padding:22px}.ops-summary>div{padding:15px}.ops-summary span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ops-page *, .ops-page *:before,.ops-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ops-page .ops-view{padding:0}.ops-page .ops-hero{min-height:0}.ops-page .ops-lane{margin:0}.ops-page .ops-gate h2{margin:0}.ops-page .ops-card-actions button:disabled{opacity:.5}
/* Présence du staff, intégrée au bandeau du quartier général. */
.ops-page .ops-hero{flex-wrap:wrap}.ops-page .ops-hero>div:first-child{flex:1;min-width:220px}.ops-page .ops-hero .ops-presence{flex:0 0 100%;width:100%;padding:20px 0 0;margin:0;border:0;border-top:1px solid #cbaa6840;background:none;position:relative;z-index:1}.ops-presence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}.ops-page .ops-presence-heading h2{display:flex;align-items:center;gap:10px;font:800 15px/1.5 Nunito,Inter,sans-serif!important;color:#e8d7aa;margin:0}.ops-presence-heading p{font:400 10px/1.7 Inter,sans-serif;margin:0;color:#9cb8bc}.ops-presence-count{min-width:24px;text-align:center;padding:1px 7px;border:1px solid #7dffb345;border-radius:4px;color:#a6ebc6;background:#0b241f;font-size:11px}.ops-presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.ops-presence-member{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:5px;align-items:center;padding:13px;border:1px solid #96bcb32b;border-radius:5px;background:linear-gradient(135deg,#0b1c29e6,#07141ee6);box-shadow:inset 0 1px #fff1;transition:border-color .25s,box-shadow .25s;min-width:0}.ops-presence-member.is-online{border-color:#7dffb34a;box-shadow:inset 2px 0 #7dffb38c,0 0 16px #7dffb309}.ops-presence-member:hover{border-color:var(--presence-color);box-shadow:0 0 16px color-mix(in srgb,var(--presence-color) 15%,transparent)}.ops-presence-avatar{grid-row:1/3;position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--presence-color) 60%,transparent);border-radius:5px;background:color-mix(in srgb,var(--presence-color) 10%,#0a1a24);color:var(--presence-color);font:800 13px/1 Nunito,sans-serif;overflow:hidden;box-shadow:0 3px 9px #0006}.ops-presence-avatar img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.ops-presence-info{min-width:0}.ops-presence-info strong{display:block;color:#e3e9dc;font:800 13px/1.4 Nunito,sans-serif;overflow-wrap:anywhere}.ops-presence-grade{display:block;color:var(--presence-color);font:600 10px/1.6 Inter,sans-serif}.ops-presence-state{display:flex;align-items:center;gap:6px;color:#8ca6ae;font:500 9px/1.6 Inter,sans-serif}.ops-presence-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#617b85;flex:none}.is-online .ops-presence-state{color:#99deb9}.is-online .ops-presence-state:before{background:#7dffb3;box-shadow:0 0 9px #7dffb388;animation:ops-pulse 3s ease-in-out infinite}.ops-page #presence-error{max-width:none;margin:0 0 10px}.ops-page #presence-error:empty{display:none}@media(max-width:760px){.ops-presence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-page .ops-hero>div:first-child{min-width:0}.ops-presence-member{grid-template-columns:34px minmax(0,1fr);gap:7px;padding:10px}.ops-presence-avatar{width:34px;height:34px}.ops-presence-info strong{font-size:12px}}@media(max-width:440px){.ops-presence-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ops-presence-state:before{animation:none!important}}