:root{--navy: #0b1020;--surface: #12172c;--surface-2: #171d34;--border: #262c48;--border-strong: #363d5e;--text: #eaedf7;--muted: #8a90ad;--accent: #5b8def;--accent-strong: #86aaf5;--violet: #9b7bff;--red: #ef6f5b;--orange: #e8a339;--green: #4ade9a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--navy);color:var(--text);-webkit-tap-highlight-color:transparent}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-main{flex:1;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.navbar{display:flex;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;text-decoration:none;color:var(--muted);font-size:11px;min-height:44px}.nav-item.active{color:var(--accent-strong);font-weight:600}.nav-icon{display:flex}@media(min-width:900px){.app-shell{flex-direction:row}.navbar{order:-1;flex-direction:column;width:96px;border-top:none;border-right:1px solid var(--border);padding-bottom:0;padding-top:24px;gap:4px}.nav-item{flex:none;padding:12px 0}.app-main{max-width:720px;margin:0 auto;padding:32px 24px calc(32px + env(safe-area-inset-bottom));width:100%}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h1{margin:0;font-size:22px;font-weight:600}.page-loading,.page-error{padding:40px 16px;text-align:center;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:12px}.card h2{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card ul{margin:0;padding-left:18px}.statut-badge{color:var(--navy);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.icon-row{display:inline-flex;align-items:center;gap:6px}.cockpit-greeting{margin-bottom:4px;text-align:center}.cockpit-greeting .cockpit-date{font-size:14px;font-weight:400;color:var(--muted);display:block;margin-top:2px}.myra-orb-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 18px}.myra-orb-label{font-size:14px;font-weight:500;color:var(--text)}.myra-orb .orb-outer{fill:var(--surface-2);stroke:none}.myra-orb .orb-ring{fill:none;stroke:var(--border-strong);stroke-width:1}.myra-orb .orb-mid{fill:var(--surface);stroke:var(--accent);stroke-width:1.4;opacity:.75}.myra-orb .orb-core{fill:var(--accent)}.myra-orb--reflexion .orb-mid{stroke:var(--violet)}.myra-orb--reflexion .orb-core{fill:var(--violet);animation:orb-pulse 2.4s ease-in-out infinite}.myra-orb--synchronisation .orb-ring{stroke:var(--accent);stroke-width:1.6;stroke-dasharray:40 224;animation:orb-rotate 3.6s linear infinite;transform-origin:50px 50px}.myra-orb--alerte .orb-mid{stroke:var(--red)}.myra-orb--alerte .orb-core{fill:var(--red);animation:orb-pulse 1.5s ease-in-out infinite}.myra-orb--erreur .orb-mid{stroke:var(--muted);opacity:.5}.myra-orb--erreur .orb-core{fill:var(--muted)}.myra-orb--erreur .orb-ring{stroke-dasharray:6 4}@keyframes orb-pulse{0%,to{opacity:1;r:9}50%{opacity:.65;r:10.5}}@keyframes orb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.myra-orb *{animation:none!important}}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}.status-pill.ok{background:#4ade9a1f;color:var(--green)}.status-pill.attention{background:#e8a33924;color:var(--orange)}.status-pill.degrade{background:#ef6f5b24;color:var(--red)}.signal-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:14px;padding:14px 16px;margin-bottom:18px}.signal-card.signal-alerte{border-left-color:var(--red)}.signal-card.signal-neutre{border-left-color:var(--border-strong)}.signal-card .signal-eyebrow{margin:0 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.signal-card .signal-text{margin:0 0 10px;font-size:15px;line-height:1.45;color:var(--text)}.signal-card .signal-why{background:none;border:none;padding:0;color:var(--accent-strong);font-size:13px;font-weight:500;cursor:pointer}.signal-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.signal-detail dt{font-weight:600;color:var(--text);margin-top:8px}.signal-detail dt:first-child{margin-top:0}.signal-detail dd{margin:2px 0 0}.summary-card-wide{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;overflow:hidden}.summary-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-right:1px solid var(--border)}.summary-col:last-child{border-right:none}.summary-col .summary-icon{color:var(--accent-strong)}.summary-col .summary-value{font-size:24px;font-weight:600;line-height:1.15}.summary-col .summary-label{font-size:12px;color:var(--muted)}.all-clear-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:36px 24px;text-align:center;margin-bottom:20px}.all-clear-card .all-clear-icon{color:var(--green);display:flex;justify-content:center;margin-bottom:8px}.all-clear-card h2{margin:10px 0 6px;font-size:16px;color:var(--text);font-weight:600}.all-clear-card p{margin:0;color:var(--muted);font-size:14px}.cockpit-section{margin-bottom:24px}.section-title,.cockpit-section .section-title{margin:20px 0 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;gap:6px}.section-title:first-child{margin-top:0}.section-title .section-icon{color:var(--red)}.action-card,.incident-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:10px}.action-card .action-kind{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:0 0 6px}.action-card h3,.incident-card h3{margin:0;font-size:16px;font-weight:600}.action-card .action-sub,.incident-card .incident-sub{margin:0 0 8px;color:var(--muted);font-size:13px}.action-card .action-preview{margin:0 0 14px;color:var(--text);font-size:14px;line-height:1.4}.incident-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.incident-title-row h3{display:flex;align-items:center;gap:6px}.incident-title-row .incident-icon{color:var(--orange)}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.validation-list{list-style:none;margin:0;padding:0}.validation-item{cursor:pointer}.validation-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.quote-block{background:var(--surface-2);border-radius:8px;padding:10px 12px;margin:10px 0}textarea{width:100%;margin-top:6px;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:15px}.escalade-questions{margin:6px 0 8px;padding-left:18px}.escalade-questions li{font-weight:600;margin-bottom:2px}.escalade-detail{white-space:pre-wrap;font-size:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);color:var(--muted)}.quote-block.escalation{background:#e8a3391a;border:1px solid var(--orange)}.quote-block.escalation strong{color:var(--orange);display:flex;align-items:center;gap:6px}.actions-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.history-list{list-style:none;padding:0;margin:0;font-size:13px}.history-list li{padding:4px 0;border-bottom:1px solid var(--border)}button{background:var(--accent);color:var(--navy);border:none;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px}button:disabled{opacity:.5}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.link-button{background:none;color:var(--accent-strong);padding:0;margin-bottom:8px;min-height:auto;font-weight:500}.login-page{display:flex;align-items:center;justify-content:center;height:100dvh;padding:16px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 24px;width:100%;max-width:340px;text-align:center}.login-card h1{display:none}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:4px}.login-card input{padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:16px}.error-text{color:var(--red);font-size:13px}.success-text{color:var(--green);font-weight:600}.muted{color:var(--muted)}.chat-log{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.chat-msg{padding:10px 14px;border-radius:14px;max-width:85%;white-space:pre-wrap}.chat-user{align-self:flex-end;background:var(--accent);color:var(--navy);font-weight:500}.chat-assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.chat-tool{align-self:flex-start;background:transparent;color:var(--muted);font-size:12px;font-style:italic;padding:0 14px}.chat-input{position:sticky;bottom:0;display:flex;gap:8px;padding:8px 0;background:var(--navy)}.chat-input input{flex:1;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px}.conv-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.conv-item{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:8px 12px;min-height:44px;font-size:12px;font-weight:500;display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap;flex-shrink:0}.conv-item .conv-titre{color:var(--text);font-size:13px}.conv-item .conv-meta{color:var(--muted);font-size:11px}.conv-item.active{border-color:var(--accent)}.conv-item.conv-new{color:var(--accent-strong);justify-content:center}.conv-item-wrap{position:relative;flex:0 0 auto;display:flex}.conv-item-wrap .conv-item{padding-right:26px}.conv-menu-trigger{position:absolute;top:3px;right:3px;width:20px;height:20px;z-index:21;min-height:0;min-width:0;padding:0;border:none;background:transparent;color:var(--muted);border-radius:6px;display:flex;align-items:center;justify-content:center}.conv-menu-trigger:hover,.conv-menu-trigger:focus-visible{background:var(--surface-2);color:var(--text)}.conv-menu-trigger:disabled{opacity:.4}.conv-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent;border:none;padding:0}.conv-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #00000040;z-index:20;min-width:200px;overflow:hidden}.conv-menu-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:13px;font-weight:500;background:none;border:none;color:var(--text)}.conv-menu-item:hover:not(:disabled){background:var(--surface-2)}.conv-menu-item:disabled{opacity:.6}.conv-menu-item.conv-menu-danger{color:var(--red)}.mic-button{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:10px;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mic-button.mic-listening{background:var(--accent);color:var(--navy);border-color:var(--accent);animation:mic-pulse 1.6s ease-in-out infinite}.mic-button.mic-transcription{color:var(--violet);border-color:var(--violet)}.mic-button.mic-pret{color:var(--green);border-color:var(--green)}.mic-button.mic-erreur{color:var(--red);border-color:var(--red)}.mic-button.mic-indisponible{opacity:.4;cursor:not-allowed}.mic-cancel{flex-shrink:0}.mic-error{margin:0 0 8px}.mic-unavailable-note{color:var(--muted)}@keyframes mic-pulse{0%,to{box-shadow:0 0 #5b8def59}50%{box-shadow:0 0 0 8px #5b8def00}}@media(prefers-reduced-motion:reduce){.mic-button{animation:none!important}}.stars{display:inline-flex;gap:2px}.stars .star{width:16px;height:16px}.stars .star--on{color:var(--orange);fill:var(--orange)}.stars .star--off{color:var(--border-strong)}.callout{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:10px 0;font-size:13px}.callout--danger{border-color:var(--red)}.callout--danger .callout__icon{color:var(--red)}.callout__icon{flex-shrink:0;margin-top:1px}
