/* Feuille de widget « dl » — extraite des recettes de contenu (lot B, chantier 6) par
   tools/styles-check/extraire-styles-recettes.py ; valeurs = jetons de sk-tokens.css. */
.dl{--bleu:var(--sk-primary);--orange:var(--sk-c-orange-2);--encre:var(--sk-fg);--gris:var(--sk-muted);--trait:var(--sk-border);max-width:760px;margin:0 auto;padding:0 16px 48px;font-family: var(--sk-font);color:var(--sk-fg)}
.dl *{box-sizing:border-box}
.dl h1{font-size:1.5rem;margin:.4rem 0 .4rem}
.dl p.intro{color:var(--sk-muted);margin:0 0 1rem}
.dl form{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius-lg);padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}
@media(max-width:640px){.dl form{grid-template-columns:minmax(0,1fr)}}
.dl label{font-size:.82rem;color:var(--sk-muted);display:flex;flex-direction:column;gap:.25rem}
.dl input,.dl select{border:1px solid var(--sk-border);border-radius:var(--sk-radius-sm);padding:.6rem .7rem;font:inherit;font-size:.95rem;color:var(--sk-fg);background:var(--sk-surface);min-width:0}
.dl .plein{grid-column:1/-1}
.dl button{border:0;border-radius:var(--sk-radius);padding:.85rem;font:inherit;font-weight:600;cursor:pointer;color:var(--sk-on-primary);background:var(--sk-c-orange-2)}
.dl-etat{border-radius:var(--sk-radius);padding:.8rem 1rem;margin-bottom:1rem;background:var(--sk-primary-soft);color:var(--sk-primary);display:none}
.dl-etat.ok{display:block;background:var(--sk-success-soft);color:var(--sk-success)}.dl-etat.ko{display:block;background:var(--sk-danger-soft);color:var(--sk-danger)}.dl-etat.info{display:block}
.dl-app{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border:1px solid var(--sk-border);border-radius:var(--sk-radius-lg);padding:1rem;margin:0 0 1rem;background:var(--sk-warning-soft)}
.dl-app img{width:96px;height:96px;border-radius:var(--sk-radius-sm);background:var(--sk-surface)}
.dl-app div{flex:1;min-width:200px}.dl-app p{margin:.2rem 0;color:var(--sk-muted);font-size:.85rem}.dl-app strong{color:var(--sk-fg)}
.dl-app a{display:inline-block;margin-top:.4rem;border-radius:var(--sk-radius-sm);padding:.55rem .9rem;background:var(--sk-c-orange-2);color:var(--sk-on-primary);font-weight:700;text-decoration:none}