/* DA3 « Seine pop » (choisie par David le 2026-11-14) : couleurs, police et espacements originaux ; tailles, rayons, états et responsive = compléments PROPOSÉS, non validés. Retour arrière : git revert du lot DA3. */
:root{--sl-blue:#2c58ed;--sl-white:#ffffff;--sl-yellow:#f6e53a;--sl-ink:#121b36;--sl-font:Arial,Helvetica,sans-serif;--sl-space-1:4px;--sl-space-2:8px;--sl-space-3:16px;--sl-space-4:24px;--sl-space-5:40px;--sl-space-6:64px;--sl-body:16px;--sl-caption:12px;--sl-label:14px;--sl-lead:20px;--sl-h3:24px;--sl-h2:32px;--sl-h1-mobile:36px;--sl-h1-desktop:56px;--sl-leading:1.6;--sl-heading-leading:1.1;--sl-radius:8px;--sl-panel-radius:12px;--sl-target:44px;--sl-focus:3px;--sl-motion:180ms;--sl-measure:72ch;--sl-site-max:1200px;--sl-workspace-max:1440px}
:root{--bg:var(--sl-white);--paper:var(--sl-white);--ink:var(--sl-ink);--muted:var(--sl-ink);--line:var(--sl-blue);--accent:var(--sl-blue);--radius:var(--sl-panel-radius);font-family:var(--sl-font);color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:var(--sl-body);line-height:var(--sl-leading)}[hidden]{display:none!important}
button,input,select,textarea{font:inherit;max-width:100%}a{color:var(--sl-blue);text-underline-offset:3px}a:hover{text-decoration-thickness:3px}
button{min-height:var(--sl-target);background:#fff;border:1px solid var(--sl-blue);border-radius:var(--sl-radius);padding:10px 16px;cursor:pointer;color:var(--sl-blue);font-weight:700}
button:hover{box-shadow:inset 0 0 0 2px currentColor}button:active{box-shadow:inset 0 0 0 3px currentColor}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:var(--sl-focus) solid var(--sl-ink);outline-offset:3px;box-shadow:0 0 0 6px #fff}
.primary{background:var(--sl-blue);color:#fff;border-color:var(--sl-blue)}.primary:hover{box-shadow:inset 0 0 0 2px #fff}
.top{min-height:80px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--paper);border-bottom:2px solid var(--sl-blue)}
.brand{display:flex;align-items:center;gap:12px}.brand strong{letter-spacing:.12em;font-size:17px}.brand small{display:block;letter-spacing:.12em;font-size:12px;font-weight:700;margin-top:4px}
.mark{display:block;width:46px;height:46px;border-radius:var(--sl-radius)}
.topright{display:flex;align-items:center;gap:16px;font-size:var(--sl-label);flex-wrap:wrap}
.pill{display:inline-block;border-radius:100px;padding:8px 12px;font-size:var(--sl-label);font-weight:700}.warn{background:var(--sl-yellow);color:var(--sl-ink)}
.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 80px);max-width:var(--sl-workspace-max);margin:0 auto}
aside{border-right:1px solid var(--sl-blue);padding:24px 16px;background:#fff;position:relative}
.side-label,.eyebrow{letter-spacing:.12em;font-size:var(--sl-label);color:var(--sl-blue);font-weight:800}
aside nav{display:flex;flex-direction:column;gap:6px;margin-top:24px}
aside nav button{text-align:left;justify-content:flex-start;background:none;border:0;padding:10px 14px;font-weight:700;color:var(--sl-blue);border-radius:var(--sl-radius)}
aside nav button.active{background:var(--sl-blue);color:#fff}
.side-footer{font-size:var(--sl-label);line-height:1.6;margin:40px 12px}
main{padding:28px 38px 90px;max-width:var(--sl-site-max);width:100%;margin:0 auto;min-width:0}
.note{border-left:4px solid var(--sl-ink);background:var(--sl-yellow);color:var(--sl-ink);padding:16px 18px;font-size:var(--sl-label);line-height:1.6;margin-bottom:30px}
.page h1{font-size:clamp(var(--sl-h1-mobile),4vw,var(--sl-h1-desktop));letter-spacing:-.035em;line-height:var(--sl-heading-leading);margin:16px 0;overflow-wrap:anywhere}
.page h2{font-size:var(--sl-h2);margin:40px 0 14px;line-height:var(--sl-heading-leading)}.page p{line-height:var(--sl-leading);max-width:var(--sl-measure)}
.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:32px;margin-bottom:24px;background:var(--sl-blue);color:#fff;border-radius:var(--sl-panel-radius)}
.hero .eyebrow{color:var(--sl-yellow)}.hero h1{max-width:720px}.hero p{font-size:var(--sl-lead)}
.hero-stat{padding:24px;min-width:140px;display:flex;flex-direction:column;gap:8px;background:var(--sl-yellow);color:var(--sl-ink);border-radius:var(--sl-panel-radius)}.hero-stat b{font-size:48px}.hero-stat span{font-size:var(--sl-label);font-weight:700}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.panel,.item{background:var(--paper);border:1px solid var(--sl-blue);border-radius:var(--radius);padding:24px;margin-bottom:16px;min-width:0}.panel h3{margin:8px 0}
.number{color:var(--sl-blue);font-size:var(--sl-label);font-weight:800}.muted{color:var(--sl-ink)}
label{display:block;font-weight:700;font-size:var(--sl-label);margin:16px 0 8px}
input,textarea,select{display:block;width:100%;max-width:850px;min-height:var(--sl-target);border:1px solid var(--sl-blue);border-radius:var(--sl-radius);padding:12px 14px;background:#fff;color:var(--ink);margin:8px 0 12px}
input[aria-invalid=true],textarea[aria-invalid=true]{border:2px dashed var(--sl-ink)}
textarea{min-height:96px;resize:vertical}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.quick button{font-size:var(--sl-label)}
.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.toolbar select{width:auto;min-width:260px}
.item{margin-top:12px}.item h3{margin:0 0 8px}.item button{margin-right:8px;margin-top:8px}
.status{display:inline-block;font-size:var(--sl-label);padding:4px 10px;border-radius:var(--sl-radius);border:1px solid var(--sl-ink);background:#fff;color:var(--sl-ink);font-weight:700}
.status.pending{background:var(--sl-yellow)}.status.approved{border-color:var(--sl-blue);border-width:2px}.status.rejected{border-style:dashed;border-width:2px}
.editor{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--sl-label)}
.login{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:20px;background:var(--sl-blue)}
.login-card{background:#fff;padding:40px;max-width:500px;width:100%;border:3px solid var(--sl-ink);border-radius:var(--sl-panel-radius)}
.login-card h1{font-size:clamp(var(--sl-h1-mobile),6vw,44px);letter-spacing:-.035em;line-height:var(--sl-heading-leading)}.login-card p{line-height:var(--sl-leading)}.login-card .primary{width:100%}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.code{white-space:pre-wrap;background:#fff;border:1px solid var(--sl-blue);border-radius:var(--sl-radius);padding:16px;line-height:1.5;overflow-wrap:anywhere;font-size:var(--sl-label)}
.site-main{max-width:var(--sl-site-max);margin:0 auto;padding:64px 32px}.site-main h1{font-size:clamp(var(--sl-h1-mobile),9vw,var(--sl-h1-desktop));letter-spacing:-.035em;line-height:var(--sl-heading-leading);margin:24px 0 32px}
.lead{font-size:var(--sl-lead);max-width:770px;line-height:1.5}
.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.feature{min-height:260px;padding:24px;background:var(--sl-yellow);color:var(--sl-ink);border-radius:var(--sl-panel-radius);display:flex;flex-direction:column;justify-content:space-between}.feature small{font-weight:700;letter-spacing:.1em}.feature h2{font-size:var(--sl-h2);line-height:var(--sl-heading-leading)}
.feature.dark{background:var(--sl-blue);color:#fff}.feature.light{background:#fff;border:2px solid var(--sl-blue)}
.tags{display:flex;flex-wrap:wrap;gap:10px}.tags span{padding:10px 14px;border:1px solid var(--sl-blue);border-radius:30px;background:#fff}.site-links{padding-top:60px}
video{display:block;max-width:100%;max-height:420px;margin:12px 0;background:var(--sl-ink)}pre{white-space:pre-wrap;overflow-wrap:anywhere}
input[type=checkbox],input[type=radio]{display:inline-block;width:20px;height:20px;min-height:0;max-width:none;margin:1px 0 0;padding:0;flex:none;accent-color:var(--sl-blue)}
label.check{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-weight:600;line-height:1.4;max-width:850px;cursor:pointer;min-height:var(--sl-target)}
.empty{max-width:850px;margin:12px 0;padding:28px 20px;border:2px dashed var(--sl-blue);border-radius:var(--radius);background:#fff;text-align:center;line-height:1.6}
.state{max-width:850px;margin:12px 0;padding:12px 14px;border-radius:var(--sl-radius);background:#fff;color:var(--sl-ink);font-size:var(--sl-label);line-height:1.5;border:1px solid var(--sl-ink);border-left:4px solid var(--sl-ink)}
.state.ok{border:2px solid var(--sl-blue)}.state.warn{background:var(--sl-yellow);border-color:var(--sl-ink)}.state.error{border:2px dashed var(--sl-ink);border-left-width:4px}.state.busy{background:var(--sl-yellow)}
button:disabled{color:var(--sl-ink);border-color:var(--sl-ink);border-style:dashed;background:#fff;cursor:not-allowed;box-shadow:none}
.cut{max-width:850px;border:1px solid var(--sl-blue);border-radius:var(--sl-panel-radius);padding:16px;margin:12px 0;background:#fff}
.cut.over{border:2px dashed var(--sl-ink);background:var(--sl-yellow)}
.cut-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cut-head label.check{margin:0}
.cut-times{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:6px}.cut-times label{margin:8px 0 0}.cut-times input{width:120px;margin:6px 0 0}
.cut textarea{min-height:60px;margin-bottom:4px}.cut-count{margin:0;font-size:var(--sl-label)}.cut.over .cut-count{font-weight:700}
.job-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.cut-listen{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}.cut-listen button{font-size:var(--sl-label);padding:8px 12px}
.cut-position{margin:6px 0 0;font-size:var(--sl-label);min-height:16px}.cut-position.outside{font-weight:700;text-decoration:underline dashed}
progress{display:block;width:100%;max-width:420px;height:12px;margin:8px 0;accent-color:var(--sl-blue)}
@media(max-width:1023px){.grid3,.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--sl-blue);padding:12px}aside nav{flex-direction:row;overflow-x:auto;margin:4px 0}aside nav button{white-space:nowrap}.side-label,.side-footer{display:none}main{padding:20px}.hero{flex-direction:column;align-items:stretch;padding:24px}.hero-stat{display:none}.fields{grid-template-columns:1fr}.top{padding:12px}}
@media(max-width:639px){.grid3,.editorial-grid{grid-template-columns:1fr}.panel,.item{padding:16px}.login-card{padding:24px}.toolbar select{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){button,.panel,.item,input,select,textarea{border:1px solid ButtonText}:focus-visible{outline:3px solid Highlight}}