*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.5;margin:0;background:#111;color:#eee}
main{max-width:960px;margin:auto;padding:20px}
h1,h2,h3{line-height:1.2}
section{margin:1rem 0}
label{display:block;margin-top:.8rem}
input,select,button{font:inherit;padding:.65rem;margin:.25rem .25rem .25rem 0}
button{cursor:pointer;border:2px solid #888;background:#222;color:#fff;border-radius:6px}
button:focus{outline:3px solid #fff;outline-offset:2px}
button:disabled{opacity:.55;cursor:not-allowed}
.move{border-color:#6ea8fe}
.task{border-color:#ffd166}
.danger{border-color:#ff6b6b}
.meeting{border-color:#c77dff}
.info{border-color:#55d6be}
.role{border-color:#f4a261}
.utility{margin-top:1.2rem}
#status{padding:.8rem;border:1px solid #777;margin-bottom:1rem;font-weight:bold}
#context{margin:.8rem 0}
#log{white-space:pre-wrap;max-height:25rem;overflow:auto;border:1px solid #555;padding:.7rem}
details{margin:.8rem 0;border:1px solid #444;padding:.6rem}
summary{cursor:pointer;font-weight:bold}
.dead{text-decoration:line-through}
.warning{font-weight:bold}
.taskline{margin:.25rem 0}
.progress{font-weight:bold}


/* V10 : focus clavier et lisibilité */
button:focus, select:focus, input:focus, summary:focus {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
button[disabled] {
  opacity: .65;
}
#actions button {
  margin-bottom: .35rem;
}