/* Atelier — formulaires, pot de miel, chat, terminal, filigrane.
   Complète os.css : mêmes rayons, mêmes polices, même accent or. */

:root{
  --atl-fond:#14120f;
  --atl-fond-2:#1b1813;
  --atl-champ:#1e1a15;
  --atl-trait:#3a332a;
  --atl-trait-fort:#5a4d3c;
  --atl-texte:#efe9dd;
  --atl-texte-doux:#b9b0a0;
  --atl-or:#E8B86A;
  --atl-or-clair:#f3d49b;
  --atl-err:#e08a7a;
  --atl-ok:#9fd39a;
  --atl-rayon:12px;
  --atl-rayon-petit:8px;
  --atl-ui:var(--ui,'Inter',system-ui,-apple-system,'Segoe UI',sans-serif);
  --atl-serif:var(--serif,'Instrument Serif',Georgia,serif);
  --atl-mono:var(--mono,'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace);
}

/* Barres de défilement fines */
.atl-form,.atl-chat,.atl-term,.atl-defile{scrollbar-width:thin;scrollbar-color:var(--atl-trait-fort) transparent}
.atl-form::-webkit-scrollbar,.atl-chat::-webkit-scrollbar,.atl-term::-webkit-scrollbar,.atl-defile::-webkit-scrollbar{width:6px;height:6px}
.atl-form::-webkit-scrollbar-thumb,.atl-chat::-webkit-scrollbar-thumb,.atl-term::-webkit-scrollbar-thumb,.atl-defile::-webkit-scrollbar-thumb{background:var(--atl-trait-fort);border-radius:999px}
.atl-form::-webkit-scrollbar-track,.atl-chat::-webkit-scrollbar-track,.atl-term::-webkit-scrollbar-track,.atl-defile::-webkit-scrollbar-track{background:transparent}

/* ---------- Formulaires ---------- */
.atl-form{display:flex;flex-direction:column;gap:14px;max-width:560px;font-family:var(--atl-ui);color:var(--atl-texte)}
.atl-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.atl-form legend{font:500 10px/1 var(--atl-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--atl-texte-doux);margin-bottom:2px}
.atl-champ{display:flex;flex-direction:column;gap:6px}
.atl-champ--ligne{flex-direction:row;align-items:center;gap:10px}
.atl-label{font:500 10px/1.3 var(--atl-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--atl-texte-doux)}
.atl-label .atl-req{color:var(--atl-or)}
.atl-form input[type='text'],.atl-form input[type='email'],.atl-form input[type='search'],.atl-form input[type='url'],.atl-form select,.atl-form textarea{appearance:none;box-sizing:border-box;width:100%;background:var(--atl-champ);color:var(--atl-texte);border:1px solid var(--atl-trait);border-radius:var(--atl-rayon-petit);padding:11px 12px;font:400 13px/1.55 var(--atl-ui);transition:border-color .18s,box-shadow .18s,background .18s}
.atl-form textarea{min-height:120px;resize:vertical}
.atl-form select{background-image:linear-gradient(45deg,transparent 50%,var(--atl-texte-doux) 50%),linear-gradient(135deg,var(--atl-texte-doux) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
.atl-form input::placeholder,.atl-form textarea::placeholder{color:#7d7466;opacity:1}
.atl-form input:hover,.atl-form select:hover,.atl-form textarea:hover{border-color:var(--atl-trait-fort)}
.atl-form input:focus-visible,.atl-form select:focus-visible,.atl-form textarea:focus-visible{outline:none;border-color:var(--atl-or);box-shadow:0 0 0 3px rgba(232,184,106,.18);background:#241f18}
.atl-form input[aria-invalid='true'],.atl-form select[aria-invalid='true'],.atl-form textarea[aria-invalid='true'],.atl-form .atl-invalide{border-color:var(--atl-err);box-shadow:0 0 0 3px rgba(224,138,122,.12)}
.atl-form input:disabled,.atl-form select:disabled,.atl-form textarea:disabled{opacity:.55;cursor:not-allowed}
.atl-aide{font:400 11px/1.5 var(--atl-ui);color:var(--atl-texte-doux)}
.atl-erreur{display:flex;align-items:flex-start;gap:6px;font:400 11.5px/1.5 var(--atl-ui);color:var(--atl-err)}
.atl-erreur::before{content:'!';flex:0 0 auto;display:grid;place-items:center;width:14px;height:14px;margin-top:1px;border-radius:50%;border:1px solid currentColor;font:700 9px/1 var(--atl-mono)}
.atl-succes{display:flex;align-items:flex-start;gap:6px;font:400 11.5px/1.5 var(--atl-ui);color:var(--atl-ok)}
.atl-succes::before{content:'✓';flex:0 0 auto;font:700 11px/1 var(--atl-mono)}
.atl-compteur{align-self:flex-end;font:500 10px/1 var(--atl-mono);letter-spacing:.06em;color:var(--atl-texte-doux);font-variant-numeric:tabular-nums}
.atl-compteur--alerte{color:var(--atl-err)}
.atl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}
.atl-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.atl-encart{background:rgba(255,255,255,.03);border:1px solid var(--atl-trait);border-radius:var(--atl-rayon);padding:14px}

/* Boutons */
.atl-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:38px;padding:9px 16px;border-radius:999px;border:1px solid var(--atl-trait-fort);background:transparent;color:var(--atl-texte);font:600 11px/1 var(--atl-ui);letter-spacing:.04em;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
.atl-btn:hover{border-color:var(--atl-or);color:var(--atl-or-clair)}
.atl-btn:focus-visible{outline:none;border-color:var(--atl-or);box-shadow:0 0 0 3px rgba(232,184,106,.22)}
.atl-btn:active{transform:translateY(1px)}
.atl-btn--or{background:var(--atl-or);border-color:var(--atl-or);color:#1b140a}
.atl-btn--or:hover{background:var(--atl-or-clair);border-color:var(--atl-or-clair);color:#1b140a}
.atl-btn--discret{border-color:transparent;color:var(--atl-texte-doux);padding-inline:10px}
.atl-btn--discret:hover{color:var(--atl-texte);border-color:var(--atl-trait)}
.atl-btn[disabled],.atl-btn[aria-busy='true']{opacity:.55;cursor:progress;transform:none}
.atl-btn--petit{min-height:30px;padding:6px 11px;font-size:10px}
.atl-btn--large{min-height:44px;padding:12px 22px;font-size:12px}

/* Case à cocher simple */
.atl-case{display:flex;align-items:flex-start;gap:9px;font:400 12px/1.5 var(--atl-ui);color:var(--atl-texte-doux);cursor:pointer}
.atl-case input{appearance:none;flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;border:1px solid var(--atl-trait-fort);border-radius:4px;background:var(--atl-champ);cursor:pointer;transition:border-color .18s,background .18s}
.atl-case input:checked{border-color:var(--atl-or);background:var(--atl-or) radial-gradient(circle at 50% 50%,#1b140a 0 3px,transparent 3.5px)}
.atl-case input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(232,184,106,.2)}

/* Variante lisible sur les pages claires (dossiers) */
.atl-form--clair{--atl-champ:#fffdf8;--atl-trait:#d9cfbd;--atl-trait-fort:#b9a888;--atl-texte:#241f18;--atl-texte-doux:#6b6152;--atl-fond:#fffdf8;--atl-fond-2:#f6efe2}
.atl-form--clair input:focus-visible,.atl-form--clair select:focus-visible,.atl-form--clair textarea:focus-visible{background:#fff}

/* ---------- Pot de miel (anti-robot) ---------- */
.atl-miel{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}
.atl-miel *{pointer-events:none!important}

/* ---------- Chat de l'assistant ---------- */
.atl-chat{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:100%;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--atl-trait);border-radius:var(--atl-rayon);background:linear-gradient(180deg,var(--atl-fond-2),var(--atl-fond));font-family:var(--atl-ui);color:var(--atl-texte)}
.atl-fil{display:flex;flex-direction:column;gap:10px}
.atl-bulle{max-width:86%;padding:9px 12px;border-radius:14px;font:400 13px/1.55 var(--atl-ui);white-space:pre-wrap;overflow-wrap:anywhere}
.atl-bulle--ia{align-self:flex-start;background:#221d16;border:1px solid #362f25;border-bottom-left-radius:5px;color:#e9e2d4}
.atl-bulle--moi{align-self:flex-end;background:#2a2113;border:1px solid rgba(232,184,106,.35);border-bottom-right-radius:5px;color:#f4ead7}
.atl-bulle--note{align-self:center;max-width:92%;background:none;border:0;padding:2px 0;color:var(--atl-texte-doux);font:400 11.5px/1.5 var(--atl-ui);text-align:center}
.atl-bulle--attente{display:inline-flex;align-items:center;gap:5px;color:var(--atl-texte-doux)}
.atl-bulle--attente i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:atl-souffle 1.2s ease-in-out infinite}
.atl-bulle--attente i:nth-child(2){animation-delay:.15s}
.atl-bulle--attente i:nth-child(3){animation-delay:.3s}
@keyframes atl-souffle{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
.atl-suggestions{display:flex;flex-wrap:wrap;gap:6px}
.atl-suggestion{appearance:none;cursor:pointer;border:1px solid var(--atl-trait);background:rgba(255,255,255,.03);color:var(--atl-texte-doux);border-radius:999px;padding:6px 11px;font:500 10.5px/1.2 var(--atl-ui);text-align:left;transition:border-color .18s,color .18s,background .18s}
.atl-suggestion:hover,.atl-suggestion:focus-visible{outline:none;border-color:var(--atl-or);color:var(--atl-or-clair);background:rgba(232,184,106,.08)}
.atl-saisie{display:flex;align-items:flex-end;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid var(--atl-trait)}
.atl-saisie textarea{flex:1;box-sizing:border-box;min-height:42px;max-height:120px;resize:none;background:var(--atl-champ);color:var(--atl-texte);border:1px solid var(--atl-trait);border-radius:var(--atl-rayon-petit);padding:10px 12px;font:400 13px/1.45 var(--atl-ui);transition:border-color .18s,box-shadow .18s}
.atl-saisie textarea::placeholder{color:#7d7466;opacity:1}
.atl-saisie textarea:focus-visible{outline:none;border-color:var(--atl-or);box-shadow:0 0 0 3px rgba(232,184,106,.18)}
.atl-envoyer{appearance:none;cursor:pointer;flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--atl-rayon-petit);border:1px solid var(--atl-or);background:var(--atl-or);color:#1b140a;transition:background .18s,border-color .18s,transform .18s}
.atl-envoyer:hover{background:var(--atl-or-clair);border-color:var(--atl-or-clair)}
.atl-envoyer:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(232,184,106,.28)}
.atl-envoyer:active{transform:translateY(1px)}
.atl-envoyer[disabled],.atl-envoyer[aria-busy='true']{opacity:.5;cursor:progress;transform:none}
.atl-envoyer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.atl-pouces{display:flex;align-items:center;gap:6px;font:500 10px/1 var(--atl-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--atl-texte-doux)}
.atl-pouce{appearance:none;cursor:pointer;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;border:1px solid var(--atl-trait);background:transparent;color:var(--atl-texte-doux);font-size:13px;line-height:1;transition:border-color .18s,color .18s,background .18s}
.atl-pouce:hover,.atl-pouce:focus-visible{outline:none;border-color:var(--atl-or);color:var(--atl-or-clair)}
.atl-pouce[aria-pressed='true']{border-color:var(--atl-or);background:rgba(232,184,106,.14);color:var(--atl-or-clair)}
.atl-ia{display:flex;align-items:center;gap:7px;font:500 9.5px/1 var(--atl-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--atl-texte-doux)}
.atl-ia::before{content:'';flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--atl-or);box-shadow:0 0 6px rgba(232,184,106,.7)}
.atl-restant{font:500 9.5px/1 var(--atl-mono);letter-spacing:.06em;color:var(--atl-texte-doux);font-variant-numeric:tabular-nums}
.atl-chat--clair{--atl-fond:#fffdf8;--atl-fond-2:#f6efe2;--atl-champ:#fff;--atl-trait:#d9cfbd;--atl-texte:#241f18;--atl-texte-doux:#6b6152}
.atl-chat--clair .atl-bulle--ia{background:#f1e9db;border-color:#e0d5c3;color:#241f18}
.atl-chat--clair .atl-bulle--moi{background:#f7e7c8;border-color:#e3c68f;color:#241f18}

/* ---------- Terminal ---------- */
.atl-term{box-sizing:border-box;width:100%;max-height:min(60vh,420px);overflow:auto;padding:14px 16px;border:1px solid #26221b;border-radius:var(--atl-rayon);background:#0b0a08;color:#cfc8ba;font:400 12.5px/1.7 var(--atl-mono);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.atl-term .atl-ligne{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.atl-term .atl-invite{color:#9fd39a}
.atl-term .atl-invite::before{content:'$ ';color:#6f8f6b}
.atl-term .atl-commande{color:#efe9dd}
.atl-term .atl-sortie{color:#a9a294}
.atl-term .atl-ok{color:#9fd39a}
.atl-term .atl-erreur{color:#e08a7a}
.atl-term .atl-dim{color:#7d7466}
.atl-term .atl-curseur{display:inline-block;width:.62em;height:1.05em;margin-left:1px;vertical-align:-.16em;background:#9fd39a;animation:atl-clignote 1.05s steps(1) infinite}
@keyframes atl-clignote{50%{opacity:0}}
.atl-term--plein{max-height:none;height:100%}

/* ---------- Filigrane des pages dossier ---------- */
.atl-page{position:relative;isolation:isolate;overflow:hidden}
.atl-page > :not(.atl-filigrane){position:relative;z-index:1}
.atl-filigrane{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;opacity:.07;background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22360%22%20height=%22200%22%3E%3Cg%20fill=%22%232a2117%22%20font-family=%22Georgia,serif%22%20font-size=%2215%22%20letter-spacing=%222%22%3E%3Ctext%20x=%22-30%22%20y=%2270%22%20transform=%22rotate(-24%20180%20100)%22%3EAtelier%20%C2%B7%20Abakar%20Oumar%20Adam%3C/text%3E%3Ctext%20x=%22120%22%20y=%22170%22%20transform=%22rotate(-24%20180%20100)%22%3EAtelier%20%C2%B7%20Abakar%20Oumar%20Adam%3C/text%3E%3C/g%3E%3C/svg%3E');background-repeat:repeat;background-size:360px 200px;mix-blend-mode:multiply;border-radius:inherit}
.atl-filigrane--nuit{filter:invert(1);mix-blend-mode:screen}
.atl-filigrane--fin{opacity:.05}
.atl-filigrane--fort{opacity:.1}
body > .atl-filigrane{background-image:none;mix-blend-mode:normal;border-radius:0}

/* ---------- Adaptations petit écran ---------- */
@media (max-width:700px){
  .atl-form{max-width:none;gap:16px}
  .atl-form input[type='text'],.atl-form input[type='email'],.atl-form input[type='search'],.atl-form input[type='url'],.atl-form select,.atl-form textarea{font-size:16px;padding:14px}
  .atl-form textarea{min-height:140px}
  .atl-label{font-size:12px}
  .atl-btn,.atl-btn--large{min-height:48px;font-size:14px;padding:12px 20px}
  .atl-chat{padding:12px;max-height:min(76vh,640px)}
  .atl-bulle{max-width:92%;font-size:16px;line-height:1.5;padding:12px 14px}
  .atl-suggestion{font-size:14px;padding:10px 14px}
  .atl-saisie textarea{font-size:16px;min-height:52px}
  .atl-envoyer{width:52px;height:52px}
  .atl-pouce{width:36px;height:36px;font-size:17px}
  .atl-ia,.atl-restant{font-size:12px}
  .atl-term{font-size:15px;line-height:1.75;padding:16px}
  .atl-filigrane{background-size:280px 156px}
}
@media (max-width:560px){
  .atl-duo{grid-template-columns:1fr}
}

/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  .atl-term .atl-curseur{animation:none;opacity:1}
  .atl-bulle--attente i{animation:none;opacity:.7}
  .atl-btn,.atl-form input,.atl-form select,.atl-form textarea,.atl-suggestion,.atl-envoyer,.atl-pouce,.atl-saisie textarea{transition:none}
  .atl-btn:active,.atl-envoyer:active{transform:none}
  .atl-chat{scroll-behavior:auto}
}