/**
 * NevAgent Projet — style.css
 * Marexsoft Corporation
 * Auteur : Kouassi Marius
 */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;height:100dvh;overflow:hidden}
body{font-family:'Outfit',sans-serif;overscroll-behavior:none}
:root{--color-brand:#3B82F6;--color-brand-light:#60A5FA;--color-brand-rgb:59,130,246}
.dark ::-webkit-scrollbar{width:4px;height:4px}
.dark ::-webkit-scrollbar-track{background:transparent}
.dark ::-webkit-scrollbar-thumb{background:#353940;border-radius:4px}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}

.md-body h1,.md-body h2,.md-body h3{font-weight:600;margin:.8em 0 .4em}
.md-body h1{font-size:1.3em}.md-body h2{font-size:1.1em}
.md-body code:not(pre code){background:rgba(var(--color-brand-rgb),.15);color:var(--color-brand);padding:1px 6px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:.85em}
.md-body pre{background:#0d1117!important;border-radius:8px;overflow:hidden;margin:.6em 0}
.md-body ul,.md-body ol{padding-left:1.4em;margin:.4em 0}
.md-body li{margin:.2em 0}.md-body p{margin:.4em 0}
.md-body a{color:var(--color-brand);text-decoration:underline}
.md-body blockquote{border-left:3px solid var(--color-brand);padding-left:.8em;color:#8b9099;margin:.4em 0}
.md-body table{border-collapse:collapse;width:100%;font-size:.9em;margin:.6em 0;display:block;overflow-x:auto}
.md-body th,.md-body td{border:1px solid #2a2d33;padding:.4em .7em;text-align:left}
.md-body th{background:#1c1f24}
.code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#161b22;border-bottom:1px solid #30363d}
.code-lang{font-size:.72em;color:#8b9099;font-family:'JetBrains Mono',monospace;text-transform:uppercase}
.copy-btn{font-size:.72em;color:var(--color-brand);cursor:pointer;background:0;border:0;padding:2px 8px;border-radius:4px;transition:.15s}
.copy-btn:hover{background:rgba(79,142,247,.15)}
pre code{font-size:.82em!important;overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}

.msg-row{animation:fadeUp .22s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.typing-dot{animation:blink 1.2s infinite}
.typing-dot:nth-child(2){animation-delay:.2s}
.typing-dot:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .4s ease both}
@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.scale-in{animation:scaleIn .25s ease both}

#toast{transition:opacity .25s,transform .25s;transform:translateY(0)}
#toast.hidden{opacity:0;transform:translateY(8px);pointer-events:none}

#view-home{display:flex;flex-direction:column;flex:1;overflow:hidden}
#view-home.hidden{display:none!important}
#view-workspace{display:none;flex-direction:column;flex:1;overflow:hidden}
#view-workspace.active{display:flex!important}

#file-sidebar{transition:transform .28s cubic-bezier(.4,0,.2,1);will-change:transform}
@media(max-width:767px){
  #file-sidebar{position:fixed;top:0;left:0;z-index:40;height:100dvh;transform:translateX(-100%)}
  #file-sidebar.open{transform:translateX(0)}
  #sidebar-overlay{display:block}
}
@media(min-width:768px){
  #file-sidebar{position:relative;transform:none!important}
  #sidebar-overlay{display:none!important}
}
#sidebar-overlay{display:none;position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}

#preview-panel{transition:all .2s ease}

#proj-wizard{transition:opacity .2s,visibility .2s}
#proj-wizard.hidden{opacity:0;visibility:hidden;pointer-events:none}
#proj-wizard:not(.hidden){opacity:1;visibility:visible}

.type-btn{transition:all .18s;border:2px solid transparent}
.type-btn.selected{border-color:var(--color-brand);background:rgba(var(--color-brand-rgb),.1)}
.type-btn:hover:not(.selected){border-color:rgba(var(--color-brand-rgb),.4)}

:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
input,select,textarea{font-size:16px}
@media(min-width:768px){input,select,textarea{font-size:inherit}}

button{transition:all .2s cubic-bezier(.4,0,.2,1)}
button:hover:not(:disabled){filter:brightness(1.05)}
button:active:not(:disabled){transform:scale(.97);filter:brightness(.98)}

#btn-new-project{box-shadow:0 0 40px rgba(var(--color-brand-rgb),.3)}
#btn-new-project:hover{box-shadow:0 0 60px rgba(var(--color-brand-rgb),.5);transform:translateY(-2px) scale(1.02)}

@keyframes guardFlash{0%{background:rgba(251,146,60,.15)}100%{background:transparent}}
.intent-guard{animation:guardFlash 2s ease}

.file-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .12s;font-size:.78rem}
.file-item:hover{background:rgba(var(--color-brand-rgb),.08)}
.file-item.active{background:rgba(var(--color-brand-rgb),.15);color:var(--color-brand)}

#mode-alert{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(251,146,60,.3);background:rgba(251,146,60,.08);font-size:.75rem;color:#fb923c}

#resize-handle{width:4px;cursor:col-resize;background:transparent;transition:background .15s;flex-shrink:0}
#resize-handle:hover{background:rgba(var(--color-brand-rgb),.4)}
#color-picker-popup button{transition:all .15s cubic-bezier(.4,0,.2,1)}
#color-picker-popup button:hover{transform:scale(1.15);box-shadow:0 0 12px rgba(0,0,0,.3)}
@keyframes typeChar{from{opacity:0}to{opacity:1}}
.stream-char{animation:typeChar .03s ease both}
#greeting-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;line-height:1.2}

/* © Marexsoft Corporation — Kouassi Marius */