.zone-pieces{border:1px dashed var(--border);border-radius:10px;padding:15px;margin-top:22px;background:var(--bg)}.zone-pieces-entete{display:flex;justify-content:space-between;align-items:center;gap:15px}.zone-pieces-entete strong{font-size:12px}.zone-pieces-entete button{min-height:44px;font-size:12px}.zone-depot-pieces{display:flex;align-items:center;justify-content:center;gap:13px;padding:20px 8px;color:var(--muted);text-align:left}.zone-depot-pieces>span{font-size:27px;color:var(--accent)}.zone-depot-pieces p{font-size:13px;line-height:1.7;margin:0}.zone-depot-pieces small{font-size:11px}.zone-pieces.depot-actif{border:2px solid var(--focus);background:var(--soft);padding:14px}.pieces-information{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}.liste-pieces{max-height:200px;overflow-y:auto}.piece-jointe{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;padding:9px;margin:8px 0;background:var(--surface)}.piece-jointe img{width:54px;height:54px;object-fit:cover;border-radius:5px;flex-shrink:0}.piece-document{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:var(--accent);font-size:25px;background:var(--soft);border-radius:6px}.piece-jointe>div{min-width:0;flex:1}.piece-jointe strong{font-size:12px;display:block;overflow-wrap:anywhere}.piece-jointe small{font-size:11px;display:block;margin-top:4px;color:var(--muted)}.piece-jointe>button,.piece-jointe>a{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;color:var(--accent);border-radius:6px;font-size:20px}.piece-jointe>button:hover,.piece-jointe>a:hover{background:var(--soft)}.pieces-tache{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.pieces-tache h3{font-size:14px}#create-dialog{max-height:90dvh;overflow-y:auto}#create-dialog .form-bottom{position:sticky;bottom:-28px;background:var(--surface);padding:16px 0 10px;border-top:1px solid var(--line);z-index:3}#create-dialog .dialog-top{position:sticky;top:-28px;background:var(--surface);z-index:4;padding-block:5px}
@media(max-width:740px){.zone-pieces{padding:12px}.zone-pieces.depot-actif{padding:11px}.zone-depot-pieces{padding:16px 0}.zone-depot-pieces p{font-size:12px}#create-dialog .form-bottom{bottom:-23px}#create-dialog .dialog-top{top:-23px}}